プログラミング学習初心者のための情報メディア by Proglus（プログラス）
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
下記コマンドを実行して、Xcodeをインストールすれば解決する。
$ xcode-select –install
確認ダイアログが表示されるので、OKして進める。
macOS Big Sur バージョン11.2.3
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
この記事では、AWS Cloud9のEC2インスタンスが容量不足になってしまった時の対処法について説明します。
この記事は、オンライン講座「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。
なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。
・クラウドコンピューティングサービスのAWSで利用できるサービスの一つです。
・クラウド上のサーバー資源を利用して、ブラウザ上の統合開発環境(IDE)でWebアプリケーションを開発することができます。
・Cloud9を起動すると、AWSのEC2インスタンスに接続され、開発を進めることができます。
EC2インスタンスを利用していて容量が不足した場合、ターミナルで以下のようなメッセージが表示されます。
No space left on device
このような場合、まずは不要なファイルが容量を圧迫していないか確認してみましょう。
dfコマンドを用いると、ボリューム全体の使用状況を確かめることができます。
Cloud9上のターミナルで以下のコマンドを実行します。
$ df -h Filesystem Size Used Avail Use% Mounted on devtmpfs 483M 60K 483M 1% /dev tmpfs 493M 0 493M 0% /dev/shm /dev/xvda1 9.8G 8.6G 1.1G 89% /
この例では、ルートディレクトリにマウントされている/dev/xvda1 というファイルシステムが89%使用済みである、ということが分かります。
全体の使用状況を把握したら、duコマンドを用いて個別のディレクトリの容量を確かめます。以下が使用例です。
$ du -h ~/node_modules 20K node_modules/tmp/lib 44K node_modules/tmp 12K node_modules/node-cleanup/tests/lib 20K node_modules/node-cleanup/tests/bin 64K node_modules/node-cleanup/tests 100K node_modules/node-cleanup 20K node_modules/os-tmpdir 168K node_modules
もし容量が極端に大きいファイルなどが見つかったら、影響が無いことを確認した上で削除して、ボリューム容量を解放してみてください。
ファイルを削除してもボリューム容量の圧迫が解消しない場合や、削除しても良いファイルが見つからない場合は、EBSボリュームサイズの拡張を行いましょう。
※AWS無料枠について
AWSではアカウント作成から1年間の期間は、EC2インスタンスを月に合計750時間・30GBまで無料で利用できます（2020年2月時点）。無料枠の範囲内で利用したい場合は、使用しているEC2インスタンスのEBSボリュームが合計で30GBを超えないように注意してください。
まずはCloud9インスタンスが動いているインスタンスを停止しましょう。
Cloud9のコンソールを開き、ボリュームを拡張したいインスタンスの名前の部分をクリックします。
Cloud9環境の詳細が表示されるので、「Go To Instance」をクリックします。
すると、このCloud9環境が動作しているEC2インスタンスが表示されます。
右上の「インスタンスの状態」から「インスタンスを停止」をクリックします。状況によって停止まで少し時間がかかる場合があります。
「インスタンスを終了」を選択すると環境が削除されてしまうので、間違えないように注意してください。
インスタンスの状態が「停止済み」となっていることを確認してください。
インスタンスの詳細で「ストレージ」をクリックすると、このEC2インスタンスのボリューム情報が確認できます。
「ボリュームID」をクリックして、ボリュームの詳細画面に飛びます。
「ボリュームの変更」をクリックします。
「サイズ」に変更したいボリューム容量を入力し、「変更」を押します。
ここでは、ストレージを10GBから16GBに変更します。
ボリューム変更を実行するか聞かれるので、「はい」を選択します。
ボリューム変更中は「状態」がmoidyfingとなって黄色いランプが現れます。少し時間がかかります、ランプが緑色になったら変更完了です。
予期せぬ不具合を避けるため、ボリューム変更中はCloud9インスタンスを起動しないようにしてください。
コンソールからCloud9インスタンスを起動します。
ターミナルでlsblkコマンドを実行し、ボリュームの割り当て状況を確認しましょう。
$ lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT xvda 202:0 0 16G 0 disk └─xvda1 202:1 0 10G 0 part /
この場合は、ボリュームの変更によりxvdaのディスク容量が16GBになったことが分かります。
しかしxvda1というパーティションには10GBしか割り当てられていません。そこでgrowpartコマンドを用いて、パーティションサイズを拡張します。
$ sudo growpart /dev/xvda 1 CHANGED: disk=/dev/xvda partition=1: start=4096 old: size=20967390,end=20971486 new: size=33550302,end=33554398
次にパーティションを拡張したら、ファイルシステムのサイズも合わせて変更する必要があります。以下のコマンドを実行してください。
$ sudo resize2fs /dev/xvda1 resize2fs 1.43.5 (04-Aug-2017) Filesystem at /dev/xvda1 is mounted on /; on-line resizing required old_desc_blocks = 1, new_desc_blocks = 1 The filesystem on /dev/xvda1 is now 4193787 (4k) blocks long.
再度以下のコマンドを実行してみましょう。
$ lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT xvda 202:0 0 16G 0 disk └─xvda1 202:1 0 16G 0 part /
ファイルシステムを16GBに拡張することができました！
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
Linux、うまく使いこなせていますか？
画面がシンプルでとっつきにくい印象があるかもしれません。
WindowsやMacOSではテキストを編集する時メモ帳などのアプリケーションを使うことができますが、Linuxでも専用のテキストエディタを使うことが多いです。
この記事では、その中でも特に人気の高いviについて初心者の方にもわかりやすいように超基本的な使い方を解説します。
これからviの使い方を覚えたいけれどなんだかとっつきにくい…と躊躇されている方や、過去チャレンジしてなかなか慣れずに挫折した方にもおすすめの記事です！
本記事の内容を動画でも解説しています。
vi（ヴィアイ）とは、Linux環境で人気のあるテキストエディタで、軽量なため最小構成のLinux環境にもインストールされているのが特長です。
名前の由来はVIsual editor または Visual Interface の略とされています。
いくつかのモードを切り替えて操作していく必要があるのが特徴です。これが若干とっつきにくいためこの先で丁寧に解説します。
上位互換にviの高機能版であるvim（ヴィム）や、nvi（エヌヴィアイ）といったものもありますので、キーワードとして、頭の片隅に入れておくと良いでしょう。
環境によってはviを起動したつもりでも、実際に動作しているのはvimやnviだったりすることもあります。
早速、起動方法からやってみましょう。
Linuxのターミナル画面に下記のように「vi」と打ち込みエンターキーを押します。
すると下図のような画面となりviが起動します。
次に、viの終了方法を見てみましょう。
「まだ使い方も見ていないのに終了方法？」と思われるかもしれません。
しかし、viやその他Linuxコマンドのとっつきにくさの理由の一つに「終了方法がわからなくてどうにもならなくなってしまった」というのがあります。
終了方法がわからないとパニックになることも多いので、ここはまず終了方法を覚えておきましょう。
終了するには、「:q」（コロンにアルファベット小文字のキュー）と打ってからエンターキーです。qは「quit」の略と覚えましょう。画面左下に打った内容が確認できます。
ここで、万が一画面左下に打った文字が出ないなどうまくいかない場合は「:q」を打つ前にEscボタンを押してからやってみてください。（理由は後述します）
見にくいですが先ほどのvi起動画面にも説明書きが書いてありますね。
無事終了できるとLinuxのターミナルに戻ってきます。
ここで、viの特徴であるノーマルモード・入力モードについて説明します。
LinuxはCUI（Character-based User Interface：文字のユーザーインターフェイス）が主体ですので、GUI（Graphical User Interface：グラフィックのユーザーインターフェイス）であるWindowsやMacOSのように、上の方に出てくるメニュー画面から「ファイルを保存」や「ファイルを閉じる」をクリックして操作することができません。
そのため、全てキーボード入力で操作する必要があります。もしGUIであったならばメニュー画面を開いて実施するような操作を行うためのモードを「ノーマルモード」、通常の文字入力を行うためのモードを「入力モード」といい、下記のように切り替えることができます。
なぜこのような煩わしい切り替えが必要かというと、先ほどのように「:q」でエンターを押すと終了するという決まりがありますが、もし切り替えがないとファイルにただ「:q」という文字列が入力されてしまいます。
ユーザーの意図としてvimを閉じたいのか、ファイルに「:q」という文字列を入力したいのか、どちらなのかをvim側に知らせてあげる必要があるのです。
そのため、都度これらをキーで切り替えなければなりません。
現在どちらのモードなのかは画面左下を見ればわかります。下図のように、「— INSERT —」と出ていれば入力モード、そうでなければコマンドモードです。
viはテキストエディタなので、WindowsやMacOSでメモ帳を使う時と同じように、ファイル名を指定して新規ファイルを作成することができます。
少し違うのは、viの場合はvi起動時にファイル名を指定してあげる必要があることです。
下記のようにターミナルで「vi sample」と打ってviを起動してみましょう。
無事ファイルが作成されると下記のような画面でviが起動します。
ファイルを開いた直後はノーマルモードなので、iキーを打つと入力モードになります。「test」などの文字列を試しに打って、入力されることを確認しましょう。
下記は入力モードで文字列を打ち込んだときの画面例です。
入力モードの時は↑↓←→キーでカーソルをその方向に動かすことができます。
入力が終わったら、ファイルを保存してみましょう。
ファイルを保存するにはエスケープキーでノーマルモードにしてから「:w」とキーを打ちエンターを押します。
「write」の略を覚えてください。
なお、ここでエスケープキーでなくいきなり「:」コロンキーを打ってもノーマルモードになります。
無事ファイルが保存されたら下記のように表示されます。
「:q」でviを終了してターミナルに戻ったら、lsコマンドでファイル一覧を見てみましょう。
先ほどviで新規作成・保存したsampleがあればOKです。
また、lessやcatといったコマンドでsampleの中身を見てみましょう。ご自身が入力した通りの文字列が出ていますか？
もちろん、viでもう一度開いて見るのでもOKです。
テキスト入力をしてはみたものの、無かったことにしてファイルを保存せず終了したいこともありますよね。
そんな時、保存せずに「:q」で終了しようとすると下記のように注意文が出てしまいます。
まだ保存されていない変更内容があるよ、という注意文ですね。このため、終了できないようになっています。
あえて保存せずに終了したい場合はそのことを明言する必要があるわけです。
やり方としては、「:q!」と最後にエクスクラメーションマークを足してエンターキーを押しましょう。今度はうまく終了できるはずです。
他にはどんな使い方があるのか見てみたい場合は、ヘルプを参照しましょう。
ノーマルモードで「:help」と打ってエンターキーでヘルプを開くことができます。
英語表記なのですが、上下左右キーの代わりにi・h・j・kキーでもカーソルを動かすことができるといった便利なTipsがあるので、興味がある方は読んでみてください。
Linuxのテキストエディターviの使い方について、超基本の部分を解説しました。
最低限、ここに書いてあることができればまずは困らずに使えるでしょう。
使っていく中で、もっとこうしたい、ああしたいという気持ちが出てきたらチャンスです！
最初から詰め込みすぎると覚える気にならないのですが、こうして最初に最低限の使い方を覚えてから必要に応じてブラッシュアップしていくのはおすすめの学習方法です。
さらに便利な使い方がありますので、これについては別の記事でご紹介します。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
この記事では、swpファイルが作成されてvimでファイルが編集できない時の対処法について説明します。
この記事は、オンライン講座「はじめてのLinuxサーバー構築運用入門 – Linuxコマンドラインを基礎から学び、自分のウェブサーバまで構築できる」のサポート記事です。
チャンネル登録してね！
なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。
・CUIで利用できるエディタです。
・Viという世界でよく使われているエディタの拡張版です。
・GUIの無いサーバーなどでターミナルからファイルの編集を行う際によく用いられます。
vimエディタを起動した時に、以下のような画面が表示されて上手くファイルが編集できないときがあります。
これはvimが何らかの原因で強制終了した時や、別のターミナルで同一ファイルを編集している際に作成されるswpファイルが原因です。
この画面は、前回の編集内容についてどのような操作を行うか聞かれている状態です。
以下の選択肢から選びます。
・[O] Open Read-Only
読み取り専用モードでファイルを開きます。ファイルの編集を行うことはできません。
・[E] Edit anyway
前回の編集内容は気にせずにそのまま編集・上書きを行います。
・[R] Recover
前回の編集内容の復元を行います。
・[D] Delete it
前回の編集内容を削除します。
・[Q] Quit
該当ファイルの編集を終了します。
・[A] Abort
vimアプリケーション自体を強制終了します。
この中から自分の実行したい選択肢に該当する記号を入力し、確定してください。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
プログラミング用語としての「フレームワーク」という言葉、知っていますか？
「フレームワークを使えばサクサク開発ができるよ」とか「Ruby on Railsを使えば簡単にWebサービスを作れる」といった文脈を耳にしたことがあるかもしれませんね。
「なんとなく便利なものというイメージはあるけれど、実際はどんなものなんだろう？」
そんな疑問に答えるべく、この記事では初心者の方にもわかりやすくフレームワークについて解説します。
まず、フレームワークとは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」のことです。
この説明だけではピンと来ないと思いますので、詳しく見ていきましょう。
よくプログラミングは料理に例えられます。とある「ECサイトを作ること」を「酢豚を作ること」と例えてみましょう。
ECサイトには「ログイン機能」「商品一覧表示機能」「決済機能」等が必要です。（本来はもっといろんな機能が必要ですが今は気にしないでください。）
かたや、酢豚をざっくりパーツ化すると「揚げた豚肉」「一口大の野菜」「甘酢あん」となり、これらを炒め合わせて完成となります。
このように設計書（料理ならレシピ）に基づき全体をいくつかのパーツに分けてそれぞれを作り上げ、組み合わせて完成させるというところが似ていますね。
酢豚をイチから作る場合は「揚げた豚肉」ひとつをとっても、豚肉を必要な分買ってきてカットし下味をつけてから粉をまぶし、高温の油でカリッと揚げて…といった多くの作業が必要です。
最近は忙しい現代人のために「お手軽料理キット」（ミールキットとも呼ばれます）というものがあります。これは料理を作るために必要な分の材料がある程度調理された状態で提供され、最後の仕上げをするだけで完成するという代物です。
酢豚ならば「揚げた豚肉」「一口大の野菜」「甘酢あん」が完成した状態でパック化されていて、あとはフライパンでこれらを炒め合わせるだけですぐに食べられます。
フレームワークはまさにこのミールキットのように「ログイン機能」「商品一覧表示機能」「決済機能」といったパーツがすぐに使える形で提供されていて、開発者はこれらを適宜組み立てていくだけでWebサイトを作ることが可能です。
冒頭の繰り返しですが、改めてフレームワーク とは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」であるということがなんとなくイメージしやすくなったでしょうか。
ここで、ライブラリという言葉をご存知の方は「なんだかライブラリと似ているけれど、何が違うんだろう？」と思われたかもしれません。
ライブラリとは「汎用的な機能をまとめたもの」なので、まさにフレームワークの定義と似ていますが、フレームワークと比べて少し規模の小さいものを指します。
そのため、フレームワークはライブラリを集めたものと考えてください。
先ほどの酢豚の例えでいうと、「酢豚の素」くらいのレベル感になります。
ライブラリを使えばイチからプログラミングするよりは楽にできるけれど、フレームワーク（料理キット）よりは自分で手を動かす手間がかかるということです。
大人気のフレームワークですが、メリットもあればデメリットもあります。
まずはメリットを見てみましょう。
これは言わずもがなですが、よく使用される機能が提供されているので開発効率が格段に上がります。
大きなソフトやシステムを開発する時、複数人でコーディングをすることがあります。
一つのフレームワークに則って開発すれば、バラバラに書いたとしてもコードに統一感が出て、何をやりたい部分なのかが読みやすくなります。
上記の理由からレビューしやすくなるため問題のある箇所を見つけやすくなりますし、予め提供されている機能を使うため凡ミスも減らせてバグの数を軽減できます。
便利なフレームワークですが、デメリットの方も確認しておきましょう。
フレームワークを使うにはその方法を学ばなければなりません。例えばRuby on Railsというフレームワークを使う場合、そのベースとなっているRuby言語の文法だけを知っていても使えません。
新たにRuby on Rails自体の文法を学ぶ必要があります。
例えばRuby自体をよく知らないままにRuby on Railsから学習を始めてしまうと、楽に開発はできるものの自分が便利に使っている機能の内部ではどういった処理をしているのかわからないままになってしまいます。
初心者にとってはフレームワークからではなく、基礎の言語の方から学ぶことが望ましいです。
便利な機能がたくさんあり、Webサービスの完成までに必要な枠組みが揃っているということは逆に自由度が下がるということです。
用意された枠組みから外れるような機能は載せられないという制約があります。
ここで実際に人気のあるフレームワークをおすすめの入門講座とともにいくつか紹介します。
Rubyという言語はWeb開発で非常に人気がありますが、このRubyで書かれたフレームワークとしてRuby on Railsがあります。
MVCモデルという設計思想に基づいていて、メンテナンス性の高いWebサービスを開発するのに有用です。
Ruby on Rails 入門｜Proglus（プログラス）
JavaScriptでの開発を加速するフレームワークがVue.js（読み：ビュージェイエス）です。
手軽にリッチなWebサイトを作ることができます。
Nuxt.js（読み：ナクストジェイエス）は先述のVue.jsをさらにまとめたフレームワークです。
サーバーサイドレンダリング（SSR）という機能を持つのが特長で、通常はブラウザ上で実行されるJavaScriptをサーバー側で実行することで表示を高速化することが可能です。
Webサイトのレイアウトやデザインを整えるための言語であるCSSのフレームワークとしてBootstrap（読み：ブートストラップ）は非常に人気があります。
特に、パソコンやスマホなど様々な画面サイズに対応するレスポンシブデザインのサイトを手軽に制作することが可能です。
フレームワークについて解説しました。
まずは基礎となるプログラミング言語の習得が優先ですが、ある程度基礎的なことがわかったらフレームワークについても学び始めることをおすすめします。
フレームワークを使うと圧倒的に開発スピードが上がるため、導入されていない現場はほぼ無いといえるからです。
この記事で挙げたフレームワークの講座はどれも入門レベルで、基礎の言語を学び始めた初心者の方からも人気の内容となっています。
基礎を学びつつ早い段階から現場力も身につけたい方はぜひチェックしてみてください。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
