top of page

ものづくり:htmlで地図を表示させてみた!

執筆者の写真: Dancing Shigeko
Dancing Shigeko
2024年9月5日
読了時間: 1分

更新日:2025年9月27日

 こんにちは、Dancing Shigekoです!


 地理の勉強のために地図を使ったサイトを作ってみようと思い立った。


 イメージは外務省のページ → https://www.mofa.go.jp/mofaj/area/asia.html


 ChatGPTを活用しながら早速挑戦。


 ところがいきなり躓く。


 Macbookで作る時、どのエディタを使ったらいいのか?


 "Pages"を使って作って、拡張子を .html に変更してもうまくいかない。


 次に "メモ"を使って作って、拡張子を .html に変更しようと思ったら、そもそも変更できない。


 もう一度ChatGPTに質問したら、"テキストエディット"だという。


 それで調べてみると、確かにその名前のツールがある。


 そしてファイルの拡張子も .html に変更できた。


 ChatGPTの提案してくれたソースで表示できたのが以下のサイト。

 ここから少しずつ加工を加えていきたい!


 乞うご期待!



最新記事

すべて表示
ものづくり:Antigravityの修正前にGeminiへ カレンダー表示が狙いに近づいた

こんにちは、Dancing Shigekoです!  タスク管理ツールの作り方を少し工夫してみている。  Codexでツールを作っていたときは、バグがあれば起きている事象をそのままCodexに伝えて、修正してもらっていた。Antigravityでも同じような使い方はできると思うけれど、今回は少し違う進め方を試している。 ・いきなりAntigravityに修正させない  Antigravityに「なん

 
 
 
ものづくり:GeminiのプロンプトをAntigravityへ タスクスケジュールツールが形になった

こんにちは、Dancing Shigekoです!  タスクスケジュールツールの環境構築でかなり苦戦していたけれど、ようやく実装までたどり着いた。  今回は、Geminiが準備したプロンプトをAntigravityに貼り付けて開発を開始。やっと実装できるところまで来たという達成感があった。 ・たくさんのファイルが作られていく  実装を始めると、Antigravityがどんどんファイルを作っていく。

 
 
 
ものづくり:Project IDXからAntigravityへ 実装前から暗雲が立ち込める

こんにちは、Dancing Shigekoです!  Geminiを使って、タスクスケジュールツールを作る挑戦を始めた。  詳細設計まではかなり進んだので、いよいよ実装。そう思っていたのだけれど、環境構築でいきなり大苦戦することになった。 ・Project IDXを使うはずだった  Geminiに聞くと、Project IDXを使えばCodexのように開発できるという。  そこでログインしようとした

 
 
 

コメント


© 2023 サイト名 Wix.comを使って作成されました
当サイトの内容、テキスト、画像等の無断転載・無断使用を固く禁じます。

 
 
bottom of page