2023年 | ページ 12 | 上尾市のWEBプログラマーによるブログ

「はじめてつくる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サーバ

「React.js & Next.js超入門」の感想・備忘録4

React.js＆Next.js超入門第2版posted with ヨメレバ掌田津耶乃秀和システム 2021年02月27日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る「React.js & Next.js超入門」の感想・備忘録3の続き Next.js Next.jsとは SSR, SSG, ルーター機能、を提供してくれる。インストール npm init np...

2023.01.21

React(書評)

「React.js & Next.js超入門」の感想・備忘録3

React.js＆Next.js超入門第2版posted with ヨメレバ掌田津耶乃秀和システム 2021年02月27日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る「React.js & Next.js超入門」の感想・備忘録2の続き Redux インストール npm install redux react-redux 語句 State: 値 Reducer:...

2023.01.20

React(書評)

「React.js & Next.js超入門」の感想・備忘録2

React.js＆Next.js超入門第2版posted with ヨメレバ掌田津耶乃秀和システム 2021年02月27日頃楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る「React.js & Next.js超入門」の感想・備忘録1の続きコンポーネント関数コンポーネント関数コンポーネントはJSXをreturnする関数である。 JSXで<コンポーネント名 />...

2023.01.14

React(書評)