記事一覧
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で 予定表を作るメモです
・配置先は、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を作るメモです
・配置先は、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 関係となり。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
■ 参考のコード
■ 実装な
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 + 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