2023年

Reactで同じような処理をオプショナルチェーンで記述しているものと、AND演算子で記述しているものがありました。どちらが良いのでしょうか？ オプショナルチェイニング プロパティやメソッドが存在しない場合に、エラーになら […]

静的なHTMLでReactを使用してみます。 JSXをJavaScriptにコンパイルするBabelをCDNで読み込み、ブラウザが解釈できるJavaScriptにコンパイルすることで、静的なHTMLでもReactを使用で […]

キーイベントの動作確認用です。どうぞ。 試すと面白いこと 1,2,3と一文字ずつ入力してみる 長押ししてみる コピーしたテキストを貼り付けてみる 入力した文字を一文字ずつ消していく 上記を日本語入力で試してみる See […]

JavaScriptのclassListで古いクラスから新しいクラスに変えるのなんだっけ？古い方先に書くんだっけ？たしかJavaScriptの書籍に書いて。。。ない。前調べたけど簡単だからって油断してメモも残してない。。 […]

プログレスバーを実装するのに、ProgressBar.jsを使ったけど、Barが角丸にできなかったり使い勝手わるいなぁ。シンプルなデザインだし自分で作れないかな？ 　しんぺー 簡単につくれますよ。使いまわしやすいテンプレ […]

memoとuseMemoがあるのを今知りました。なにが違うのか簡単に教えて それぞれの使用例と、比較表を作成しました。 memoとuseMemoの比較 memoは、コンポーネントの見た目が変わったかどうかを確認します。 […]

どうやったらコードを深く理解できるのか？理解するのにコツや方法はあるのか？効率よく理解する方法はないのか？ このような疑問や、下記が当てはまる方は読む価値があるかもしれません。その答えです。 今回は、「Roles of […]

Reactの最小単位のコンポーネントは理解できました。実際の開発現場で使われるような少し複雑なコードを学びたいです。 ではもう少し複雑なコンポーネントを画面に描画してみましょう。映画情報のリストを作成したので、その情報を […]

ChatGPTのAPIで何ができるの？ しんぺー AIボットが作れそうですね。自社製品を学習させたり、QAに答えるボットとか。まずは、最もシンプルな形でAPIを利用してみましょう。 完成形のイメージ 公開している環境では […]

しんぺー Next.js、Notionを使ってブログを構築して行きたいと思います。上から順番にやっていけば30分程度で手軽に構築できます。 興味はあるけど自分で開発するのが億劫だった方、どうぞ。 完成形のイメージ 見た目 […]