knaka Tech-Blog

はじめまして knaka0209 です。knaka Tech-Blogを書いています。…

knaka Tech-Blog

はじめまして knaka0209 です。knaka Tech-Blogを書いています。 フリーのエンジニアで。普段はIT系の作業 空き時間に、IoTやAIによるデータ分析予測とか勉強しています。 https://kuc-arc-f.com

マガジン

  • Cloud Firestore 初級編

    Cloud Firestore 初級編、ノウハウに関する記事を集めました。 ■ 免責事項 / 注記 , 内容について動作確認しておりますが、 利用者様のインストール環境で正常動作しない可能性もあります。 参考程度とさせて頂ければと思います。

  • mongodb 初級編

    mongodb 初級編、ノウハウに関する記事を集めました。 ■ 免責事項 / 注記 , 内容について動作確認しておりますが、 利用者様のインストール環境で正常動作しない可能性もあります。 参考程度とさせて頂ければと思います。

  • Rust WebAssembly 開発(2)

    Rust WebAssembly 開発の事例、ノウハウに関する記事を集めました。第2回 ■ 免責事項 / 注記 , 内容について動作確認しておりますが、 利用者様のインストール環境で正常動作しない可能性もあります。 参考程度とさせて頂ければと思います。

  • Rust WebAssembly 開発(1)

    Rust WebAssembly 開発の事例、ノウハウに関する記事を集めました。

  • React + IndexedDB 製作事例

    React + IndexedDB 開発の事例、ノウハウに関する記事を集めました。 ■ 免責事項 / 注記 , 内容について動作確認しておりますが、 利用者様のインストール環境で正常動作しない可能性もあります。 参考程度とさせて頂ければと思います。

記事一覧

Next.js + CMS表示作成と、netlifyにデプロイする【作例】 #Next.js #node #javascript

■ 概要:Next.js関係で。CMSの表示系機能の作成メモとなります ・jsonファイルを読込み。コンテンツ表示する形で 編集機能は、前のindexedDBの編集機能で。 jsonファイル…

3

Cloud Firestore + Reactで 予定表の作成、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript

■ 概要:Cloud Firestore 関連となり。Reactで 予定表を作るメモです ・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります ・Firestore書き込み、認…

3

Cloud Firestore のAPI を、 Promiseで使う例 #firebase #noSQL #node #javascript

■ 概要:Cloud Firestore で、Promise風の書き方のメモとなります ・get() 等の場合、ヘルプ等はコールバック的な参考コードが多く。 Promiseで、await /async で書き方…

Cloud Firestore + Reactで CMS作成と、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript

■ 概要:Cloud Firestore 関連となり。Reactで CMSを作るメモです ・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります ・Firestore書き込み、認証は…

3

Cloud Firestore + React で、CRUDの例 #firebase #noSQL #React #node #javascript

■ 概要:Cloud Firestore 関連となり。ReactでCRUDを作るメモです ・Firestore書き込み、firebase認証は。前と同様です ■ 環境 firebase firebase Cloud Firestore fir…

firebase Cloud Firestore 読み書き, firebase 認証設定など #firebase #noSQL #Vue

■ 概要:firebase Cloud Firestore 関連となり。ルール設定や、 書込み設定の、認証等のメモとなります ・前にVue-CLI実装を、認証対応に修正しています ■ 環境 fireba…

2

mongodb + node/expressで、CMSを作る 【作例】 #mongodb #node #javascript #noSQL #React

■ 概要:前のmongodb 関係となり。markdown対応の CMSの作成で 製作事例となります ・投稿、固定ページ、カテゴリ登録が可能です ・前に公開した、IndexDB版CMS とレイア…

1

mongodb + node/expressで、スケールアウト/水平スケーラビリティ 分散構成のような例 #mongodb #node #javascript #noSQL

■ 概要: 前のmongodb 、関係となり。インフラ構築が含まれますが。 高速化、性能向上 を検討した例となります。 ・mongodb の、シャーディング、レプリケーション は使用…

1

Laravel 7 のformヘルパー等の指定する例 #php #Laravel

■ 概要:view関係で。 Laravel 5 で追加していた composer のlaravelcollective/html が、 Lara7で。追加できないようでしたので。廃止かもしれませんが 調査したメモで…

Laravel 7 + mongodb 、CRUDの作成 #mongodb #php #Laravel #doker #React

■ 概要:前のmongodb + Laravel+ docker関連となり Laravel 7 で CRUD のメモとなります。 ・PECL mongoドライバ、docker設定は、前の記事と同様となります ■ 環境mo…

Laravel 7 + mongodb 、検索する事例 #mongodb #php #Laravel

■ 概要:前のmongodb + php+ docker関連となり Laravel 7 から、mongodbを操作する例となります ■ 環境mongoDb: php-fpm : 7.3 Laravel : 7.29 nginx ■ 前の、php mo…

1

php + mongodb のdocker環境の作成 #mongodb #php #docker

■ 概要:mongodb + php環境の構築メモ等です dockerを使う例です ・フォルダ構成は、Laravelを使用し。Laravel 7を追加しました ・Laravel 7は、mongodb対応してないようで…

1

mongo findで、指定id検索を $in の使用例 #mongodb #node #javascript

■ 概要:前のmongodb findで、複数id指定の検索する場合で、 $in の使用メモとなります。 ■ 環境mongoDb : 3.6.3 node 14 ・npm mongodb: 3.6.3 ■ データの追加 db.b…

2

mongodb aggregate、group化のような集計 #mongodb #node #javascript

■ 概要: 前のmongodb aggregate機能で、グループ集計のようなメモ となります ■ 環境mongoDb : 3.6.3 node 14 ・npm mongodb: 3.6.3 ■ データの追加 db.book_group…

mongodb + node/expressで、join結合のような例 #mongodb #node #express #javascript

■ 概要: 前のmongodb aggregateで、collection結合の express 実装となります。 ■ 環境mongoDb : 3.6.3 node 14 ・npm mongodb: 3.6.3 express : 4.16.1 ejs : 2.6.2…

mongodbのaggregateで、join結合のような処理の例 #mongodb

■ 概要:DB関連で、RDBのJOIN(結合処理) のような処理の例となり。 noSQLは、データ一貫性の面は難しいイメージでしたが。 mongoの場合は、aggregateの様な機能で。ある…

Next.js + CMS表示作成と、netlifyにデプロイする【作例】  #Next.js #node #javascript

Next.js + CMS表示作成と、netlifyにデプロイする【作例】 #Next.js #node #javascript


■ 概要:Next.js関係で。CMSの表示系機能の作成メモとなります
・jsonファイルを読込み。コンテンツ表示する形で
編集機能は、前のindexedDBの編集機能で。
jsonファイルのエクスポートを。読込む形です
・コンテンツ編集は、jsonファイルのみ修正/再デプロイすると
 修正が反映される手順となります。
・デザイン変更等は、next.js deploy (yarn deploy)

もっとみる
Cloud Firestore + Reactで 予定表の作成、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript

Cloud Firestore + Reactで 予定表の作成、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript


■ 概要:Cloud Firestore 関連となり。Reactで 予定表を作るメモです
・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります
・Firestore書き込み、認証は。前の記事と同様です

■ 環境

firebase
firebase Cloud Firestore
firebase.auth.GoogleAuthProvider
React
n

もっとみる

Cloud Firestore のAPI を、 Promiseで使う例 #firebase #noSQL #node #javascript

■ 概要:Cloud Firestore で、Promise風の書き方のメモとなります

・get() 等の場合、ヘルプ等はコールバック的な参考コードが多く。
Promiseで、await /async で書き方ほうが、連続処理が実装しやすい面が
ありそうでしたので。調べてみました

■ 環境

firebase
firebase Cloud Firestore
node 10.16

■ 書き方

もっとみる
Cloud Firestore + Reactで CMS作成と、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript

Cloud Firestore + Reactで CMS作成と、netlifyにデプロイする【作例】 #firebase #noSQL #React #node #javascript

■ 概要:Cloud Firestore 関連となり。Reactで CMSを作るメモです
・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります
・Firestore書き込み、認証は。前の記事と同様です
・編集機能はmarkdown入力に対応しています。

■ 環境

firebase
firebase Cloud Firestore
firebase.auth.G

もっとみる

Cloud Firestore + React で、CRUDの例 #firebase #noSQL #React #node #javascript


■ 概要:Cloud Firestore 関連となり。ReactでCRUDを作るメモです
・Firestore書き込み、firebase認証は。前と同様です

■ 環境

firebase
firebase Cloud Firestore
firebase.auth.GoogleAuthProvider
React
node 10.16

■ 前の、認証等の参考

https://note.co

もっとみる

firebase Cloud Firestore 読み書き, firebase 認証設定など #firebase #noSQL #Vue


■ 概要:firebase Cloud Firestore 関連となり。ルール設定や、
書込み設定の、認証等のメモとなります
・前にVue-CLI実装を、認証対応に修正しています

■ 環境

firebase
firebase Cloud Firestore
firebase.auth.GoogleAuthProvider

■ 参考

https://firebase.google.com/

もっとみる
mongodb + node/expressで、CMSを作る 【作例】 #mongodb #node #javascript #noSQL #React

mongodb + node/expressで、CMSを作る 【作例】 #mongodb #node #javascript #noSQL #React

■ 概要:前のmongodb 関係となり。markdown対応の CMSの作成で
製作事例となります

・投稿、固定ページ、カテゴリ登録が可能です
・前に公開した、IndexDB版CMS とレイアウトは似てます。

■ 環境mongoDb : 3.6.3
node 14
・npm
mongodb: 3.6.3
express

■ 参考のコード
・ OSSで。公開しました

■ 画面
・Top

もっとみる

mongodb + node/expressで、スケールアウト/水平スケーラビリティ 分散構成のような例 #mongodb #node #javascript #noSQL

■ 概要:
前のmongodb 、関係となり。インフラ構築が含まれますが。
高速化、性能向上 を検討した例となります。

・mongodb の、シャーディング、レプリケーション は使用しない例となります。
・noSQLでは 水平分散構成が実現しやすく、
 構性能な計算機を増設せずに、スケール向上が可能なようです。
RDBでは結合等の関係で、水平分散構成は難しいようです

■ 環境mongoDb

もっとみる

Laravel 7 のformヘルパー等の指定する例 #php #Laravel

■ 概要:view関係で。
Laravel 5 で追加していた composer のlaravelcollective/html が、
Lara7で。追加できないようでしたので。廃止かもしれませんが
調査したメモです。間違いがあれば。すいません

■ 環境php-fpm : 7.3
Laravel : 7.29

■ 参考の form画面
resources/views/tasks/create.

もっとみる

Laravel 7 + mongodb 、CRUDの作成 #mongodb #php #Laravel #doker #React


■ 概要:前のmongodb + Laravel+ docker関連となり
Laravel 7 で CRUD のメモとなります。

・PECL mongoドライバ、docker設定は、前の記事と同様となります

■ 環境mongoDb:
php-fpm : 7.3
Laravel : 7.29
PECL mongodb : 1.9
nginx
React 16

■ 参考
https://doc

もっとみる

Laravel 7 + mongodb 、検索する事例 #mongodb #php #Laravel

■ 概要:前のmongodb + php+ docker関連となり
Laravel 7 から、mongodbを操作する例となります

■ 環境mongoDb:
php-fpm : 7.3
Laravel : 7.29
nginx

■ 前の、php mongoドライバ追加の記事

https://note.com/knaka0209/n/n7b4cdce17ddd

■ 参考のコード

■ 実装な

もっとみる

php + mongodb のdocker環境の作成 #mongodb #php #docker

■ 概要:mongodb + php環境の構築メモ等です
dockerを使う例です
・フォルダ構成は、Laravelを使用し。Laravel 7を追加しました
・Laravel 7は、mongodb対応してないようでしたので。
 composer でmongoドライバ等を追加する例を探して、mongo操作する形です

■ 環境mongoDb:
php-fpm : 7.3
Laravel : 7.2

もっとみる

mongo findで、指定id検索を $in の使用例 #mongodb #node #javascript

■ 概要:前のmongodb findで、複数id指定の検索する場合で、
$in の使用メモとなります。

■ 環境mongoDb : 3.6.3
node 14
・npm
mongodb: 3.6.3

■ データの追加

db.book_groups.insertMany([ { dept_name: "dept-1", name: "group-1" }, { dept_name: "dep

もっとみる

mongodb aggregate、group化のような集計 #mongodb #node #javascript

■ 概要:

前のmongodb aggregate機能で、グループ集計のようなメモ
となります

■ 環境mongoDb : 3.6.3
node 14
・npm
mongodb: 3.6.3

■ データの追加

db.book_groups.insertMany([ { dept_name: "dept-1", name: "group-1" }, { dept_name: "dept-1"

もっとみる

mongodb + node/expressで、join結合のような例 #mongodb #node #express #javascript


■ 概要:

前のmongodb aggregateで、collection結合の
express 実装となります。

■ 環境mongoDb : 3.6.3
node 14
・npm
mongodb: 3.6.3
express : 4.16.1
ejs : 2.6.2

■ 前の、aggregate関連はこちらhttps://note.com/knaka0209/n/n0bf3851b62a

もっとみる

mongodbのaggregateで、join結合のような処理の例 #mongodb


■ 概要:DB関連で、RDBのJOIN(結合処理) のような処理の例となり。
noSQLは、データ一貫性の面は難しいイメージでしたが。
mongoの場合は、aggregateの様な機能で。ある程度対応できそうでしたので
調べてみました

■ 環境mongoDb : 3.6.3

■ 参考

https://docs.mongodb.com/manual/reference/operator/ag

もっとみる