その他(書評) 「WEB+DB PRESS Vol.134」の感想・備忘録
WEB+DB PRESS Vol.134posted with ヨメレバWEB+DB PRESS編集部編 技術評論社 2023年04月22日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る 点数 30点 感想 有用な情報はほとんどなかった。ちょっと残念。。
その他(書評) 
React(書評) 「作って学ぶ Next.js/React Webサイト構築」の感想・備忘録
作って学ぶ Next.js/React Webサイト構築posted with ヨメレバエビスコム マイナビ出版 2022年08月01日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 点数 77点 感想 システム開発というよりはCSSなどデザイン系の内容が多かった。 この書籍の発売日は2022/7/30とそこまで古くはないのにも関わらず、N...
Vue.js [Vue.js] ボタンクリックだけでなくEnterキー押下でもフォーム送信させる方法
概要 Vue.jsでフォーム送信を行う場合、type="button"のbutton要素やinput要素のclickイベントで処理するのが一般的である。ボタンクリックだけでなくEnterキーを押した時にもフォーム送信したい場合は、form要素のsubmitイベントハンドラで処理する必要がある。 clickイベントで処理する場合 <html lang="ja"> <head> <meta chars...
React(書評) 「基礎から学ぶ React/React Hooks」の感想・備忘録2
基礎から学ぶ React/React Hooksposted with ヨメレバasakohattori シーアンドアール研究所 2021年08月24日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 「基礎から学ぶ React/React Hooks」の感想・備忘録1の続き React Hooks useEffectのクリーンアップ関数 ク...
React(書評) 「基礎から学ぶ React/React Hooks」の感想・備忘録1
基礎から学ぶ React/React Hooksposted with ヨメレバasakohattori シーアンドアール研究所 2021年08月24日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る ebookjapanで見る 点数 79点 感想 JavaScriptからReact.jsまで幅広く書かれていた。 基礎から丁寧に説明されているが、なんとくなく全体的にわか...
Docker [docker] MySQLで日本語が文字化けしてしまう場合の解決法
概要 dockerのMySQLコンテナはそのまま使うと日本語が文字化けしてしまう。MySQLの設定ファイルmy.cnfで文字コードを指定することで、文字化けを解消することができる。 手順 1. my.cnfを用意し、任意のディレクトリ内に格納する ここではmysql/my.cnfとする。 character_set_server = utf8mb4 collation-server=utf8mb4...
React [Next.js] 環境変数を使う方法
概要 APIキーなどをコードに埋め込むのはセキュリティ上好ましくないため、環境変数として用意するのが一般的である。 .env開発・本番に依存しないデフォルト値を定義する。 .env.local開発・本番に依存しないシークレットな値を定義する。(.gitignoreに追加する) Next.jsで使うAPIキーを管理するだけであれば、.env.localを用意すれば良い。 API_KEY=XXXXXX...
React [Next.js] Font Awesomeを導入する方法
概要 Next.jsでFont Awesomeを使うための手順をまとめました。 インストール コアnpm install @fortawesome/fontawesome-svg-core Reactコンポーネントnpm install @fortawesome/react-fontawesome 以下のアイコンパッケージは必要な分だけインストール。 Solidnpm install @forta...
React [Next.js] window, sessionStorage, localStorageなどが使用できない原因
概要 Next.jsでwindowなどブラウザオブジェクトにアクセスするとReferenceErrorとなってしまう。 console.log(window) // ReferenceError: window is not defined これはデフォルトでサーバサイドレンダリングが有効になっているからであり、if文でブラウザオブジェクトが存在するかどうかを判定することでエラーを回避することがで...
React [Next.js] SSRを無効にする方法
概要 Nuxt.jsはデフォルトでサーバサイドレンダリングが有効になっているため、サーバサイドでは存在しないwindow, localStorage, sessionStorageなどのオブジェクトを参照しようとするとエラーになってしまう。 Nuxt.jsの場合はnuxt.config.tsでssr: falseを指定することでSSRを無効にすることができるが、Next.jsの場合はnext/dy...