knaka Tech-Blog

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

javascript

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

index: index: 概要: 環境 参考のコード デモのページ package.json 参考 npm 追加 chart.js sample 画面 実装など Update 2020/07/02 参考のページ 概要: 前と同様、IndexedDB + Vue CLIで Dexie.js ライブラリを使用した構成となり。 測定値の登録、chart.…

File , Blob で、ファイルのエクスポート/ インポート機能とIndexedDB登録, Vue CLI版 #Vue.js #IndexedDB #Vue-cli

index: index: 概要: 環境 参考のコード 参考 デモのページ package.json 実装など 画面 参考のページ 概要: 前と同様、IndexedDB + Vue CLIで Dexie.js ライブラリを使用した構成となり。 json ファイルのエクポート、インポートの調査してみました File AP…

IndexedDB + Vue CLI, markdown対応のtodo機能。ファイルインポート可 #Vue.js #IndexedDB #Vue-cli

index: index: 概要: 環境 画面 参考のコード デモのページ package.json 実装など Update 2020/06/29 参考のページ 概要: 前と同様、IndexedDB + Vue CLIで Dexie.js ライブラリを使用した構成となります。・RDB, APIサービス等を使用しない。 ブラウザ側の…

IndexedDB + Dexie.js で CRUDの作成。ファイルインポート可、Vue CLI版 #Vue.js #IndexedDB #Vue-cli

index: index: 概要: 環境 参考 参考のコード デモのページ npm 追加 package.json 実装など CRUD の参考 画面 Update 2020/06/29 概要: IndexedDB で、Dexie.js ライブラリを使用した CRUD の作成となります。 vue-router と組み合わせて、ほぼサーバレス的…

Vuex の初級編 #Vue.js #vuex

index: index: 概要: 環境 参考 vuex 追加 package.json 実装など components 親/子 components で、読み書きする場合 参考のコード 概要: Vuex の初級編的な内容で Vue CLI で実装例となります。・ components間で、prop等で 値を受け渡した時に。反映でき…

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

index: index: 概要 構成 参考のコード デモのページ 画面 Vue components 実装など 参考のページ 概要 前の 、クロスドメイン構成の Vue-CLI + Laravel 関連となり。チャット機能の作成です・会員制となり、Google認証で ログインに対応しています。 ・PWA…

Vue CLI+ Laravel 5.8で、Notification API 通知対応の メッセージ機能の作成。

index: index: 概要 構成 デモのページ 参考のコード Vue components package.json コントローラ 画面 参考のページ 概要 前の 、クロスドメイン構成の Vue-CLI + Laravel API サービス SPAの関連となり。会員間メッセージ機能となります・自動更新で、新着…

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

index: index: 概要 構成 準備など 参考のコード デモのページ package.json Vue components コントローラ 画面 参考のページ 概要 前の 、クロスドメイン構成の Vue-CLI + Laravel API サービス SPAの関連となり, markdown対応の todo 作成です・会員制で、…

Vue CLI+ Laravel 5.8で、クロスドメイン SPA構成/PWA対応のCRUD作成する。 #Laravel #Vue.js #SPA #PWA

index: index: 概要 構成 Laravel のクロスドメイン対応 参考のコード デモのページ 画面 package.json Vue components vue-router ルーティング コントローラ 参考のページ 概要 前の SPA構成と似ていますが、 バックエンドを、Laravel API サービス とした…

BBS 機能を追加する #Laravel

index: 概要 参考のコード migrations デモのページ 画面 概要 掲示板で、 会員メンバー間での、QA, ナレッジ、雑談等の共有ができるような 使い方を想定しています。・PWA対応 ・Googleログイン可能 参考のコード github.com migrations https://github.com…

チャット機能、設定の手順を追記しました #Laravel #Vue.js

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

Laravel 5.8で、Google認証の追加 javascript編 #php #Laravel #Vue.js

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

Progressive Web Apps / PWAデスクトップ、Laravel SSLサービスに組込む例

index: 概要 環境 画面 android / スマホ版 実装など デモのページ 参考の記事 概要 前の Progressive Web Apps 関係で、 Laravel のSSL化したサービスに、PWA設定を追加して デプロイ、PWAインストール等の内容になります。 環境 chrome 81 javascript a…

PWA / Progressive Web Apps の初級編、PC デスクトップ版

index: 概要 環境 参考 参考のコード 実装など 画面など android / スマホ版 概要 PWA / Progressive Web Apps で PC デスクトップ版のインストール、PWA起動 あたりまでの、実装となります・PCデスクトップ版、スマホ/android等の マルチデバイス環境に対応…

更新、チャット機能に CSV出力を追加しました。 #webプッシュでチャット機能 #php #Laravel #Vue.js

index: 概要 出力画面 参考のコード 参考のページ アプデ 概要 前の firebase Cloud Messaging, Notification API 等で web push通知対応のチャット機能の。投稿データCSV出力を追加しました。 出力画面 ・エクセルで開くと。会話の内容を保存できたり 便…

Vue.js で、form種類の対応 select/ratio/check/date等 #php #Laravel #Vue.js

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

HTTPクライアントから、firebase Cloud Messaging 経由で、web プッシュ通知する。python3編

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

Laravel 5.8 + firebase Cloud Messaging で、web push通知対応の チャット機能の作成

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

firebase Cloud Messaging + Notification APIで、Web push通知

firebase Cloud Messaging を使用して、 ブラウザにpush通知の内容となります。 環境 chrome 79 以降 webサーバ・ドメインは、localhost でも動作しました 参考 https://firebase.google.com/docs/cloud-messaging/js/client?hl=jahttps://firebase.google.c…

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…

TensorFlow.js で、回帰モデルの予測問題サンプル

index: 概要: 環境 参考 参考のコード 実装など 学習データと、評価のグラフ 参考のページ まとめ 概要: 前のTensorFlow.js 関係で、 回帰モデル例を、参考にして。 予測問題の実装メモとなります。評価グラフは、chart.js で。表示する構成です 環境 Tensor…

TensorFlow.js の導入編、回帰モデルなど

概要: TensorFlow.js の導入、セットアップ等になります javascriptで、機械学習できそうですので。試してみました 環境 TensorFlow.js node.js npm 参考 https://www.tensorflow.org/js/tutorialshttps://www.tensorflow.org/js/tutorials/setuphttps://js.…

TypeScript + node/express + mysql で、 CRUDの作成

index: 概要: 環境 参考のコード 実装など 画面ejs 参考のページ 概要: 前の TypeScript + node/express 関連で promise-mysql で、CRUDの作成となります。 環境 TypeScript node.js npm mysql 参考のコード github.com 実装など api、データ取得 https://gi…

TypeScript + promise-mysql の導入編

index: 概要: 環境 参考のコード 参考 promise-mysql の追加 mysql操作 参考のページ 概要: 前の TypeScript + node/express 関連で promise-mysql でDB操作編となります 環境 TypeScript node.js npm promise-mysql mysql 参考のコード github.com 参考 htt…

TypeScript + node/express + sequelize CRUDの作成

index: 概要: 環境 参考のコード 手順 実装など 画面ejs 参考のページ 概要: 前の TypeScript + node/express 関連で sequelize + mysql +vue.js 構成 CRUDとなります 環境 TypeScript node.js npm sequelize mysql 参考のコード github.com 手順 ・表の作成…

TypeScript + node/express 、chart.jsでグラフ表示

index: 概要: 環境 参考のコード 画面 手順 実装など 参考のページ 概要: 前の TypeScript + node/express 関連で 前回の、csvインポートで sqliteに保存された測定値を chart.js グラフ表示となります。 環境 TypeScript node.js npm sqlite3 chart.js 参考…

TypeScript で、CSVデータからsqlite3 dbに保存する。

index: 概要: 環境 参考のコード 手順 データ追加 参考のページ 概要: 前の TypeScript 関連となり CSVデータの、 sqliteインポートになります。 環境 TypeScript node.js npm sqlite3 参考のコード github.com 手順 npm install npm run watch・csvインポー…

TypeScript + node/express + Vue.js, mongoDB版のCRUD作成

index: 概要: 環境 参考のコード 起動方法 実装など Vue.js 参考のページ 概要: 前の TypeScript 関連となり node.js + express + Vue.js で mongoDB の構成になります 環境 TypeScript node.js npm express Vue.js mongoDB 参考のコード github.com 起動方…