「Reactの学習で必ず登場するuseStateが何をしているのかわからない」「Reactでpropsの渡し方がうまくできないことがある」「なんでコンポーネント化をしないといけないのか謎なまま学習している」 Reactな […]
React
【React】fetchメソッドを使ってAPIからデータを取得する
Webアプリケーションを開発する場合、APIからデータを取得して表示することがよくあります。 過去の記事でJavaScriptで標準で用意されているfechメソッドを使ったAPIの取得を紹介しましたが、fetchメソッド […]
初心者向け!JavaScriptで日付、時間の取得や操作する方法【Date(), toLocaleString()】
WebアプリやWebサイトで時刻を表示する機能や、特定の日付から何日後かを計算するなどの日付と時刻に関する処理は頻出の作業です。 JavaScriptの場合だとDateというクラスが用意されていて、Dateを使うことで色 […]
JavaScriptでよく使う型の変換3選を紹介【String, Number,parseInt】
脱初心者になるための一歩として、プログラミングではデータの型を意識することが大切です。 実際の作業でもデータ型を変換する場面がよくあります。 例えば、文字列から数字に変換することや、反対に数字を文字列に変換したい場面など […]
【Reactのインポート、エクスポート】JavaScriptにおけるモジュールの作り方を解説
「JavaScriptでモジュールという言葉を見かけるが何かがよくわかっていない」「Reactでコンポーネントの読み込みが上手くいかないときがある」「import文の書き方で{ }の有無の違いがわかっていない」 本日はそ […]
変数のletとvarの違いを知ると、スコープのことも理解できる件【JavaScript】
「スコープは習ったけど本質的に理解できていない」「自作した関数や繰り返し処理がなぜかエラーになることがある」「変数でletとvarの違いが分からないけど、とりあえず使って何とか動作している」 本日はスコープについて取り上 […]
Reactでも使う!JavaScriptの「…」スプレッド構文を徹底解説
ReactなどのモダンJSに入ると突然「…」のような記号に遭遇します。 結論から言うと「スプレッド構文」と言うJavaScriptにおける文法になります。 スプレッド構文は初学者向けの学習教材やスクールでは習 […]
constの配列とオブジェクトが再代入や変更できてしまう理由【JavaScript、ミュータブル、イミュータブル、メモリ】
「配列やオブジェクトの扱いがよく分かっていないので関数を上手く作れない」「なぜか変数が思った通りのデータにならないことがある」「ミュータブル、イミュータブル、メモリなどの専門用語を習ったことがない」 今回はそのような方に […]
TypeScriptでany型はおススメしません、unknown型でOKです
本日はTypeScriptにおけるany型とunknown型の違いを解説していきます。 どちらも型が決まっていないときに使う、という意味では同じものに見えるのですが大きな違いがあり、初学者の方には共有されていないことが多 […]
ReactのuseReducerの使い方を初心者向けに解説【useStateやuseContextとの違いまで!】
「Reactをそれなりに触れるようになったけどReduxになった瞬間ドはまりする」「Reduxの学習教材やYoutube動画を見てもイマイチ理解できなかった」「useReducerの使うべきタイミングが分からない」 本日 […]