Laradockによる開発環境構築(Mac編)このパートでは、Laradockをインストールして、Laravelを動かすための開発環境を作ります。ターミナルやAtomの使い方についても触れていきます。LaradockとはLaravelを動かす為には、Webサーバーや、多くの場合でデータベースが必要になってきます。Laradockを使うことで、このWebサーバーやデータベースをDocker上に簡単に構築することができます。(なお、本教材ではデータベースを使用しないので、Dockerにも構築はしていません)ターミナルを使おうLaradockをインストールする際には、ターミナルでいくつかのコマンドを入力します。ターミナルとは、文字だけで操作を行う、以下のような画面です。Laradockを実際にインストールする前に、このターミナルの操作に慣れておきましょう。ターミナルは以下の方法で呼び出せます。pwdと入力してエンターキーを押してください。すると、次のように表示されるはずです。Macでのユーザー名の部分は人によって異なりますので、適宜読み替えてください。~と入力してから、もう一度pwd⏎を入力してくださいこのようにpwdは、現在自分がいるフォルダ名を表示してくれます。lsと入力してください。以下のように、フォルダ名がいくつか表示されるはずです。ApplicationsLibraryPublicDesktopMoviesDocumentsMusicDownloadsPicturesこのようにlsは、現在自分がいるフォルダのフォルダ名やファイル名の一覧を表示してくれます。Documentsと入力してください。これで、自分がいるフォルダから見てひとつ下の階層にあるDocumentsフォルダに移動しました。pwdを使って、いま自分がいるフォルダを確認してみましょう。pwdと入力してください。次のように表示されたはずです。移動したいフォルダ名を入力すると、自分がいるフォルダから、指定したひとつ下の階層のフォルダに移動できます。../では、次にUsers/Macでのユーザー名のフォルダに戻ってみましょう。いま自分がいるフォルダの、ひとつ上の階層のフォルダに戻ることになります。pwdと入力して、いま自分がいるフォルダを確認してみてください。次のように表示されたはずです。../と入力すると、自分がいるフォルダから、ひとつ上の階層のフォルダに移動できます。Laradockをインストールしようターミナルの操作に慣れたところで、Laradockのインストール作業を始めていきます。laravel-linebotフォルダの作成まず、laravel-linebotフォルダを作成しましょう。ターミナルで以下を入力してください。pwd以下のように表示されたでしょうか?Users/Macでのユーザー名もし、違っていたら、以下の通り入力してください。pwd今度は表示されるはずです。~は、いま自分がいるフォルダがどこであっても、Users/Macでのユーザー名のフォルダに移動できます。便利なので、これも覚えておきましょう。次に以下を入力してください。mkdirは、フォルダを新規作成するコマンドです。pwdすると、以下のように表示されるはずです。Users/Macでのユーザー名/laravel-linebotmkdirでフォルダを作って、cdでそのフォルダに移動したわけですね。laradockをインストールするlaravel-linebotフォルダを作成できたので、そこにlaradockをインストールします。以下を入力してください。このコマンドでは、gitという仕組みを使ってGitHubからlaradockのファイルをコピーする、ということをやっています。'laradock'...と、数行のメッセージが表示されると思います。完了すると、laradockというフォルダが作成されているはずですので確認してみましょう。ls以下のようにlaradockフォルダが作成されているはずです。laradocklaradockの.envファイルを作成する次に、laradockの設定に関わるファイルのひとつである、.envファイルを作成します。laradockは、.envファイルの雛形としてenv-exampleファイルを用意してくれているので、これを元に作成することにします。以下を入力してください。.envcpは、ファイルをコピーするコマンドです。コピー先ファイル名と入力して使います。これでenv-exampleファイルをもとに.envファイルが作成されました。プログラミング初学者の方には、.envといったファイル名は、名前が無くて拡張子だけのファイルに見えて違和感があるかもしれませんが、そういうものだと思ってください。laradockの.envファイルを編集する次にエディタ等を使って、.envファイルを編集します。Openと選択し、laravel-linebotフォルダを選択してください。すると、ウィンドウの左側のProjectという列にフォルダとファイルの一覧が表示されるので、そこからlaladockフォルダの.envファイルを探してください。.envファイルを開いたら、以下の部分をそれぞれ探し出して、記載の通りに変更してください。APP_CODE_PATH_HOST=../laravelDATA_PATH_HOST=../dataDockerを使って開発環境を起動する次にDockerを使って開発環境を起動します。Docker上で動く各サービスの単位をコンテナと呼びます。ここでは、以下3つのコンテナを起動します。workspacephp-fpmnginxまず、ターミナルでlaravel-linebot/laradockフォルダに移動してください。~/laravel-linebot/laradock次に以下のコマンドを入力してください。nginxコマンドの意味は以下の通りです。Composeでコンテナを起動するときに使うコマンドです-dは、コンテナを起動した後に、ターミナルの操作に戻るためのオプションですコマンドを実行すると、たくさんのメッセージが表示されます。初回は、各コンテナのソフトウェア本体(Dockerイメージ)をダウンロードしてくるため、コンテナの起動までに数分程度の時間がかかります。最後に以下のメッセージが表示されたら、コンテナの起動は成功です。nginxを実施してみてください。ターミナルではカーソルキーの上を押すたびに、過去に実行したコマンドをさかのぼって表示できます(その状態で、下を押すと今度は最近実行したコマンドまで戻っていきます)。便利なのでこれも覚えておきましょう。コンテナの起動が完了したら、今度はブラウザを起動し、アドレスバーにlocalhostと入力してください。以下のような表示がされたら、ここまでの作業は問題ありません。"この評価の理由をお聞かせください。text:'12月28日~1月5日の期間は年末年始のため質問の回答が遅れる場合がございます。$('.announce').after(announce_text);。