2020.12.29tetsuこんにちは、ブログ管理人のtetsuです。プログミング初心者ですが、情報共有や学習記録として記事を書いてみます。お手柔らかにお願いします。今回はLaraveの基礎学習後に、チュートリアルサイトでWebアプリ開発を体験したときの記録です。目次はじめにプロジェクトの作成MAMPにデプロイするGitとGitHubの設定データベース設定その他メモ書き(CSS)おわりにはじめにLravelの基礎学習が終わった後に実際に使ってみようとしたら「あれ?最初は何したらいいんだっけ?」となる方も少なくないと思います。今回は一例としてLravelの開発環境構築の手順をまとめました。使用したツールやバージョンは以下の通りです。CodeMAMPプロジェクトの作成ターミナルを開いてDesktopへ移動。Desktopプロジェクトの作成します。laravel」というエラーが出ました。laraveltodolistなお「laraveltodolist」が今回のプロジェクト名です。ちなみに、Laravelコマンドが動いてくれないような場合はComposerを使ってLaravelプロジェクトを作成することもできるため、今回は次のコマンドでプロジェクトを作成してみました。--prefer-distデスクトップにプロジェクトが作成されます。プロジェクトを実行できるか動作確認のため、ターミナルでlaraveltodolilstへ移動します。laraveltodolistプロジェクト内に移動したらLaravelに内臓されているWebサーバー機能を実行します。serveWebブラウザで「http://localhost:8000/」にアクセスします。このようにLaravelアプリケーションのトップページが表示されたので大丈夫そうです。MAMPにデプロイするMAMPとはローカルサーバ環境一式をインストールできるものですが、MAMPの導入についてはこちらの記事をご確認ください。laraveltodolistを「アプリケーション\MAMP\htdocs\」に移動させます。rootを次のように変更します。動作確認のためWebブラウザで「http://localhost」にアクセスし、Laravelアプリケーションのトップページが表示されるか再度確認しておきましょう。GitとGitHubの設定GitとGitHubの基本操作についてはこちらの記事をご確認ください。ローカルリポジトリを作成するために、VSCodeでlaraveltodolistを開き、ターミナルで次のコマンドを実行します。init次のコマンドで隠しフォルダである.gitが作成されたかを確認できます。statusを確認してみます。statusを確認してみます。statusは各フォルダのファイルごとに表示されるようです。commitをします。statusを確認してみます。statusこれで大丈夫そうです。repository」をクリック。repository」をクリック。line」にある3行のコマンドを順番にターミナルで実行します。コマンドを実行した後にWebブラウザを再読み込みすると「laraveltodolist」というリモートリポジトリが作成されていることが確認できます。書籍で勉強したsqliteがお手軽でしたが、今回はmysqlを使用しました。データベースを作成するため「http://localhost/MAMP/」にアクセスし、Tools▼のphpMyAdminをクリック。phpMyAdminが開きますので、お好みで中央のLanguageを日本語にし、左側の新規作成をクリック。今回はデータベース名を「todo」とし、「utf8mb4_unicode_ci」を選択したら「作成」をクリック。次のように「todo」というデータベースが出来たらOKです。次に、データベースの設定のためVScodeで「.env」ファイルを開きます。MAMPに合わせて設定をしますが、MAMPの設定は「http://localhost/MAMP/」にアクセスすると書いてあります。今回は次のように変更しました。変更点は、DB_DATABASEを先程作成したデータベース名todoに変更。DB_PASSWORD=rootに変更。DB_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sockを追加しました。status」で確認してみたところ、何も表示されなかったのでデフォルトでGitの管理から外れているようでした。あと、ついでにconfig/app.phpを開いて、次のように日本時間へ設定変更もしておきましょう。'Asia/Tokyo',その他メモ書き(CSS)index.blade.htmlにCSSのlinkタグを記載する際は次のようにする。href="/css/styles.css">styles.cssはpublicフォルダの中のcssフォルダの中に作成する。resourcesフォルダの中にもcssフォルダがあるので間違えないように気を付けること。Laravel8でbootstrapを使用する場合は次の3つのコマンドを順番に実行する。devおわりにあとは実際にWebアプリケーションを作ってみましょう。チュートリアル通りに何か作ってみるのがオススメです。チュートリアル」で検索すると色々あります。基礎学習でオススメな教材はこちらです。私はこの書籍で基礎学習をしましたが、無事いくつかのチュートリアルを完成する力はつきました。リンク今回は以上です。最後までお読みいただきありがとうございました。こんにちは、ヒカテツです。今回は住所入力フォームで使えそうな「郵便番号検索API」についてご紹介します。駆け出しエンジニアの学習記録なのでお手柔らかにお願いします。こんにちは、ブログ管理人のtetsuです。プログミング初心者ですが、情報共有や学習記録として記事を書いてみます。お手柔らかにお願いします。こんにちは、ブログ管理人のtetsuです。プログミング初心者ですが、情報共有や学習記録として記事を書いてみます。お手柔らかにお願いします。こんにちは、ブログ管理人のtetsuです。今回は「inputタグで3桁ごとのカンマ表示」の方法についてご紹介します。駆け出しエンジニアの学習記録なのでお手柔らかにお願いします。こんにちは、ブログ管理人のtetsuです。プログミング初心者ですが、情報共有や学習記録として記事を書いてみます。お手柔らかにお願いします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。