knaka Tech-Blog

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

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 ) に対応

    スキ
    3
      • 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設定

        スキ
        3
        • 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 ■ 参考

            スキ
            3

          マガジン

          マガジンをすべて見る すべて見る
          • Cloud Firestore 初級編
            knaka Tech-Blog
          • mongodb 初級編
            knaka Tech-Blog
          • Rust WebAssembly 開発(2)
            knaka Tech-Blog
            ¥100
          • Rust WebAssembly 開発(1)
            knaka Tech-Blog
          • React + IndexedDB 製作事例
            knaka Tech-Blog
            ¥100
          • IndexedDB + Vue CLI 製作事例 (1)
            knaka Tech-Blog
            ¥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 ■ 参考のコード ■

            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

            スキ
            2

            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内のボタンから。起動できます

            スキ
            1

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

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

            スキ
            1

            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 + 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 、検索する事例 #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', '

            スキ
            1

            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

            スキ
            1

            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

            スキ
            2

            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 + 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の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.