knaka Tech-Blog

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

web

docker + nginx で、HTTPS/SSL化 の設定

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

nginx + ubuntu で HTTPS(SSL)の設定 #php

index: 概要: 参考 設定 CRT(SSLサーバ証明書)の作成 nginx設定 確認など 概要: nginx の、HTTPS化で、 Ubuntu 16 の例となります。 自作SSL証明書で、chrome等では警告は、初回出ます 参考 https://qiita.com/snowdog/items/9c96ee0fa6ed096e8940 設定 /e…

TensorFlow.js + node/express , HTTP経由でモデル読込み、予測結果の出力

index: 概要: 環境 参考のコード 実装など 参考のページ 概要: 前のTensorFlow.js 関係で、 node側で学習したモデルを、HTTP経由で読み込み ブラウザ側で、評価する例となります。 前回と異なり。node側で評価しない構成です 環境 TensorFlow.js node.js Vue…

TensorFlow.js + node/express , モデルの評価結果を出力

index: 概要: 環境 画面 参考のコード 実装など まとめ 参考のページ 概要: 前のTensorFlow.js 関係で、 学習済で保存モデルから、node.js で予測値を出力し。 グラフ表示する例となります 環境 TensorFlow.js node.js Vue.js express Ubuntu16 画面 前回の…

TensorFlow.js で、モデルを保存する。ブラウザ版 #javascript #機械学習 #tensorflow

index: 概要: 環境 参考 保存の処理 例です node.js版 参考のページ 概要: 前のTensorFlow.js 関係で、 学習済のモデルを、保存する例となります。 環境 TensorFlow.js ブラウザ 参考 https://www.tensorflow.org/js/guide/save_load 保存の処理 Local Stora…

sequelize(node.js) + mysql でSQL実行する #javascript #node.js #mysql

index: 概要: 環境 参考の設定 準備など sequelize 実行 外部結合する場合。 参考のページ 概要: sequelize O/R マッピング関連になりますが、 model を使用せずに SQLを、実行させる内容になります 環境 node.js 10.16.0 sequelize 5.11.0 参考の設定 githu…

Vue.js +express + sequelize でmarkdown対応のtodoアプリ

index: 概要: 環境 画面 参考のコード 実装など Vue.js 参考のページ 概要: 前のVue.js + express +sequelize 関連になりますが、 todoアプリ作成となります。 環境 node.js 10.16.0 sequelize 5.11.0 画面 参考のコード github.com 実装など ・表の作成 / t…

Vue.js +express + sequelize でform登録など

index: 概要: 環境 参考のコード 登録処理など Vue.js / ejsテンプレート 参考のページ 概要: 前のexpress +sequelize 関連になりますが、 Vue.js でform画面の登録などの作成になります。 環境 node.js 10.16.0 sequelize 5.11.0 参考のコード github.com …

express + sequelize +mysql の設定編 #javascript #node.js #mysql

index: 概要: 参考 環境 install sequelize 設定 model作成 express から使ってみる。 参考の設定 概要: 前のexpress 関連になりますが、 sequelize O/R マッピングで、mysql の使用となります。 参考 http://neos21.hatenablog.com/entry/2018/09/28/080000…

Vue.js + express + mongoDB todoアプリの作成、ejsテンプレート版 #Vue.js #javascript #node.js #mongoDB

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

mongoDB を、raspberry piにインストール、外部から接続する。

index: 概要: インストール mongo shell 外部からの接続 概要: noSQL型の、mongodb raspberry pi インストール等の内容になります。 インストール ・少し古めの,version が追加されます sudo apt-get install mongodb・veersion mongod --version db version…

Vue.js + express + mongoDB , ejs テンプレートの使用 #Vue.js #javascript #node.js #mongoDB

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

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…

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

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

mongoDB の設定編 #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 …

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…