React.js [ @react-google-maps/api ] Google Mapの表示やマーカーの表示/カスタマイズを行う方法
React, Next.jsを用いたプロジェクトでGoogle Map APIを使用したGoogle Mapの表示/カスタマイズを行いたい時に便利なパッケージ(@react-google-maps/api)をご紹介してます。
本記事では、Google Mapの表示からマーカーの配置及びカスタマイズ方法についてまとめています。
React
React.js 
React.js [ React ] react-cookieを使用し、cookieでデータの保存/取得/削除を行う方法
今回は、Reactを使用したフロントエンド開発において、データをcookieへ保存するだけでなく、画面上でcookie上に保存したデータを取得したり、cookie上のデータを削除する方法についてサンプルコードを用いて解説しています。また本記事は、react-cookieを使用した方法になります。
Next.js Next.js + Tailwind CSS : 導入及び使い方
本記事では、Next.jsの環境でTailwind CSSを導入するまでの手順と基本的な使い方について簡単に解説してます。
代表的なCSSのフレームワークとして、BootstrapやBulma, MUIなどが挙げられますが、Tailwind CSSもその一つです。スタイルの変更をHTML上で完結, 開発速度の向上を目指せるなどのメリットをもつフレームワークになります。
TypeScript [ Reactで学ぶ ] TypeScript 基礎 : 配列・オブジェクトの型定義方法
本記事では、React.jsのプロジェクト内でTypeScriptでコーディングをする際に、配列・オブジェクトでどのように型定義をすれば良いのか解説してます。サンプルコードも載せておりますので、学習・開発の参考になればと思います。
React.js [React] Sass(.scss)を導入する方法 (検証用のサンプルコードあり)
本記事では、Reactの環境へSassを導入する方法についてご紹介してます。
これからReactを学んでいかれる方やReactのバージョンを更新するうえで、Sassを適切に使っていきたい方にオススメの内容になっておりますので参考になれば嬉しいです。
Node.js nodebrewでNode.jsのバージョンが確認出来ない際の対処法
本記事では、nodebrewを通して、インストール済みであるにも関わらず、Node.jsのバージョンが確認出来ない際の対処法についてご紹介していきます。環境変数の設定などに慣れていない方ですと、中々、気付けない部分にもなりますがので、参考になれば嬉しいです。