イイダリョウのブログ。Laravel元年!インストールしてMAMP環境で白い画面出す!!2019-05-02Laravel元年!インストールしてMAMP環境で白い画面出す!!PHP令和元年。(私にとって)Laravel元年!!何はなくとも始めました。LaravelをインストールしてローカルのMAMP環境で白い画面を出すところまで。最後にLaravelとはLaravelとはPHPフレームワーク。Webアプリ(ブラウザで動くアプリケーション)を作ることができます。WordPressなどのCMSを構築するまでの規模じゃないがPHPやDBを動かすコンテンツを作りたい、という場面が増えてきたため、ぜひ習得したいと思っています。2019年度のマイテーマの一つです。PHPとPHPフレームワークについてはこちらで書きましたが、この時点ではPHPフレームワーク=CakePHPのイメージしかありませんでした。クモのようにコツコツとその後、Laravelの存在を知り、今は本を購入して学習中です。※参考:PHPフレームワーク-Laravel入門Laravelインストールの流れ(ローカル環境)以前、PHPコードをMAMP環境からSourceTreeでGitHubにプッシュし、さらにHerokuにデプロイしました。クモのようにコツコツと今回もそこまで行きたかったのですがHeroku上では期待した挙動にならなかったため、今回はローカル環境でのインストールまでを書きます。先のLaravel本の手順がベースですが、本ではプロジェクト作成がXAMPPだったのをMAMPにしました。あと私はコマンドの知識が少ないため、写経だとエラーの内容が理解できず、ひとつひとつのコマンドの意味を調べながら進めました。composerをインストール公式サイトからファイルをダウンロードまずはcomposerをインストールします。composerとはPHPの依存関係を管理できるツールです。Qiitacomposerはまず公式サイトで最新版のファイルをダウンロードします(Macの場合)。※参考:Composerファイルがダウンロードフォルダにcomposer.pharというファイルがダウンロードされます。~/Download/cdコマンドはチェンジディレクトリ(ディレクトリの移動)という意味。~/はOSのホームディレクトリでその直下のDownloadディレクトリに移動。/usr/local/bin/ディレクトリに移動します。/usr/local/bin/composersudoコマンドはスーパーユーザ(最高権限)として命令をdo(実行)します。mvコマンドはファイルの移動(move)。composer.pharファイルを移動。移動先が/usr/local/bin/ディレクトリでファイル名がcomposerに変わります。/bin/はコマンドが保存されているディレクトリです。配置したcomposerのパーミッション(アクセス権)を変更。/usr/local/bin/composerchmodコマンドはファイルやディレクトリのアクセス権を変更するコマンド。※参考:chmodaは全員、+は追加、xは実行権限。対象ファイルは先ほどのcomposerです。ターミナルで下記のコマンドを実行。-Vcomposerのバージョンが表示されていれば正常にインストールされています。requireはcomposerで追加されたコマンド。QiitaLaravelをcomposerを通してインストールします。時間がかかったあとにまた入力できる状態になったら完了。環境変数PATHを設定Laravelのコマンドを実行するには環境変数PATHの設定が必要です。環境変数PATHは、コマンドを実行するプログラムが保存されているディレクトリの場所を設定する変数です。~/.bash_profileここらへんもコマンドがわかってないとかなり写経になってしまう。コマンドは画面に文字を表示する。exportコマンドは環境変数を設定する。Qiitaそして>>はファイルに追記とのこと。(>は上書きなので注意!)※参考:「>」と「>>」の違い最後のsourceコマンドはファイルを読み込む。私はここでつまづいてしまいました。identifierというエラーになり、やり直すためにGUIの「Funter」というソフトをインストールし、隠しファイル「.bash_profile」を表示して、追記された部分を削除してやり直しました。QiitaMAMP環境に新規プロジェクト作成MAMPをインストールしていない方はインストールしてください。TechAcademyマガジンMAMP環境でのファイル置き場に移動します。/Applications/MAMP/htdocs/場所は/Applications/MAMP/の中のhtdocs/ディレクトリです。newはlaravelで追加されたコマンドで新しいプロジェクトを作ります。hogeの部分はプロジェクト名なので任意でつけてください。時間がかかったあと、コマンドが打てるようになったら作成完了です。MAMP環境でLaravelの白い画面を表示MAMPを立ち上げてください。Server」タブを開くとMAMPのドキュメントルートがどのディレクトリになっているか見えます。初期設定は/Applications/MAMP/htdocs/です。「select」で今回作ったディレクトリを選び直してもいいですし、この画面に表示されているディレクトリ名を辿って開いていってもいいです。page」を押すとブラウザが開きます。WEBSITE」を開いてください。/Applications/MAMP/htdocs直下の/hogeだとLravelのディレクトリ一覧しか表示されません。初期設定ではさらにその下の/publicディレクトリを開いて初めてlaravelの「白い画面」が表示されます。おお!麗しの白い画面!やっと逢えたね...最後にということで、本の写経ではエラーが出たりしてかなり難航してしまいました。コマンドの意味がわかると対処法を調べる手がかりになりました。今後も単なる写経ではなく、一つ一つのコマンドの意味を理解しながら進めていきたいと思います。こちらの記事に書いているように、Herokuならオンライン上にCodePenばりに気軽にサーバサイドコンテンツを作っていけると思っていました。クモのようにコツコツとしかし、実際にやってみると自分にはまだまだコマンドの知識やセキュリティ(パスワードの隠蔽など)の知識が不足していることがわかりました。スムーズにいかない場合は、オンライン環境は後回しにして、ローカル環境で作ったものをスクショに撮ってで記事にする、という形で継続したく思います。23:42Tweet関連記事2019-11-29【HTML】PugをGulpでコンパイルしてみる(メタ言語初コンパイル!)Gulpの続きです。前回はローカルにインストールができました。...2019-06-13【Laravel】MVCのコントローラ(C)ことはじめ(3年B組金八先生を表示する!)Laravelの続きです。前回はルーティングファイルでページ生成、...2019-06-05【Laravel】ルーティングファイル(routesディレクトリのweb.php)にページを直書きし...Laravelの続きです。worldする前回、MAMP環境でLaravelの白い画面を出しました。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。