スポンサーリンク
Java

[Java] 「シンボルを見つけられません」の解決法

概要 hoge.MyClassをjavac MyClass.javaでコンパイル後、java MyClassとしても「シンボルを見つけられません」となってしまい実行することができない。 原因 原因は以下の2つである。 原因1: クラスはFQCNで指定しなければならない javacコマンドはソースファイル名を指定するにも関わらず、javaコマンドはクラス名(FQCN)を指定する必要がある。 原因2:...
その他(書評)

「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文でブラウザオブジェクトが存在するかどうかを判定することでエラーを回避することがで...
スポンサーリンク