Vue.js
index: 概要: 環境 参考のコード 登録処理など Vue.js / ejsテンプレート 参考のページ 概要: 前のexpress +sequelize 関連になりますが、 Vue.js でform画面の登録などの作成になります。 環境 node.js 10.16.0 sequelize 5.11.0 参考のコード github.com …
この記事は、note 有料マガジンで。公開しております https://note.com/knaka0209/m/mc26dade9f854
この記事は、note 有料マガジンで。公開しております https://note.com/knaka0209/m/mc26dade9f854
index: 概要: 環境 参考のコード 画面 実装など Vue コンポーネント 関連のページ 概要: SPA (Vue.js/ Vuec CLI 3) 関連で、 express(node.js) , mogoDBの組合せで、 markdown対応のtodoアプリ実装 となります。 環境 vue.js Vue-CLI 3 mongodb-4.0.10 expre…
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…
index: 概要: 環境 設定方法 実装など Vueコンポーネント 参考の設定 関連のページ 概要: SPA (Vue.js/ Vuec CLI 3) 関連で、 express(node.js) , mogoDBの組合せになります。 vue-cli-plugin-express プラグインで、express追加しています。 環境 vue.js Vu…
index: 概要: 環境 参考 実装など 参考の設定 その他 概要: 前のSPA (Vue.js/ Vuec CLI 3) 関連で、 認証機能を、firebase のGoogle認証を追加する例となります。 環境 vue.js Vue-CLI 3 firebase 参考 https://firebase.google.com/docs/auth/web/google-si…
index: 概要: 環境 参考のコード 実装など 画面 管理画面 関連のページ Update デモ用のページ 概要: 前のSPA (Vue.js/ Vuec CLI 3) +firebase 関連で、 MD形式(markdown )に対応した、小規模CMS 的な事例となります。 環境 vue.js Vue-CLI 3 firebase 参考…
index: 概要: 環境 参考 準備 Vue コンポーネント 画面 概要: markdownの編集機能を、調べる機会があったので Vue.js に、実装する場合のメモとなります。 環境 vue.js Vue-CLI 3 marked.js (markdown ライブラリ) 参考 https://github.com/markedjs/marked …
index: 概要: 環境 参考のコード 準備 実装など Vueコンポーネント 関連のページ 概要: 前のSPA (Vue.js/ Vuec CLI 3)関連で、flask + 機械学習で クロスドメインの機械学習API サービスと接続し 評価結果を出力する機能と、なります。・機械学習は、予測問…
index: 概要: 環境 参考 参考の設定 設定など 関連のページ 概要: 前のSPA 関連で、rails5 の組合せで vue-router で、ルーティング追加等になります。 環境 rails 5.2.2 vue.js vue-router webpack 参考 https://qiita.com/naoki85/items/51a8b0f2cbf949d08…
index: 概要: 環境 参考 参考の設定 設定など 起動 初期ページの追加 概要: 前のSPA 関連で、 rails5 の組合せとなります。 環境 rails 5.2.2 vue.js webpackwindows7 です。 参考 https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11 参考の設定 github.…
index: 概要: 環境 設定方法 概要: 前のSPA 関連で、 Vue-CLI 3でのデプロイ時のパスを、ルートから 変更する方法となります。 下層フォルダに、Webサービスを配置可能になりますね。 環境 Vue-CLI 3 vue.js 設定方法 vue.config.js を追加し。 npm run buil…
index: 概要: 環境 参考のページ 設定など 概要: 前のSPA 関連で、 バックエンドは、aws EC2にcakephp 2 (php フレームワーク) の設置関連となります。フロント側は、Vue.js で、web APIを呼び出す構成を 想定した場合です。 環境 cakephp 2.10.17 php7.2 aw…
index: 概要: 環境 参考の設定 準備など 参考 実装など Vue.js 側 関連のページ 概要: 前のSPA 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。バックエンドは、cakephp 2 (php フレームワーク) で、mysql DBの組合せの場合です。 …
index: 概要: 環境 参考の設定 ajaxのクロスドメイン対応 実装など おまけ 参考のページ 概要: 前のVue.js 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。以前の, Vue-CLI +firebase 構成と似ていますが。 バックエンドは、以前の…
index: 概要: 環境 参考の設定 準備 WEB API 参考のページ 概要: 前のVue.js 関連で、 バックエンドは Codeigniter3 のphp軽量フレームワーク、sqlite3 の構成となります。 環境 Vue.js php7.1 sqlite3 jQuery 参考の設定 github.com 準備 ・sqliteの設定 ap…
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…
index: 概要: 環境 実装など 概要: 前のSPA(SinglePageApplication) 関連で、 自作した共通関数を、Vueコンポーネントから呼び出す場合の 処理となります。Mixin 使いました。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 実装など ・mixin.js https://g…
index: 概要: 環境 手順 参考のページ Update 2019/04/29 概要: 前のSPA(SinglePageApplication) 関連で、 netlify.com でのデプロイ公開 の内容となります。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 手順 事前にアカウントの作成しておきます。 (今…
index: 概要: 環境 関連 手順 接続、データ登録 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、firebase の設定編となります。・接続は、Vue.jsのweb版の予定 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 関連 https://firebase.google.co…
index: 概要: 環境 参考 参考の設定 v3 設定方法 npm の追加、 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 の設定編となります。 の実装編となります。・バックエンドは firebase予定の構成 環境 Vue-CLI 3.6.6 Vue.js vue-route…
index: 概要: 環境 参考の設定 画面レイアウト コードなど Vueコンポーネント まとめ 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 +firebase の実装編となります。・クロスドメイン構成で、バックエンドは別クラウドとなります。 …
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…
index: 概要: 環境 参考 参考の設定 追加した、一覧画面 実装など 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。ページング機能の実装になります。 環境 php7.1 Laravel 5.6 Vue.js 参考 https://qiita.com/naga3/i…
index: 環境 参考 参考の設定 実装など Vue.js 実行結果 その他 参考のページ 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。複数の画面を遷移した時の、 横断的に変数値を保存する方法について、検討してみました。…
index: 概要: 環境とか 構成の概要 参考の設定 参考のページ 実装など api.php Vueコンポーネント 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となり、DBアプリ実装となります。 環境とか php7.1 Laravel 5.6 Vue.js 構成の概…
index: 環境とか 準備 概要: SPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の開発 、準備編となります。 環境とか php7.1 Laravel 5.6 Vue.js vue-router node.js npm 準備 古めですが、Laravel5.6です。 適当な、プロジェクト名を決めて、作成し…
index: 概要: 環境とか axios など追加 vue.js の実装 表示 Github 関連ページ 概要: 以前の Laravel 関連となり Laravel 5.6で、Vue.js + axios の例となります。 環境とか php7.1 Laravel 5.6 Vue.js axios axios など追加 ・ vue.js の追加方法は、前回と…
index: 概要: 環境とか インスト 設定方法 Github 概要: Laravel 5.6で、Vue.js を使用する場合の設定 についてメモです。=> Vue.component を使用いていないので、 推奨される方法では無いかもしれませんが 正常動作を、確認できた部分のみ。記載したいと思…