ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
nodeのインストール
Laravelプロジェクト直下で以下のコマンドを実行する。
|
npm install |
Vue.js関連のjsの読み込み
Vue.js関連の記述があるapp.jsを読み込む。
|
<script src="{{ asset('js/app.js') }}"></script> |
id="app" の追加
Vue.jsに必要なapp idをbodyタグ直下に追加する。（デフォルトでレイアウトに定義されているはず）
|
<body> <div id="app"> </body> |
vue-routerのインストール
SPA(Single Page Application)を作成する場合はvue-routerをインストールする。
|
npm install vue-router |
開発サーバーの起動
以下の２つコマンドが必要。
別窓のコマンドラインを開いて同時に実行させておく。
|
php artisan serve npm run hot |
子ページ
子ページはありません
同階層のページ
- インストールと設定
- クイックスタート & チュートリアル(初心者向け)
- クイックスタート & チュートリアル(中級者向け)
- ルーティング
- Bladeテンプレート(ビュー/レイアウト)
- コントローラー
- マイグレーションとテーブル定義
- データベースの設定
- Eloquentモデル (ORM)
- SQLとクエリビルダー
- バリデーション
- .envファイルの設定値へのアクセス
- 動作環境による分岐処理
- configフォルダ配下の設定値へのアクセス
- assetヘルパーを利用したpublicフォルダへのアクセス
- storageフォルダへのアクセス
- アプリケーション名の変更
- メンテナンス
- ログイン画面(認証システム)の作成
- ログインの必須化
- ログインユーザー情報の取得
- ルートの認証化
- 本番サーバーへのデプロイ方法
- 多言語化
- csrf_field
- ファイルのダウンロード
- CSVのアップロードおよび読み込み(maatwebsite/excel)
- ページタイトルの設定
- コマンド一覧
- エラー一覧
- SQLの実行ログ出力方法
- キャッシュのクリア
- Selectの結果の最初もしくは最後に任意の値を追加する方法
- ajaxでPOST通信する際の注意点
- ソーシャルログインの実装
- セッション情報の確認
- ログイン、ユーザー登録、パスワードリセット後のリダイレクト先の変更方法
- redirectやreturn viewにメッセージを付与する方法
- クッキー(cookie)の設定と取得
- クラスの再読み込み
- csrfの有効時間を変更する方法
- ViewComposerを用いてviewに共通の値を付与する方法
- View::shareを用いて共通の値を各ビューに渡す方法
- ミドルウェアを用いた処理の共通化
- Middleware内でAuth::check()などを使用する方法
- Controller以外でリダイレクトする方法
- セッションの値の取得/保存/更新/削除
- $requestの値を変更する方法
- 常時SSL化
- ページング(ページネーション)をする方法
- Vue.jsと連携するSPA実行環境構築
- .envの値をvue.jsで参照する方法
- vue.jsを本番環境にリリースする方法
- could not find driver（Windows, MySQL編）
人気ページ
最近更新/作成されたページ
- 本番環境のdll内で参照しているdllファイルの置き場所 (2023-04-27 18:10:31)
- 【Visual Studio】 C#のForm自動生成時に「値が有効な範囲にありません」エラー (2023-04-27 10:04:15)
- 【Inno Setup】 エラー: disk spanning must be enabled in order to create an installation larger than 2100000000 (2023-04-19 09:29:09)
- Inno Setupとは (2023-04-19 09:27:47)
- その他 (2023-04-19 09:26:00)
- jQueryを使用してセレクトボックスにオプションを追加する方法 (2023-04-17 11:16:24)
- $(document).ready(function() { ... (2023-04-17 11:04:38)
- Symfony (2023-04-10 07:22:53)
- CakePHPとは (2023-04-10 07:04:37)
- 【CSS】 Bootstrapで両サイドを固定して広告を表示させる方法 (2023-04-03 03:23:13)
最近コメントのあったページ
- SEO (2023-05-24 18:41:34)
- SEO (2023-04-26 19:22:03)
- トップページ (2023-03-07 19:47:20)
- 【Spring】@Autowiredアノテーションとは (2019-06-12 10:21:55)
- 【Spring】@Autowiredアノテーションとは (2019-06-12 10:21:06)
- reCAPTCHA v3 使い方（サンプル付き） (2019-02-08 02:23:22)
最近の質問
- $(document).ready(function() { ... ってなに？ (2023-04-17 11:02:56)
- 質問です (2020-02-20 12:19:36)
- フリーランスの単価って高いですか？ (2020-02-12 19:56:16)
- 情報系のaoを受けるつもりなんですが何かおすすめのソフトはありますか？ (2020-02-12 19:54:22)
- test3 (2020-02-08 23:50:54)
- セレクトボックスのCSSのcontentで三角の部分が押せない (2019-07-03 13:06:10)
- GCPのwp-config.phpでpermission denied (2019-06-05 20:04:08)
- Spring FrameworkのEntityのカラム名の大文字小文字、アンスコについて (2019-02-01 07:13:49)
- PHP(Laravel)からPythonのプログラムを呼び出したいのですがどうすればよいでしょうか。 (2018-12-06 06:26:57)
- djangoを本番環境にデプロイしたいのですがどのレンタルサーバー or VPSサーバーがよいですか (2018-12-01 12:04:18)
- Django administrationのUsernameとPasswordについて (2018-11-30 11:55:20)
- Google Adsenseでアダルトコンテンツと誤認されてしまいました。 (2018-09-09 17:15:36)
- Google MapsをUnityで使用する方法&料金 (2018-08-28 02:37:26)
- Amazon PA-APIのSort=salesrankが効かない (2018-07-21 08:54:25)
- 楽観ロックと悲観ロックの違い (2018-01-11 05:05:33)
- レンタルサーバーって沢山ありますけどどこがいいでしょうか？AWSってどうなんですか？ (2018-01-09 10:03:20)
- ディープラーニングのライブラリってどれがオススメですか？ (2018-01-06 05:15:40)
- Webスクレイピングってどこまでが違法なんでしょうか？ (2018-01-06 05:09:08)
- 人工知能(AI)、機械学習、ディープラーニングの違い (2018-01-06 02:40:44)
コメント一覧
コメントを削除してもよろしいでしょうか？
コメントがありません