上尾市のWEBプログラマーによるブログ

「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 80点感想前編で作成したAPIを使用するためのページをNext.jsで作成していく、という内容だった。特に複雑な処理もなく、問題なく最後まで読み終えることができた。ユーザー関連ページユーザー登録ページの作成 mkdir pages/user/ touch pages/user/register.js Reactで...

2023.02.25

React(書評)

「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見るログイン機能スキーマの作成 import mongoose from 'mongoose' const Schema = mongoose.Schema; const ItemSchema = new Schema({ title: String, image: String, price: String, descripti...

2023.02.22

React(書評)

「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 78点感想 Next.jsについての書籍だが本書は前編ということで、Next.jsとmongoDBを使ってのサーバサイドの実装のみだった。内容自体は分かりやすかったが、Next.jsとmongoDBでサーバサイドを実装することは少ないと思うので、Next.jsに関する情報としては後編だけで十分だと思う。毎回思うことだ...

2023.02.18

React(書評)

「はじめてつくるNext.jsサイト」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「はじめてつくるNext.jsサイト」の感想・備忘録1の続き基本 next/image 画像のサイズやフォーマット、遅延ローディングなどを全て自動で行ってくれる。import Image from 'next/image'として以下で表示。<Image src="/images/9736.jpg" alt="fumika" w...

2023.02.15

React(書評)

「はじめてつくるNext.jsサイト」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 84点感想 Next.jsの基礎がわかりやすく説明されていた。最低限の使い方としては、本書の内容で十分だと思う。基本環境構築 npx create-next-app next-portfolio --use-npm cd next-portfolio 不要ファイルを削除rm -rf pages/api/ pages...

2023.02.11

React(書評)

「速習Vue.js3 Composition API編」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「速習Vue.js3 Composition API編」の感想・備忘録1の続きコンポーネントプロパティ defineProps()を使う。 <script setup>内ではdefinePropsのインポートは不要。 <template>内では{{ プロパティ名 }}で参照可能。<script setup>内ではdefine...

2023.02.08

Vue.js(書評)

「速習Vue.js3 Composition API編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 79点感想 ref関数、reactive関数、ProvideとInjectなどVue.js3の新機能がしっかり説明されていた。ただし、大半は新機能以外の内容であった。基本リアクティブシステム ref関数 ref関数で生成されたオブジェクトをRef変数と呼び、生の値をRef変数にすることをラップすると言う。 Ref変数...

2023.02.04

Vue.js(書評)

Node.js

jwt.verify()でRight-hand side of ‘instanceof’ is not an objectとなる原因

概要 npmのjsonwebtokenパッケージのverifyメソッドを使ってjwt.sign(token, 'hoge');のようにJWTトークンをデコードするとRight-hand side of 'instanceof' is not an objectとなり例外が発生してしまうことがある。原因 jsonwebtokenのバージョン9はNode.js環境では問題ないが、ブラウザ上では正常に...

2023.01.28

Node.js

[docker] mysqlに接続できない原因

概要 docker-compose.ymlにMYSQL_DATABASE. MYSQL_USERMYSQL_PASSWORDMYSQL_ROOT_PASSWORDなどを定義しても、反映されずにMySQLが作成されてしまうことがある。 Host '172.19.0.6' is not allowed to connect to this MySQL serverのようにHost 'xxx.xx.xx...

2023.01.23

Docker

MongooseでlocalhostのmongoDBに接続できない原因

概要 localhostだと接続できないが127.0.0.1だと接続できるとのこと。 OK mongodb://127.0.0.1:27017/xxx import mongoose from 'mongoose' const connectDB = async () => { try { await mongoose.connect('mongodb://127.0.0.1:27017/xxx'...

2023.01.22

Node.jsサーバ