React Reactでユーザーフレンドリーなモバイルメニューを実装する方法
今回はReactを使って、ハンバーガーメニューをクリックした時だけでなく、メニュー外の部分をクリックした時にも自動的に閉じる機能を実装しました。この記事では、特にuseRefフックの使い方にフォーカスして解説します。 実装の目的 モバイルサ...
oz
React 
転職 Quizopiaコード説明~ポケモンなきごえクイズ編~
この記事では、ポートフォリオ「Quizopia」のコードの一部を説明しています。 PokemonCryQuizController.php の一部紹介 // 問題セットを生成するプライベートメソッド private function gen...
転職 ポートフォリオ【Quizopia】紹介
今回の記事では、作成したポートフォリオについて、まとめていきたいと思います。 下記が、今回、ご紹介するポートフォリオ「Quizopia」のサイトURLです。 「Quizopia」作成の経緯 プログラミングスクール「ウェブカツ」では、たくさん...
転職 プログラミング学習８ヵ月で思うこと
今年も、もうすぐ終わりますね。５月１日からウェブカツを始めて、約８カ月間、学習したことになります。学習状況ですが、完全ではないですが、ほぼ毎日学習を継続することができました。学習当初と比べると、見えている景色が全然違っています。以下は、Gi...
React React入門第１２回~useContextとuseReducerとは？~
この記事では、Reactの機能であるuseContextとuseReducerについて詳しく解説しています。
React React入門第１１回 ~CSS-in-JSでスタイリングしよう~
CSS-in-JS入門：styled-componentsでスタイリングをもっと自由に！JavaScriptの中にCSSを書いて、コンポーネントに合わせたスタイリングを効率的に行いましょう。動的なスタイル変更やテーマの切り替えも簡単！ #CSSinJS #styledcomponents #フロントエンド
React React入門第１０回~filterメソッドを使ってみよう~
Reactで配列フィルターとスプレッド構文を使いこなそう！この記事では、Reactのフィルタリング機能とスプレッド構文の基本を、高校生でもわかる会話形式で解説。OZくんとプロ太先生の対話を通して、実践的な使い方やスプレッド構文を使わずにデータを渡す方法も丁寧に説明しています。
React React入門第９回~配列を表示してみよう~
この記事では、Reactで配列を表示する方法とmap関数・filter関数の復習も含めて、ループして表示する上でのkeyの重要性を解説しています！map関数を使ったシンプルなリスト表示と、リスト更新の効率化に役立つkeyの使い方を学べます。
React React入門第８回~Stateとは？~
この記事は、ReactのState管理について、初心者でも理解しやすい対話形式で解説しながら、実践的な課題解決まで含めた包括的な内容となっています。特に、useStateの基本的な使い方から、実際の開発でよく遭遇する問題とその解決方法まで、段階的に理解を深められる構成となっています。
React React入門第７回~開発でよく使うイベントタイプ~
Reactのイベントハンドリングを初心者向けに解説！ボタンクリックや入力フィールドのイベント、ホバーなど、Reactでのユーザー操作に応じた処理の基本を学べます。