React.js react has no exported member { hooksの関数名 } と表示された時の対処法
React × TypeScript × Next.jsで開発を行う上で、発生したエラー(react has no exported member { hooksの関数名 })の対処法についてご紹介しています。必要なライブラリを導入することで解決できる可能性が高いです。
ウツボウ
React.js 
JavaScript [ JavaScript 基礎 ] 配列内のオブジェクトを操作する(値の取得/値の更新)
本記事では、JavaScriptで複数オブジェクトが格納されている配列から特定のオブジェクトを取り出す方法、オブジェクトから特定の値のみを取り出す方法、オブジェクトから取り出した特定の値を変更(更新)する方法についてご紹介してます。(mapメソッドとfilterメソッドを使用)
React.js [ @react-google-maps/api ] Google Mapの表示やマーカーの表示/カスタマイズを行う方法
React, Next.jsを用いたプロジェクトでGoogle Map APIを使用したGoogle Mapの表示/カスタマイズを行いたい時に便利なパッケージ(@react-google-maps/api)をご紹介してます。
本記事では、Google Mapの表示からマーカーの配置及びカスタマイズ方法についてまとめています。
React.js [ React ] react-cookieを使用し、cookieでデータの保存/取得/削除を行う方法
今回は、Reactを使用したフロントエンド開発において、データをcookieへ保存するだけでなく、画面上でcookie上に保存したデータを取得したり、cookie上のデータを削除する方法についてサンプルコードを用いて解説しています。また本記事は、react-cookieを使用した方法になります。
JavaScript [ JavaScript 基礎 ] Cookieにデータを保存 / データの取得(参照)
今回は、JavaScriptを用いて、Cookie(クッキー)にデータを保存する方法(document.cookie)と保存したデータを参照する方法についてサンプルコードを用いながら解説しています。デベロッパーツール上でのCookieデータの確認方法も載せてます。
JavaScript [ JavaScript 基礎 ] parseメソッド, stringifyメソッドの使い方
今回は、JSON形式の文字列をJavaScriptのオブジェクト、JavaScriptのオブジェクトをJSON形式の文字列に変換する方法(parseメソッド, stringifyメソッドの使い方)についてサンプルコードを用いながらご紹介してます。
JavaScript [ JavaScript 基礎 ] window.print : 印刷ダイアログを表示&印刷範囲の変更
今回は、JavaScriptでボタンを押した際に印刷画面(印刷ダイアログ)を呼び出せるようにしたいと思います。印刷する範囲を指定する方法(印刷用CSSを記述する方法)と詳細設定の初期値を変更する方法もあわせてご紹介していきます。
Web開発用ツール Postman : 導入～基本的な使い方(APIテスト)
本記事は、Postmanの導入からAPIテスト(エンドポイントが正常に起動しているか確認)をする方法(GET・POST・PUT・DELETE)までを体験できる内容となっております。使用するAPIは、JSONPlaceholderになります。
Next.js Next.js + Tailwind CSS : 導入及び使い方
本記事では、Next.jsの環境でTailwind CSSを導入するまでの手順と基本的な使い方について簡単に解説してます。
代表的なCSSのフレームワークとして、BootstrapやBulma, MUIなどが挙げられますが、Tailwind CSSもその一つです。スタイルの変更をHTML上で完結, 開発速度の向上を目指せるなどのメリットをもつフレームワークになります。
laravel laravel9. : バリデーション(エラーメッセージ)を日本語化する方法
本記事では、laravel9.xの環境でバリデーション(エラーメッセージ)を日本語化する方法について、「コマンド」と「手動」の２パターンで行う方法についてご紹介しております。また、エラーメッセージの編集方法やカスタムバリデーション属性名の設定についても説明してますので、参考になればと思います。