Vue
-
Laravel+Vue/Vuetify 削除確認ダイアログを表示してデータ削除
前回はLaravel+Vue/Vuetify Data tableを利用してデータ一覧を作成しました。 Actionsのゴミ箱アイコンをクリックしたときに削除確…
-
Laravel+Vue/Vuetify Data tablesで一覧作成
前回は非同期バリデーションとともに登録を行いました。今回はLaravelのSeederでテストデータを生成して、Vue/VuetifyのData tablesを…
-
Laravel+Vue/Vuetifyで非同期バリデーション
前回作成したVue/Vuetifyのフォームにおける登録処理時のLaravel側での非同期バリデーションの実装です。具体的にはAxiosで非同期でフォーム値を送…
-
LaravelでVue/Vuetifyを使ってFormを作成
前回作成した管理画面で、Vue/Vuetifyを使用してテキストボックス、テキストエリア、ラジオボタン、チェックボックス、セレクトボックスの送信フォームを作成し…
-
Laravelの管理画面をvue-routerを使ってSPA化
前回はVuetify/DrawerメニューでLaravelの管理画面を作成しました。今回はvue-routerをインストールして管理画面をSPA（Single-…
-
LaravelでVuetifyのDrawerメニューで管理画面作成
LaravelでVue.js用のUIコンポーネントライブラリを利用できるUIフレームワークVuetifyをインストールし、VuetifyのDrawerメニューを…
-
LaravelでVue.jsを使ってみる
LaravelではAuth（ユーザ認証）をインストールした時点ですでにVue.jsを利用できる状態になっているのでコンポーネントの配置やBladeテンプレートか…
-
Vue.js/Nuxt.jsでVuexストアを使ってAPIで取得したデータを表示してみる
直接pageにaxios使ってデータを取得したら終わりじゃないの？と思ってたけど、コンポーネント間で共有できるようにVuexストアに保持したほうがいいのね！よく…
-
Vue.js/Nuxt.jsでHTTP非同期通信axios/asyncDataを使ってみる
★axiosは非同期処理オブジェクトPromiseベースのHTTPクライアントで簡単にHTTPアクセスできるよ。★asyncDataメソッド・ページコンポーネン…
-
Vue.js/Nuxt.jsで画面遷移
pagesディレクトリに作成したvueファイルはすべて自動的にルーティングに登録される！すばらしい♪ ページ作成 sampleレイアウトで会社概要ページとお問い…
-
Vue.js/Nuxt.jsで画面レイアウト
ヘッダやフッタを全ページ書くのは面倒だし変更するのにも手間がかかるのでレイアウトを作りましょう。手順は①componentsにヘッダやフッタの共通テンプレートを…
-
WindowsでいきなりNuxt.jsに入門してみる
Nuxt.jsはVue.js製ユニバーサルJavascriptアプリケーションフレームワーク。Vueから学ぶべきだろうけど必要に応じてって感じで！ 必要なもの …