ウツボウTECH

[ @react-google-maps/api ] Google Mapの表示やマーカーの表示/カスタマイズを行う方法

React, Next.jsを用いたプロジェクトでGoogle Map APIを使用したGoogle Mapの表示/カスタマイズを行いたい時に便利なパッケージ(@react-google-maps/api)をご紹介してます。 本記事では、Google Mapの表示からマーカーの配置及びカスタマイズ方法についてまとめています。

2023/05/29 15:38

[ React 基礎 ] react-cookieを使用し、cookieでデータの保存/取得/削除を行う方法

今回は、Reactを使用したフロントエンド開発において、データをcookieへ保存するだけでなく、画面上でcookie上に保存したデータを取得したり、cookie上のデータを削除する方法についてサンプルコードを用いて解説しています。また本記事は、react-cookieを使用した方法になります。

2023/05/07 03:09

[ JavaScript 基礎 ] Cookieにデータを保存 / データの取得(参照)

今回は、JavaScriptを用いて、Cookie(クッキー)にデータを保存する方法(document.cookie)と保存したデータを参照する方法についてサンプルコードを用いながら解説しています。デベロッパーツール上でのCookieデータの確認方法も載せてます。

2023/05/06 01:16

[ JavaScript 基礎 ] parseメソッド, stringifyメソッドの使い方

今回は、JSON形式の文字列をJavaScriptのオブジェクト、JavaScriptのオブジェクトをJSON形式の文字列に変換する方法(parseメソッド, stringifyメソッドの使い方)についてサンプルコードを用いながらご紹介してます。

2023/05/05 13:10

[ JavaScript 基礎 ] window.print : 印刷ダイアログを表示&印刷範囲の変更

今回は、印刷画面(印刷ダイアログ)をJavaScriptでボタンを押した際に呼び出せるようにしたいと思います。印刷する範囲を指定する方法(印刷用CSSを記述する方法)と詳細設定の初期値を変更する方法もあわせてご紹介していきます。

2023/05/04 19:04