knaka Tech-Blog
最近の記事
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 ■ 参考
マガジン
記事
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
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で、スケールアウト/水平スケーラビリティ 分散構成のような例 #mongodb #node #javascript #noSQL
■ 概要: 前のmongodb 、関係となり。インフラ構築が含まれますが。 高速化、性能向上 を検討した例となります。 ・mongodb の、シャーディング、レプリケーション は使用しない例となります。 ・noSQLでは 水平分散構成が実現しやすく、 構性能な計算機を増設せずに、スケール向上が可能なようです。 RDBでは結合等の関係で、水平分散構成は難しいようです ■ 環境mongoDb : 3.6.3 node 14 ・npm mongodb: 3.6.3 expr
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/ ■ 参考のコード ■ 実
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