knaka Tech-Blog

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

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…

node.js express +mongoDB でwebサービス開発 #web #node.js

index: 概要: 環境 参考 インストール データ表示 関連のページ 参考の設定 概要: 前回のmongoDB 関連になりますが、 mongoDB + node.js のexpressで、webサービス開発の内容とります。 環境 mongodb-4.0.10 express 4.16.1 node.js npm 参考 https://qiita.…

mongoDB の設定編 #web

web

index: 概要: 環境 参考 インストール mongod 起動 追加 insertOne 検索 update delete 概要: noSQL型の、mongodb 4 のインストール等の内容になります。 環境 mongodb-4.0.10 windows 版です。 参考 http://kageura.hatenadiary.jp/entry/2018/01/09/Window…

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)で、MD /markdown 表示を行う。 #Vue.js #web #javascript

index: 概要: 環境 参考 準備 Vue コンポーネント 画面 概要: markdownの編集機能を、調べる機会があったので Vue.js に、実装する場合のメモとなります。 環境 vue.js Vue-CLI 3 marked.js (markdown ライブラリ) 参考 https://github.com/markedjs/marked …

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の組合せの場合です。 …

Laravel 5 を、aws EC2 インストール編 #web #php #Laravel

index: 概要: 環境 参考 参考の設定方法 Laravel インストール apache の設定 概要: Laravel 5 を、aws EC2 ,Amazon Linux 2 に追加する手順等になります。・手順に、抜けがあるかもしれませんが。 ・インストール時に、メモリ不足で、composerが強制終了 す…

Vue.js +php, ローカルHTMLからクロスドメイン接続版 #Vue.js #web #php

index: 概要: 環境 参考の設定 ajaxのクロスドメイン対応 実装など おまけ 参考のページ 概要: 前のVue.js 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。以前の, Vue-CLI +firebase 構成と似ていますが。 バックエンドは、以前の…

Vue.js +Codeigniter3 +sqlite 設定など

index: 概要: 環境 参考の設定 準備 WEB API 参考のページ 概要: 前のVue.js 関連で、 バックエンドは Codeigniter3 のphp軽量フレームワーク、sqlite3 の構成となります。 環境 Vue.js php7.1 sqlite3 jQuery 参考の設定 github.com 準備 ・sqliteの設定 ap…

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 の実装編となります。・クロスドメイン構成で、バックエンドは別クラウドとなります。 …

Vue.js 初級編、V-ディレクティブ #Vue.js #web

index: 概要: 環境 参考 参考のコード v-text v-html v-show v-if v-else v-else-if v-for v-on v-bind v-model v-pre v-cloak v-once 概要: 前の Vue.js 関連で、初級編的な内容となります。 V-ディレクティブ の説明などです。 環境 Vue.js 参考 https://j…

Laravel 5 + sqlite 設定編 #Laravel #sqlite #PHP

index: 概要: 環境 参考 設定方法 Laravel 設定 概要: 前回の Laravel 5 のDB関連で、 sqlite windows版設定となります。 環境 php7.1 Laravel 5.6 sqlite 参考 https://qiita.com/homhom99/items/3161ed3eb8ea0e6ba14e 設定方法 ・sqlite 64bit をDLしま…

Laravel 5 + React.js で、ajax でリスト作成など #Laravel #React.js #PHP

index: 環境 参考 参考の設定 実装など コンポーネント 参考のページ 概要: 前回の Laravel 5 + React.js の関連になります。 ajaxで、DB登録機能、リスト表示など実装となります。 環境 php7.1 Laravel 5.8 React.js react-dom react-router-dom 参考 http:…

Laravel 5 + React.js で、設定編 #Laravel #React.js #PHP

index: 環境 参考 参考の設定 設定など 結果 概要: Laravel 5 + React.js の設定編になります。 環境 php7.1 Laravel 5.8 React.js react-dom react-router-dom 参考 http://www.hakopako.net/entry/2018/01/17/220538 参考の設定 resource など、一部のフォ…

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 構成の概…