knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

Vue CLI+ Laravel 5.8で、markdown対応の todo機能を作成する。 #Laravel #Vue.js #SPA #PWA

概要

前の 、クロスドメイン構成の
Vue-CLI + Laravel API サービス
SPAの関連となり, markdown対応の todo 作成です

・会員制で、Google認証に対応してます。
 ログインが、必要になります。

・PWAも対応しています

構成

Vue CLI
vue-router
@vue/cli-service : 4.4.0
API サービス:
Laravel 5.8
nginx
mysql
・フロント設置ドメイン ,Vue-CLI:
netlify / ホスティングサービス

準備など

・Googole認証で、firebaseライブラリを使用してます

npm install --save firebase

・marked : MD変換

npm install -save marked

参考のコード

github.com

デモのページ

https://code-kuc.netlify.app

ヘッダ部分> Todos で、開けます。
code-kuc.netlify.app

画面

・詳細:
f:id:knaka0209:20200610171331p:plain
・編集
f:id:knaka0209:20200610171338p:plain
・一覧
f:id:knaka0209:20200610171352p:plain

参考のページ

Google認証など
knaka0209.hatenablog.com


knaka0209.hatenablog.com


.