ハクソク

世界を動かす技術を、日本語で。

Show HN: トールキンの中つ国のインタラクティブマップ

32日前原文(middle-earth-interactive-map.web.app)

概要

TolkienのMiddle-earth を題材にした インタラクティブマップ の紹介。 主要キャラクターの旅路 や 物語の出来事 を地図上にプロット。 距離測定 や タイムライン など多彩な機能を搭載。 高解像度マップ で詳細な探索が可能。 ファン・教育目的 で作成、著作権は主張しない旨を明記。

Middle-earthインタラクティブマップの概要

  • TolkienのMiddle-earth を再現したインタラクティブマップ
  • 伝承に登場する出来事 をマーカーで地図上に表示
  • マーカーをクリック して各イベントの詳細を閲覧可能
  • Legendパネル で書籍ごとのフィルタや旅路の表示切替を実装
  • 「距離測定」機能 で2地点間の距離を測定できる
  • Timelineページ で時系列順にイベントを確認可能
  • ベースマップ画像 はインターネットから取得し、 ファン・教育目的 で利用
  • 地図アートワークの著作権は本プロジェクトに帰属しない ことを明記

開発のきっかけと特徴

  • アメリカ横断の出張中、American Airlinesの 無料WiFi を活用して開発
  • LLM（大規模言語モデル） の知識を活かし、Tolkien作品の細部まで反映
  • The Hobbit と The Lord of the Rings 両方の 主要キャラクターの旅路 を地図上にプロット
  • タイムライン機能 で物語の出来事を時系列で追跡
  • 高解像度マップ で、 メインストーリー以外の場所 も探索可能
  • 距離測定機能 で各地点間の距離を簡単に確認
  • 効率的なズーム を実現するため、タイル技術を学び活用
  • 原作小説のストーリーに忠実 で、Peter Jackson映画版の独自解釈は含めない方針

利用シーン・今後の展望

  • 読書や映画鑑賞の副読本 としての活用
  • Middle-earthの世界観 をより深く理解できる補助ツール
  • ユーザーフィードバック を歓迎
  • 需要があれば、Game of Thrones版の制作も検討

Hackerたちの意見

映画の地図だね（オロカーニがちょっと近すぎるけど、地図に載ってるのはいいね）。歴史的な出来事を説明する時は、年も入れた方がいいかも（いくつかには年が書いてあるけど）。とにかく、すごくいい仕事だよ！カジュアルなファン（特に映画ファン）が lore にもっと深く触れるのにぴったりだと思う。

└

ありがとう。いいアイデアだね、クロードにそれぞれの出来事の年を調べてもらうよ。

モルドールにコードを適当に流し込むなんて無理だよ！（でも、これ本当に好き）

└

笑ったｗ

わあ！めっちゃ詳細だね。ちゃんと vibe-code を活用してる。

└

今のところ見つけた中で一番の使い方だね :-)

vibe-coding に対する批判は多いけど（大体は正当な理由があるけど）、それのおかげでみんなが自分の考えを小さな単一ページのウェブアプリに簡単にまとめられるようになったんだ。自分の普段使いのために作った shameless vibe-coded プラグも紹介するね：1. https://llm-token-cost-calculator.pagey.site/ 2. https://metrics-memory-usage.pagey.site/

└

うん、確かに。vibe coding にはちゃんとした役割があると思う。生産準備が整ったシステムを作るふりをしてる人たちが、中身のないものを作ってるから悪名がついてるんだよね。仕方ないよね。これを vibe-coded で作ったゲームなんだけど、誇りに思ってるよ：https://frasermarlow.github.io/vibe-star-chase/

└

関連することについての宣伝をシェアするのは全然気にしないけど、ここでのつながりはちょっと無理があると思わない？個人的には、もう「バイブコード」っていうのは面白いリンクじゃなくなってると思う。これは中つ国のインタラクティブマップについてのスレッドであって、バイブコーディングやトークンの使用についてじゃないからね。もしみんなが今、自分のバイブプロジェクトを投稿したらどうなるんだろう…

└

使ってるビジュアルテンプレートの指示、めっちゃいいね！シェアしてくれない？俺はちょっと改造したタフテのテンプレートを使ってるけど、これの方がずっと良さそう。

すごい！私たちが作り上げた最も重要な宇宙のひとつを垣間見ることができるね。ソースコードを共有してくれる可能性はある？

└

もちろん、公開されてるよ；https://github.com/frasermarlow/middle-earth-map

すごい！でも、初めてLOTRを読んでるから、ちょっとネタバレしちゃったかも…

これを見たときに思ったのは、作るのにかなりの時間がかかったんだろうなってこと。開発者はLOTRに対してすごい情熱を持ってるんだろうね。でも、AIを使って作ったっていうメッセージを見ると、その感情がちょっと薄れてしまうな。それでも、すごくいい感じの地図だね。

いいけど、これは第三紀の中つ国の地図だよね？第一紀と第二紀の中つ国は全然違ってたから、たとえばシルマリルの出来事を示すのがすごく混乱しそう。

これすごい！最近本を読み始めたばかりだから、この地図がストーリーを追うのに役立ちそう！

最高だね、ありがとう！これで一日中遊んでるよ :)