Laravel-WebSocketsを試してみた： パッケージの使い方詳細 – console dot log
さてさて、Laravelは今や世界中の開発者に利用される人気フレームワークになったわけですが、その結果として映画のスピンオフのようにLaravelを利用した様々なパッケージが公開されいます。 そして、つい数日前にLaravel WebSocketsというパッケージが公開されました。 Laravel WebSocketsは、Laravelに独自のウェブソケットを実装することができるパッケージで、つまりはチャットのようにリアルタイムに情報をやりとりできるようになります。 そして、私は結構新しいもの好きな一面もありますし、この間 Laravel+Vueでリアルタイム・チャットをつくる（ダウンロード可） という記事も公開しているので、この新しいパッケージを実際に試してみることにしました。 ということで、今回はLaravel Websocketsの使い方を紹介します。 ぜひ参考にしてみてくださいね。
たった1ファイルだけ！Vueでタイピングゲームをつくる – console dot log
さてさて、Vueを使うと簡単に高機能なことを実現することができますが、これは通常のウェブサイトだけに使えるわけではなく、応用すればちょっとしたゲーム開発にも利用することができます。 例えば、以前公開した意外と簡単！VueJSで反射神経ゲームをつくってみよう（ダウンロード可）のようにすればリアルタイムで変化するゲームを作れますし、初心者向き！VueJS で３択クイズゲームをつくってみようのようなテレビ番組のようなシステムもつくることができます。 そこで！ 今回はVueを使って簡単なタイピングゲームのつくりかたを紹介します。 最後にソースコードをダウンロードできますので、ぜひ学習に役立ててくださいね。 ※ 開発環境： Vue 2.5 やりたいこと 表示されたテキストをタイプしていく 正解するまで次の問題にはいけない 問題は10問で、ランダムに出題される レイアウトをつくる まず今回必要になるの
Vue Laravel CRUD Example Tutorial From Scratch
LaravelCreating CRUD Application in Laravel 11 with Vue 328 Jul, 2024Com 43 Here is the step-by-step guide to creating a CRUD application using Laravel 11 and Vue.js 3: Step 1: Setting up a new project Here is the command to create a new Laravel 11 project: composer create-project laravel/laravel newlaravue --prefer-dis After installing the project, go to the folder. cd newlaravue Type the followi
Laravel+Vue.js+VuexでフロントのCRUDを作成 | webOpixel
Laravel+Vue.js+VuexでフロントのCRUDを作成 LaravelでSPAなタスク管理アプリ作る日記4回目です。前回はLaravelでWebAPIのCRUDを作成したので、今回はこのAPIをVue+Vuexで使用してフロント側のCRUDを作っていきます。 投稿日2018年11月14日 更新日2018年11月14日 使用環境 Laravel 5.7 jwt-auth 1.0.0-rc3 vue: ^2.5.7 element-ui: ^2.4.8 vue-router: ^3.0.1 vuex: ^3.0.1 この記事は下記の続きです。 Laravel + JWTAuth + Vue.js でAPIログイン認証の実装 Laravel + Vue.js にVuexを導入する LaravelでCRUD APIを作成する 完成イメージはこんな感じです。 ストアの作成 ストアから作成し
Laravel + Vue.js にVuexを導入する
Laravel + Vue.js にVuexを導入する 前回はLaravel + Vue.js でJWT認証をやりましたが、状態管理があれだったので、今回はVuexを導入してもう少しちゃんとにやってみたいと思います。 投稿日2018年10月19日 更新日2018年10月19日 この記事は下記の続きです。 Laravel + JWTAuth + Vue.js でAPIログイン認証の実装 ストアの作成 これがないと始まりません、npmでVuexをインストールします。 $ npm install vuex --save 最初にStoreファイルから作成していきましょう。 新たにstoreディレクトリを作成し、その中にindex.jsを作成します。 resources/js/store/index.js import Vue from 'vue'; import Vuex from 'vuex';
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
console dot log
GitHub - yyx990803/laravel-vue-cli-3: Example project using Vue CLI 3 with Laravel