京都で英語版webアプリを個人開発する100日間

本

グーグルマップの「お気に入り」の場所を保存する機能をもっと使いやすくしたwebアプリを、全世界のユーザーに向けて開発する、京都での日々の記録。

運営しているクリエイター: MasaKudamatsu

Day 10: ダークモードとライトモードが混在するバグを直す

要約 (TL;DR) Webアプリの UI がユーザーの現地時間に応じて変化する場合、Next.js などの静…

MasaKudamatsu

2年前

Day 9: ダークモード用のボタンの配色デザインを理詰めで決める

要約（TL;DR） Google マップを埋め込む web アプリを制作するにあたり、ダークモード用のボ…

MasaKudamatsu

2年前

Day 8: webアプリのボタンをスクリーン上のどこに、どうやって置くか

要約 (TL;DR)Google マップを画面全体に埋め込んだ web アプリを制作するにあたり、スクリーン…

MasaKudamatsu

2年前

Day 7: Googleマップのボタンを雲の形にする

今制作しているwebアプリのボタンを、雲を連想させる形にデザインして実装した。制作してい…

MasaKudamatsu

2年前

Day 6: Googleマップのピンを、Googleフォントのアスタリスク(*)で表示する

My Ideal Map App という、Google Maps のユーザー体験を改善する web アプリを作っている。改…

MasaKudamatsu

2年前

Day 5: Googleマップを夜になったら自動的にダークモードにする

My Ideal Map App という、Googleマップのユーザー体験を改善するウェブアプリを制作している…

MasaKudamatsu

2年前

Day 4: Googleマップの配色とラベル表示をカスタマイズする

Googleマップを埋め込んだwebアプリを作っている（詳しくはこちらの記事を参照）のだが、地図の配色を変えたり、ラベルの表示をズーム・レベルごとに変える方法を理解するのに色々手間取った。同じように手間取っている人がいるかもしれないので、Googleマップのカスタム設定の方法を記録することにした。この記事に書かれている通りに設定すると、トップ画像のような地図になる。 1. オンライン上でカスタム設定するのがベストGoogle Maps Platform の公式ドキュメン