knaka Tech-Blog

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

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 #PWA

index: 概要 参考のコード migrations 画面 デモのページ Update Update ファイル添付 Update 検索の追加 Update ファイルのエクスポート 概要 メンバー間で、メッセージを送受信できる機能を Laravelで、追加しました。 PWA対応の、構成となります。 参考の…

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

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

更新、チャット一覧に、検索機能追加等 #webプッシュでチャット機能 #php #Laravel #Vue.js

index: 概要 更新の内容 画面 参考のコード デモのページ 参考のページ 概要 前の firebase Cloud Messaging, Notification API 等で web push通知対応のチャット機能の。チャット機能の更新内容となります 更新の内容 ・チャット一覧の、検索機能追加 ・チ…

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出力を追加しました。 出力画面 ・エクセルで開くと。会話の内容を保存できたり 便…

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

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

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

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

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

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

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

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

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

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

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

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

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…

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…

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

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

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

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

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

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