2019-08-01から1ヶ月間の記事一覧

【Laravel5.8 + Vue】LaravelにVueのComponentを作成したい

前回の記事では、Laravel5.8でVue.jsを使用する際の基本的な操作をご紹介しましたがComponentを追加したい場合の手順も記載しておきます。 /resources/js/components/MyComponent.vueの作成 まずは追加したいComponentを該当のディレクトリに追加しましょう…

【Laravel5.8 + Vue】Laravel5.8でVue.jsを使ってみたい

今回はLaravelのプロジェクトインストールから説明を。 プロジェクトインストール package.jsonの編集 npm installでpackage.jsonの中身をインストール こんなログが出ます npm run devでビルドする なぜビルドしないとVueは動かない? /resources/views/wel…

【Vue CLI】ESlintのエラー解決集

Extra semicolon 意味 解決方法 Missing space before function parentheses 意味 解決方法 Expected space(s) after "for" 意味 解決方法 Expected '===' and instead saw '==' 意味 解決方法 Trailing spaces not allowed 意味 解決方法 Expected space or…

【Vue CLI】Netlifyを使ってVue CLIで作成したサイトをデプロイする

こちらの記事に記載されているところまでの設定をしつつ、GitHub PagesでデプロイできなかったためにNetlifyを使用してデプロイができました。基本は以下のサイトが参考になりました。 Vue.js+Netlifyで自動デプロイ | 基礎から学ぶ Vue.jsただしこちらの記…

【Laravel5.8】Herokuデプロイ時のseederで Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key constraint failsと言われる

こんな流れに数週間苦しまされてきました。 $ heroku run php artisan db:seed --class=BookTableSeeder -a アプリ名 In Connection.php line 664: SQLSTATE[23000]: Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key…

【Laravel5.8】Herokuデプロイ時のseederで Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key constraint failsと言われる

こんな流れに数週間苦しまされてきました。 >|php| $ heroku run php artisan db:seed --class=BookTableSeeder -a アプリ名 |

【Vue CLI3】GitHub Pagesに真っ白な画面しか表示されない時の解決策

vue-cliで作ったアプリをGithub Pagesにデプロイ - Qiita vue-cliでwebアプリケーションを作って、GitHubPagesで無料で爆速でリリースした話 - Qiita このあたりを参考にVue Cli3で作成したファイルをGitHubPagesにてリリースしたかったのですが、真っ白な画…

【CSS】好きな色コード

CSS

#2c3e50 See the Pen Color CODE by りっしー (@hiwriterprogram) on CodePen. #FFF0F5 See the Pen Color CODE #FFF0F5 by りっしー (@hiwriterprogram) on CodePen.

【Vue CLI】VueにアニメーションCSSライブラリAOSを導入したい

Vue CLIでパッケージ導入した場合、CSSライブラリをどのように入れればいいのかについてのメモです。まずはターミナルに以下を入力 $ npm install --save aos@next次にsrc/main.jsにてAOSをインポート import AOS from 'aos' import 'aos/dist/aos.css'同じ…