knaka Tech-Blog

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

SPA

IndexedDB + Vue CLI, Chart.js で、測定値の表示 ファイルのインポート可 #Vue.js #IndexedDB #Vue-cli

この記事は、note 有料マガジンで。公開しております https://note.com/knaka0209/m/mc7ab8027b40a

Vue CLI+ Laravel 5.8で チャット作成、firebase Cloud Messaging対応 #Laravel #Vue.js #firebase #SPA #PWA

この記事は、note 有料マガジンで。公開しております https://note.com/knaka0209/m/m9b2f4e860205

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

この記事は、note 有料マガジンで。公開しております https://note.com/knaka0209/m/m9b2f4e860205

Vue.js(Vue-CLI 3) + express + mongoDB markdown対応のtodoアプリ作成 SPA開発(21)

index: 概要: 環境 参考のコード 画面 実装など Vue コンポーネント 関連のページ 概要: SPA (Vue.js/ Vuec CLI 3) 関連で、 express(node.js) , mogoDBの組合せで、 markdown対応のtodoアプリ実装 となります。 環境 vue.js Vue-CLI 3 mongodb-4.0.10 expre…

Vue.js(Vue-CLI 3) + express + mongoDBフォーム登録など SPA開発(20)

index: 概要: 環境 参考 参考のコード 実装など Vue コンポーネント 関連のページ 概要: SPA (Vue.js/ Vuec CLI 3) 関連で、 express(node.js) , mogoDBの組合せで、 フォーム登等の内容です 環境 vue.js Vue-CLI 3 mongodb-4.0.10 express 4.16.1 node.js n…

Vue.js(Vue-CLI 3) + express + mogoDB 設置編 SPA開発(19) #Vue.js #node,js #mongoDB #javascript #web #SPA

index: 概要: 環境 設定方法 実装など Vueコンポーネント 参考の設定 関連のページ 概要: SPA (Vue.js/ Vuec CLI 3) 関連で、 express(node.js) , mogoDBの組合せになります。 vue-cli-plugin-express プラグインで、express追加しています。 環境 vue.js Vu…

Vue.js(Vue-CLI 3) + firebase で、Google認証の追加。SPA開発(18)

index: 概要: 環境 参考 実装など 参考の設定 その他 概要: 前のSPA (Vue.js/ Vuec CLI 3) 関連で、 認証機能を、firebase のGoogle認証を追加する例となります。 環境 vue.js Vue-CLI 3 firebase 参考 https://firebase.google.com/docs/auth/web/google-si…

Vue.js(Vue-CLI 3) + firebase で、markdown対応の簡易CMSを作る。SPA開発(17)

index: 概要: 環境 参考のコード 実装など 画面 管理画面 関連のページ Update デモ用のページ 概要: 前のSPA (Vue.js/ Vuec CLI 3) +firebase 関連で、 MD形式(markdown )に対応した、小規模CMS 的な事例となります。 環境 vue.js Vue-CLI 3 firebase 参考…

Vue.js(Vue-CLI 3) + flask, 機械学習の評価結果を出力する SPA開発(16) #Vue.js #web #SPA #flask #機械学習 #MachineLerning

index: 概要: 環境 参考のコード 準備 実装など Vueコンポーネント 関連のページ 概要: 前のSPA (Vue.js/ Vuec CLI 3)関連で、flask + 機械学習で クロスドメインの機械学習API サービスと接続し 評価結果を出力する機能と、なります。・機械学習は、予測問…

rails5 + Vue.js , ルーティングなど SPA開発(15) #Vue.js #web #SPA

index: 概要: 環境 参考 参考の設定 設定など 関連のページ 概要: 前のSPA 関連で、rails5 の組合せで vue-router で、ルーティング追加等になります。 環境 rails 5.2.2 vue.js vue-router webpack 参考 https://qiita.com/naoki85/items/51a8b0f2cbf949d08…

rails5 + Vue.js +webpack の設定編 SPA開発(14) #Vue.js #web #SPA

index: 概要: 環境 参考 参考の設定 設定など 起動 初期ページの追加 概要: 前のSPA 関連で、 rails5 の組合せとなります。 環境 rails 5.2.2 vue.js webpackwindows7 です。 参考 https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11 参考の設定 github.…

Vue.js(Vue-CLI 3)で、ルートのパスをデプロイ時に変更する。 SPA開発(13) #Vue.js #web #php #SPA

index: 概要: 環境 設定方法 概要: 前のSPA 関連で、 Vue-CLI 3でのデプロイ時のパスを、ルートから 変更する方法となります。 下層フォルダに、Webサービスを配置可能になりますね。 環境 Vue-CLI 3 vue.js 設定方法 vue.config.js を追加し。 npm run buil…

aws EC2で、cakephpの設置 SPA開発(12) #web #php #SPA

index: 概要: 環境 参考のページ 設定など 概要: 前のSPA 関連で、 バックエンドは、aws EC2にcakephp 2 (php フレームワーク) の設置関連となります。フロント側は、Vue.js で、web APIを呼び出す構成を 想定した場合です。 環境 cakephp 2.10.17 php7.2 aw…

Vue.js(Vue-CLI 3) +cakephp +mysql SPA開発(11) #Vue.js #web #php

index: 概要: 環境 参考の設定 準備など 参考 実装など Vue.js 側 関連のページ 概要: 前のSPA 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。バックエンドは、cakephp 2 (php フレームワーク) で、mysql DBの組合せの場合です。 …

Vue.js (Vue CLI 3) bootstrapの追加 SPA開発(10) #Vue.js #web #firebase #SPA

index: 概要: 環境 実装など 画面 概要: 前のSPA(SinglePageApplication) 関連で、 bootstrap 4.0のCSS 追加内容です 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase bootstrap 4.0 実装など https://github.com/kuc-arc-f/vue_2_ver3/blob/master/public/i…

Vue.js (Vue CLI 3) 共通関数の処理 SPA開発(9) #Vue.js #web #firebase #SPA

index: 概要: 環境 実装など 概要: 前のSPA(SinglePageApplication) 関連で、 自作した共通関数を、Vueコンポーネントから呼び出す場合の 処理となります。Mixin 使いました。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 実装など ・mixin.js https://g…

netlify で、Vue.js (Vue CLI 3) のSPAサイトの設置 SPA開発(8) #Vue.js #firebase #web #SPA

index: 概要: 環境 手順 参考のページ Update 2019/04/29 概要: 前のSPA(SinglePageApplication) 関連で、 netlify.com でのデプロイ公開 の内容となります。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 手順 事前にアカウントの作成しておきます。 (今…

firebase / Cloud firestore の開始編、web版のデータ登録 SPA開発(7) #firebase #web #SPA

index: 概要: 環境 関連 手順 接続、データ登録 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、firebase の設定編となります。・接続は、Vue.jsのweb版の予定 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 関連 https://firebase.google.co…

Vue CLI 3 の準備編、 SPA開発(6) #Vue.js #web #SPA

index: 概要: 環境 参考 参考の設定 v3 設定方法 npm の追加、 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 の設定編となります。 の実装編となります。・バックエンドは firebase予定の構成 環境 Vue-CLI 3.6.6 Vue.js vue-route…

Vue.js (Vue CLI 3) と、firebaseで SPA開発、アプリ実装編 フォーム登録など SPA開発(5) #Vue.js #web #firebase #SPA

index: 概要: 環境 参考の設定 画面レイアウト コードなど Vueコンポーネント まとめ 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 +firebase の実装編となります。・クロスドメイン構成で、バックエンドは別クラウドとなります。 …

Laravel 5.6 + Vue.js で、SPA開発(4) ページング機能 #Laravel #vue.js #SPA #PHP

index: 概要: 環境 参考 参考の設定 追加した、一覧画面 実装など 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。ページング機能の実装になります。 環境 php7.1 Laravel 5.6 Vue.js 参考 https://qiita.com/naga3/i…

Laravel 5.6 + Vue.js で、SPA開発(3) 状態の保持 #Laravel #vue.js #SPA #PHP

index: 環境 参考 参考の設定 実装など Vue.js 実行結果 その他 参考のページ 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。複数の画面を遷移した時の、 横断的に変数値を保存する方法について、検討してみました。…

Laravel 5.6 + Vue.js で、SPA開発(2) axiosで登録機能など #Laravel #vue.js #SPA

index: 概要: 環境とか 構成の概要 参考の設定 参考のページ 実装など api.php Vueコンポーネント 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となり、DBアプリ実装となります。 環境とか php7.1 Laravel 5.6 Vue.js 構成の概…

Laravel 5.6 + Vue.js で、SPA開発(1) 準備編 #Laravel #vue.js #SPA

index: 環境とか 準備 概要: SPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の開発 、準備編となります。 環境とか php7.1 Laravel 5.6 Vue.js vue-router node.js npm 準備 古めですが、Laravel5.6です。 適当な、プロジェクト名を決めて、作成し…