Web開発日記

Laravel で Vue.jsを利用する方法

今回はLaravel でVue.jsを利用する方法を簡単に記載します。 laravel/resources/js/app.js に追記まずはlaravel/resources/js/app.js に１行追記します。 Vue.component('example-component', require('./components/ExampleComponent.vue').default);// 下記を追加Vue.component('test-component',

【Laravel】 npm run dev 実行時に「npm ERR! code ELIFECYCLE」エラーが発生したので対応しました。

エラーLaravelで npm run dev を実行した際にエラーが表示されました。 npm run devnpm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/la

【Nuxt.js + contentful】a hrefでエラーが出た。→ 解決した。

どんな状態でエラーが出たか1. ContentfulでURLフィールドを作成し、URLを記入した 2. Nuxt.jsのvueに下記のようにリンクを書いた <a href="{{post.fields.url}}">{{post.fields.url}}</a> 3. すると、下記のようなエラーが表示された。 Errors compiling template: href="{{post.fields.url}}": Interpolation inside att

Laravel と Vue.jsでQ&Aサイトを作りました

先日より少しずつ学習を進めているLaravelとVue.js。今回は２つを組み合わせてQ&Aサイトを作りました。作ったと言っても、Udemyの講座を受けてそのまま作ったので、ご興味ある方はこの講座受けてみてください。成果物作ったのはこちら。・トップ画面質問が一覧で表示されます。・質問作成画面質問の投稿ができます。・質問詳細画面質問と回答が確認でき、新しい回答の投稿ができます。どんなサイト？何ができる？Yahoo知恵袋やQuora等のような、

Udemyの講座でVue.jsを学習し出来るようになったこと

最近Vue.jsの学習を少しずつ行なっています。学習方法としては、Udemyにて下記講座を受講してます。講座についてこちらの講座はVue.jsを初めて利用する方向けですので、とても簡単でシンプルな講座です。すでにVue.jsをある程度知っている方には物足りないと思いますが、Vue.jsって聞いたことあるけど使ったことはない、という方には良い講座かと。また、学習にはjsfiddleというWebサービスを使用するので、環境構築で躓くことがないのが良いです。 Vueで作成

#VueJS

Laravel で Vue.jsを利用する方法

【Laravel】 npm run dev 実行時に「npm ERR! code ELIFECYCLE」エラーが発生したので対応しました。

【Nuxt.js + contentful】a hrefでエラーが出た。→ 解決した。

Laravel と Vue.jsでQ&Aサイトを作りました

Udemyの講座でVue.jsを学習し出来るようになったこと