React.js react has no exported member { hooksの関数名 } と表示された時の対処法
React × TypeScript × Next.jsで開発を行う上で、発生したエラー(react has no exported member { hooksの関数名 })の対処法についてご紹介しています。必要なライブラリを導入することで解決できる可能性が高いです。
HTML
React.js 
JavaScript [ JavaScript 基礎 ] 配列内のオブジェクトを操作する(値の取得/値の更新)
本記事では、JavaScriptで複数オブジェクトが格納されている配列から特定のオブジェクトを取り出す方法、オブジェクトから特定の値のみを取り出す方法、オブジェクトから取り出した特定の値を変更(更新)する方法についてご紹介してます。(mapメソッドとfilterメソッドを使用)
JavaScript [ JavaScript 基礎 ] Cookieにデータを保存 / データの取得(参照)
今回は、JavaScriptを用いて、Cookie(クッキー)にデータを保存する方法(document.cookie)と保存したデータを参照する方法についてサンプルコードを用いながら解説しています。デベロッパーツール上でのCookieデータの確認方法も載せてます。
JavaScript [ JavaScript 基礎 ] parseメソッド, stringifyメソッドの使い方
今回は、JSON形式の文字列をJavaScriptのオブジェクト、JavaScriptのオブジェクトをJSON形式の文字列に変換する方法(parseメソッド, stringifyメソッドの使い方)についてサンプルコードを用いながらご紹介してます。
JavaScript [ JavaScript 基礎 ] window.print : 印刷ダイアログを表示&印刷範囲の変更
今回は、JavaScriptでボタンを押した際に印刷画面(印刷ダイアログ)を呼び出せるようにしたいと思います。印刷する範囲を指定する方法(印刷用CSSを記述する方法)と詳細設定の初期値を変更する方法もあわせてご紹介していきます。
laravel laravel9. : バリデーション(エラーメッセージ)を日本語化する方法
本記事では、laravel9.xの環境でバリデーション(エラーメッセージ)を日本語化する方法について、「コマンド」と「手動」の２パターンで行う方法についてご紹介しております。また、エラーメッセージの編集方法やカスタムバリデーション属性名の設定についても説明してますので、参考になればと思います。
TypeScript [ Reactで学ぶ ] TypeScript 基礎 : 配列・オブジェクトの型定義方法
本記事では、React.jsのプロジェクト内でTypeScriptでコーディングをする際に、配列・オブジェクトでどのように型定義をすれば良いのか解説してます。サンプルコードも載せておりますので、学習・開発の参考になればと思います。
React.js [ React hooks ] useRefの使い方・サンプルコード (useStateとの違いも解説！)
本記事では、React hooksの一つである「useRef」についての使い方からuseState・useReducerとの違いまで解説しております。また、「カウンター機能」と「ref属性の活用」の2本立てでサンプルコードを掲載しておりますので、学習の参考にしてもらえたらと思います。
JavaScript [ JavaScript 基礎 ] Null合体演算子の使い方 & 注意点
本記事では、JavaScript・TypeScriptの構文であり、&&(AND)や||(OR)と同じ論理演算子の1種である「Null合体演算子」の使い方や注意点について、ご紹介しております。if文やswitch文など条件分岐に適した他の構文と比較したサンプルコードも載せてますので、参考になればと思います。
React.js 【React hooks】useContextの基礎を習得 – カウンターアプリ
useContextを使うことで異なる階層であってもデータの共有が出来るようになるため、コンポーネント間で同じデータ(State)を共有したい場合や機能や用途に応じてデータの管理をしたい時にとても便利です。また、propsの受け渡しも最小限に抑えることが出来る点に加え、useReducerとあわせて使用されることが多い関数になります。