knaka Tech-Blog

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

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

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

更新、チャット機能のレイアウト修正しました。 #webプッシュでチャット機能 #php #Laravel #Vue.js

index: 概要 画面 詳細モーダル画面を、追加しました。 更新内容 参考のコード 参考のページ Update 概要 前の firebase Cloud Messagingで web push通知対応のチャット機能で レイアウト変更の、アップデートとなります。 画面 詳細モーダル画面を、追加し…

Vue.js + Laravelで、並べ替え編集と 保存の機能 #php #Laravel #Vue.js

index: 概要: 環境 参考 画面 デモのページ 実装など migrations 参考のコード 概要: 前の Vue.js + Laravel関連で、 Vue.Draggable を使用した、ドラッグ操作の並び替え機能と、 並び替え順を、DB保存する機能の例です・テーブルや、UL / LI タグの行を、…

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

index: 概要: 環境 参考 画面 実装など 参考のコード デモ 概要: 前の Vue.js + Laravel関連で、 form種類 select/ratio/check/date等 の対応となります。 環境 php7.3 Laravel 5.8 mysql Vue.js 参考 https://jp.vuejs.org/v2/guide/forms.html 画面 実装な…

Letsencrypt SSL証明書の更新、aws LightSail 版 #php #Laravel #aws

index: 概要: 環境 参考 certbot-auto 追加 検証など 概要: 前の HTTPS化のインフラ関連で、 aws LightSail で、LetsencryptによるSSL更新となります。・SSL証明書の有効期限が 90日程で、更新作業が必要になりましたので 追加作業の内容です 環境 aws …

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

index: 概要: 環境 参考 参考のコード 画面 実装など 参考のページ 概要: 前の firebase Cloud Messaging関連で、 チャット機能で、ブラウザ間の通信を 今回は、送信側はブラウザ無しで。python3 のPOST通信で Cloud Messaging 送信するデモとなります・rasp…

aws LightSail + ubuntu +docker SSL/HTTPS 設定 #php #Laravel #aws

index: 概要: 環境 前提 、使用しない部分 前提、事前の準備等 参考 参考の設定 手順 Letsencrypt で、SSL化 docker-compose.yml nginx設定 コンテナ起動 参考のページ 概要: 前の HTTPS化のインフラ関連で、 aws LightSail で、LetsencryptによるSSL化 Ubun…

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

index: 概要: 環境 参考の設定 手順 docker-compose.yml コンテナ起動 概要: 前の HTTPS化のインフラ関連で、 Ubuntu 16 の例となります。 環境 Ubuntu 16 docker nginx docker-compose 参考の設定 github.com 手順 ・dokcer のインストールは、省略しますが…

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

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

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

前のLaravel 関係で firebase Cloud Messaging, Notification API 等で web push通知対応の チャット機能の作成となります。 参考のコード github.com 画面 ・通知 メンバーからの、通知ポップアップと。着信音が出力されます・チャットの画面 dbに、メッセ…

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…

Laravel 5.8で、CSVインポート機能

前のLaravel 関係で CSVアップロードで、DB更新となります。 参考 https://qiita.com/sola-msr/items/4a114d66bb5ca48d869c 参考のコード github.com 実装など ・コントローラ 計測値等の、管理ですがhttps://github.com/kuc-arc-f/lara58a_5mdat/blob/maste…

ゲーミングマウス 500円、レビュー編

index: 概要 感想 画像 その他 update 概要 ダイソー様の、500円(税別)で購入できた ゲーミングマウスについての記事となります。・作業PC用の amazonで購入した300円低価格マウス が古くなったので、買い替え品を探したところ 有線USB マウスが、10…

Laravel 5.8で、予定表の機能追加 #php #Laravel

index: 概要: 環境 参考 参考のコード 画面 migrate 実装など デモ Update 概要: 前の Laravel 5.8 関係で、 Carbon を使用して、予定管理の機能追加となります。 環境 php7.3 Laravel 5.8 mysql 参考 https://github.com/Takuma-Ikeda/app-LaravelCalendar …

Raspberry Pi+ docker に、Laravel 5.8を設置する。

index: 概要: 環境 参考の docker 設定 参考のページ 追加の手順 Laravel 設定 migrate 実行 まとめ 概要: 前の Laravel 5.8 関係で、 raspbery pi+ docker環境 で、Laravel 5.8追加する内容となります・使用する面で、docker-compose 起動が遅かったり。 い…

Raspberry Pi に docker環境を設置する

index: 概要: 環境 参考 version docker-compose 追加 参考のdocker 設定 参考の docker-compose.yml コンテナ起動 参考ページです 概要: 前の Laravel 5.8 関係で、 raspbery piに docker環境 追加するメモとなります 構成は、php7.3 ,mysql , nginx ・下記…

Laravel 5.8 +mysql + nginxで、docker環境の設置編

index: 概要: 環境 参考の設定 参考 version Dockerfile など 手順など Laravel 5 追加 Laravel 設定 migrate 概要: 前の Laravel 5.8 関係で、 docker環境の ,ubuntu16 構築等のメモとなります 環境 php7.3 Laravel 5.8 mysql 5.7 docker docker-compose u…

Laravel 5.8 + Vue.jsで、todo機能、markdown表示対応

index: 概要: 環境 参考のコード 実装など Blade 画面 参考のページ デモ Update 概要: 前の Laravel 5.8 関係で、 Laravel版の、一部 Vue.jsで実装した形になります。 環境 php7.3 Laravel 5.8 mysql Vue.js 参考のコード github.com 実装など API https://…

Laravel 5.8 で、todo機能、markdown表示対応

index: 概要: 環境 参考のコード 画面 実装など Blade デモ 概要: 前の Laravel 5.8 関係で、 todo機能の追加、markdown 対応表示等の実装 となります 環境 php7.3 Laravel 5.8 mysql 参考のコード github.com 画面 ・詳細 ・一覧 実装など ・コントローラ h…

Laravel 5.8 で、Transactionで DB一括登録など

index: 概要: 環境 参考のコード 準備など コントローラ blade 概要: 前の Laravel 5.8 関係で、 Transactionを、使用して保存で 複数の関連テーブル保存を、一括して行う例となります 環境 php7.3 Laravel 5.8 mysql 参考のコード github.com 準備など ・表…

Laravel 5.8 で、モデル結合など

index: 概要: 環境 参考 準備など コントローラ 参考のコード 概要: 前の Laravel 5.8 関係で、 Eloquent の外部結合等ですmodelアソシエーションでなく。 画面の、実行時に結合する形となります。 環境 php7.3 Laravel 5.8 mysql 参考 http://laravel.jp/ht…

Laravel 5.8 ユーザー認証

index: 概要: 環境 参考 追加方法 画面 認証チェックを、画面に追加 ページーション validator 参考のコード 概要: 前の Laravel 5.8 関係で、 ユーザー認証の追加等になります。 環境 php7.3 Laravel 5.8 mysql 参考 http://laravel.jp/https://readouble.c…

Laravel 5.8 +Vue.js CRUD作成など

index: 概要: 環境 参考のコード 準備など CDN 等追加 API CRUD など 参考のページ デモ Update 概要: 前の Laravel関係になりますが Laravel 5.8 + Vue.jsで、 CRUD作成となります。・Vue-CLI, vue-router等使わずに、vue.js, axios 等で 実装する方法とし…

Laravel 5.8 設定編 CRUD作成など #php

概要: Laravel 5.8 インストールや、CRUD作成など となります。 環境 php7.3 Laravel 5.8 mysql 参考 http://laravel.jp/https://qiita.com/moyashimanjyu/items/17ffe537fd37cccf00c0 参考のコード github.com 追加など php composer.phar create-project -…

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…