Laravel + Vue.jsで作るSPAのブログシステム (学習用)
LaravelでVue.jsとAxiosを使用したSPA(シングルページアプリケーション)の「ブログ」のサンプルプロジェクトです。オープンソースでライセンスは「The Unlicense」(著作権放棄に非常に近いライセンス)ですので、ご自由にお使い頂けます。

1. デモ
https://www.petitmonte.com/dev/mpp_blog_la/
2. ソースコード
https://github.com/TakeshiOkamoto/mpp_blog_la
3. インストール方法
// (1)プロジェクトの生成 composer create-project --prefer-dist laravel/laravel プロジェクト名 "6.*" // (2)laravel/uiのインストール cd プロジェクト名 composer require laravel/ui:^1.0 --dev // (3)vue.jsのインストール php artisan ui vue // (4)ここでGitHubにあるファイルを全てプロジェクトに上書きする // (5)各パッケージのインストール npm install // (6).envでデータベースの設定を行う // (7)タイムゾーン/言語の設定 config\app.php 'timezone' => 'Asia/Tokyo', 'locale' => 'ja', // (8)ファイルストレージの設定 config\filesystems.php の[disks][local]のrootを次のように変更する 'disks' => [ 'local' => [ 'driver' => 'local', // 元のコード //'root' => storage_path('app'), // 次のように変更する 'root' => base_path('public/uploads'), ], // (9)不要なマイグレーションファイルを手動で削除する database\migrations\ 2014_10_12_000000_create_users_table.php 2014_10_12_100000_create_password_resets_table.php 2019_08_19_000000_create_failed_jobs_table.php // (10)マイグレーション php artisan migrate // (11)開発用ビルド npm run dev ※エラーが出た場合はpackage-lock.jsonを削除してnpm installを再度、実行して下さい。 // (12)実行する php artisan serve
以上となります。
スポンサーリンク
関連記事
公開日:2020年12月30日
記事NO:02874
この記事を書いた人
![]() | 💻 ITスキル・経験 サーバー構築からWebアプリケーション開発。IoTをはじめとする電子工作、ロボット、人工知能やスマホ/OSアプリまで分野問わず経験。 画像処理/音声処理/アニメーション、3Dゲーム、会計ソフト、PDF作成/編集、逆アセンブラ、EXE/DLLファイルの書き換えなどのアプリを公開。詳しくは自己紹介へ |
プチモンテ代表、アーティスト名:プチモンテ | |
🎵 音楽制作 BGMは楽器(音源)さえあれば、何でも制作可能。歌モノは主にロック、バラード、ポップスを制作。歌詞は叙情詩、叙情的な楽曲が多い。楽曲制作は2023年12月中旬 ~ |
オリジナル曲を始めました✨
YouTubeで各楽曲を公開しています🌈
https://www.youtube.com/@petitmonte