Issues
タイトルにスラッシュが入ってると認識されない
これは結構困る!
論文化?
記事化でも良いかも
Gyamap - 位置情報活用
西経の処理
地図をドラッグした後で上下キーを押すと地図がスクロールしてしまう
ページの数が少ないとき地図をスクロールできなくなることがある
スマホでの表示の工夫
複数プロジェクトの利用
privateプロジェクトへのアクセス
Gyamapという名前を変更したい
ScrapTour.com とか
Scrapboxは名前が変わってしまった
イカした観光案内
諏訪観光でも作るか?
Helpfeelに取り込むとか
Helpfeel作成用のScrapboxページが使えるようにするとか
横須賀市のHelpfeelの隣に置くとか
伝承マップみたいなの
舟地蔵 とか
超簡単に情報を登録したい
気になる場所を登録するにはどうするのが良いか?
自分が気になった店とか場所とかを簡単に登録するシステムがあれば便利だと思うが 増井俊之.icon
url2loc みたいなサービスを使う?
Google Mapsを開いた状態でbookmarkletを押したらScrapboxにページが作られる、とかだと楽になりそうyuiseki.icon
最新のGyazo画像で登録するといいでしょうね 増井俊之.icon
簡単に情報を登録する
Viewportの設定
スマホでの表示に要る?
GoogleMaps(マイマップ)ではできなさそうなこと
簡単な情報共有
エントリに関する柔軟/詳細な記述
エントリ間のリンク記述
GoogleMapsは地図が主役だが、GyamapはScrapboxページが主役
時刻順に閲覧する
Scrapbox に upload した画像を利用できるようにする
インクリメンタル検索
✅ SFCHelpとかで同じページが何度も出る
Helpfeelで拡張したものは表示しないようにしなきゃ
✅ ZoomしたときURLも変える
ズームレベルをURLに反映
✅ 矢印キーで移動したときURLを変える
❌ マーカー表示の工夫
現状でいいや、みたいな
✅ タイトルでソート
山行記録などだと時間順で眺めたいから
e.g. 薬師岳山行
✅ 旅行計画 + 写真自慢 に使いたい
✅ 公開プロジェクトには、じゃんじゃん位置情報を貼ればいいのではないか?
/masui とかに
/masuimap を作る必要がないのかもしれない
公開ブクマみたいになる?
カーソルキーを押すとタイトルでソートして順番に移動する
✅ ScrapboxプロジェクトからGyamapに移動するブックマークレット
❌ 関連するmapにジャンプしたい
Scrapboxに書いておけばいいか
❌ どういう地図なのかのDescriptionを表示できるようにする
タイトルで充分か? 増井俊之.icon
❌ gyamap.com/masuimap/?name=仙元山 みたいなのを許す
要らないか? 増井俊之.icon
✅ hoverで吹き出し
✅ の飛び先
✅ 地図上にマーカーを表示すべき?
そういう気はするが...
表示中のPOIの正確な位置を把握したいので、表示中のPOIだけマーカーを表示してほしいですyuiseki.icon
すべてのPOIのマーカーを表示したら多すぎてわかりにくくなるのでやめたほうがいいと思います
Scrapbox上の地図ではマーカーが立っているので、とてもわかりやすい
https://gyazo.com/dee917ea7f63296d3e1a6f6cf2c52a96
表示してみたけど便利かどうかは微妙... 増井俊之.icon
いや、必須な気もしてきた 増井俊之.icon
✅ データを確実に読み出す方法は?
fetch()がネストするのはどう扱えばいい?
リストはどうやって全部取得する?
全部fetchするのは時間がかかるけど
そもそも失敗の理由がわかっていないし
✅ pushstate()を使って戻るボタンが使えるようにしたい
✅ データの読み込みに時間が掛かるので、読み込み中であることがわかるようにしてほしいyuiseki.icon
とりあえず読み込み中...って表示されるだけでも良さそう
Loadingのgifを追加してみました 増井俊之.icon
読み込みが完了してもずっとgifが表示されてしまっているようですyuiseki.icon
それは不思議です... 増井俊之.icon
これは致命的じゃないと思いますので様子を見させてください 増井俊之.icon
✅ HTML titleを設定してほしいyuiseki.icon
https://gyazo.com/0b397927e63f75b4a54e37b71e340fdb
yuisekiの地図 - Gyamapとかでしょうか
設定してみましたが、うまくいってるでしょうか? 増井俊之.icon
確認できました！yuiseki.icon
✅ 引数で緯度経度を表示する
✅ 柔軟な緯度経度表記を引数で使う
✅ 神奈川ラーメンマップとか欲しい
✅ 地図をドラッグで移動したとき、いろんな写真が表示されてほしい
これは絶対欲しい!
✅ 表示したいページのタイトルを並べるのではなく、プロジェクト内のページを全部使うようにしたらどうだろう
gyamap.com/zushi-hakkei みたいに
ページ作成するだけでよくなるし、既存のプロジェクトも使える
gyamap.com/xxxxx でアクセスしたとき、xxxxxがプロジェクトならその下のデータを全部使うとか
プロジェクトに登録しておけばすぐ地図アクセスできるのは嬉しい
気になる店や場所をプロジェクトに登録するだけでいいので簡単である
プロジェクトが大きいとき困るか?
他人のリストを使いづらくなる?
✅ 移動クリック後一瞬hoverを禁止する
これはすごく有効!
馬鹿みたいな工夫だけどイライラがすごく減った
✅ 自分のScrapboxプロジェクトに登録した場所を検索できるといいのかな
これはヤメ
...かと思ったが、やっぱり欲しいかも?
/Gyamapへのコピーが面倒なので
簡単にコピーできるならかまわないか
公開したくない情報でGyamapを使いたいこともあるかも?
/masui/薬師岳山行 みたいなので使いたい
これは公開だが/Gyamapに置きたくはない
/masuimap とか使えるようになった
e.g. https://gyamap.com/masuimap/薬師岳山行
✅ /Gyamap以外のプロジェクトを使いたい
/masui/自慢写真 みたいなページを使う
Gyamap.com/masui/自慢写真 みたいなのでアクセスできるようにした
✅ favicon
✅ Gyamap.com/増井俊之 みたいにしてアクセスする
✅ キュレータみたいなページを作りたい
「神ケーキ」みたいなページを作っておく
他人のリストをsubscribeすることができる
たとえば神ケーキと書いておけばそれをインポートする
✅ 移動アイコンをクリックしたらその位置に移動するのは面白い
✅ リストのアイテムがどちら方向に有るのか表示したい
✅ MapsのAPIの利用場所に制限をかける
Gyamap.comだけで有効なようにする
デバッグ時はlocalhost:5000も有効にする
https://developers.google.com/maps/api-key-best-practices?hl=ja
https://gyazo.com/19d25eec9858d513fdce7e90e488acb2
✅ データは を使う
✅ 観光ガイドっぽく使えないかな
逗子八景 みたいに
✅ タイトルの右側に説明があればいいかもしれない
画期的な観光ガイドなのでは?
✅ expressを導入して、Gyamap.com.com/増井 みたいなURLでアクセスしたい
Firebaseで動かすNode.jsアプリ入門🔥 - Qiita
Firebaseで動的なサイト(Node.js+Express)をデプロイするまで。 - Qiita
静的ページ(public)は使わないようにする必要あり
画像とかは静的ページに置いてOK
✅ ドメイン名
Gyamap.com を取得した
✅ gyamap.com/逗子八景 みたいに使える
✅ 最初のテキスト行をdescriptionとして使う