knaka Tech-Blog

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

javascript

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

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

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

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

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

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

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

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

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

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

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

この記事は、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 CLI+ Laravel 5.8で、クロスドメイン SPA構成/PWA対応のCRUD作成する。 #Laravel #Vue.js #SPA #PWA

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

BBS 機能を追加する #Laravel

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

チャット機能、設定の手順を追記しました #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 起動方…