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ファイルのエクスポートを。読込む形です ・コンテンツ編集は、jsonファイルのみ修正/再デプロイすると  修正が反映される手順となります。 ・デザイン変更等は、next.js deploy (yarn deploy) 必要となります ・投稿入力形式は、MD形式( markdown ) に対応

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

      ■ 概要:Cloud Firestore 関連となり。Reactで 予定表を作るメモです ・配置先は、Reactのbuildファイルをnetlifyに、デプロイする例となります ・Firestore書き込み、認証は。前の記事と同様です ■ 環境 firebase firebase Cloud Firestore firebase.auth.GoogleAuthProvider React node 10.16 ■ データ構成 ■ 参考のコード ・firebase設定

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

        ■ 概要:Cloud Firestore で、Promise風の書き方のメモとなります ・get() 等の場合、ヘルプ等はコールバック的な参考コードが多く。 Promiseで、await /async で書き方ほうが、連続処理が実装しやすい面が ありそうでしたので。調べてみました ■ 環境 firebase firebase Cloud Firestore node 10.16 ■ 書き方の例 ・通常の例 getのコールバック処理に、処理を各必要があり。

        • 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.GoogleAuthProvider React node 10.16 ■ 参考

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

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

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

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

        マガジン

        • Cloud Firestore 初級編
          5本
        • mongodb 初級編
          10本
        • Rust WebAssembly 開発(2)
          9本
          ¥100
        • Rust WebAssembly 開発(1)
          11本
        • React + IndexedDB 製作事例
          9本
          ¥100
        • IndexedDB + Vue CLI 製作事例 (1)
          15本
          ¥100

        記事

          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.com/knaka0209/n/nbed96c774175 ■ 参考のコード ■

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

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

          ■ 概要:firebase Cloud Firestore 関連となり。ルール設定や、 書込み設定の、認証等のメモとなります ・前にVue-CLI実装を、認証対応に修正しています ■ 環境 firebase firebase Cloud Firestore firebase.auth.GoogleAuthProvider ■ 参考 https://firebase.google.com/docs/firestore/security/rules-conditions

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

          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 ・詳細 ・ 固定ページ TOP画面 / pages内のボタンから。起動できます

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

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

          ■ 概要: 前のmongodb 、関係となり。インフラ構築が含まれますが。 高速化、性能向上 を検討した例となります。 ・mongodb の、シャーディング、レプリケーション は使用しない例となります。 ・noSQLでは 水平分散構成が実現しやすく、  構性能な計算機を増設せずに、スケール向上が可能なようです。 RDBでは結合等の関係で、水平分散構成は難しいようです ■ 環境mongoDb : 3.6.3 node 14 ・npm mongodb: 3.6.3 expr

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

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

          ■ 概要:view関係で。 Laravel 5 で追加していた composer のlaravelcollective/html が、 Lara7で。追加できないようでしたので。廃止かもしれませんが 調査したメモです。間違いがあれば。すいません ■ 環境php-fpm : 7.3 Laravel : 7.29 ■ 参考の form画面 resources/views/tasks/create.blade.php ・POST送信の場合、csrfトークン指定が。必要になりそ

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

          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://docs.mongodb.com/php-library/ ■ 参考のコード ■ 実

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

          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 ■ 参考のコード ■ 実装など ・web.php Route::get('/tasks/test1', '

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

          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.29 nginx ■ 参考 ・先人様の記事を参考しました。 https://a

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

          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: "dept-1", name: "group-2" }, { dept_name: "d

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

          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", name: "group-2" }, { dept_name: "dept-

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

          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/n0bf3851b62ae ■ データの構成 ・orders.book_id と、books col

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

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

          ■ 概要:DB関連で、RDBのJOIN(結合処理) のような処理の例となり。 noSQLは、データ一貫性の面は難しいイメージでしたが。 mongoの場合は、aggregateの様な機能で。ある程度対応できそうでしたので 調べてみました ■ 環境mongoDb : 3.6.3 ■ 参考 https://docs.mongodb.com/manual/reference/operator/aggregation/lookup/ https://docs.mongodb.

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