https://blog.nightly.dedyn.io/tags/%E8%85%95%E6%99%82%E8%A8%88/Recent content in 腕時計 on Daily SignalHugo -- gohugo.ioja-JP© 2026 Daily SignalWed, 07 Oct 2026 23:59:00 +0900https://blog.nightly.dedyn.io/daily/2026-10-07-development-diary/Wed, 07 Oct 2026 23:59:00 +0900https://blog.nightly.dedyn.io/daily/2026-10-07-development-diary/<h2 class="relative group">今日やったこと <div id="今日やったこと" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e4%bb%8a%e6%97%a5%e3%82%84%e3%81%a3%e3%81%9f%e3%81%93%e3%81%a8" aria-label="アンカー">#</a> </span> </h2> <h3 class="relative group">概略地点を個別アイコンへ展開 <div id="概略地点を個別アイコンへ展開" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e6%a6%82%e7%95%a5%e5%9c%b0%e7%82%b9%e3%82%92%e5%80%8b%e5%88%a5%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%b8%e5%b1%95%e9%96%8b" aria-label="アンカー">#</a> </span> </h3> <ul> <li>市区町村の代表地点にまとめていた企業を、集約マーカーのクリック、高倍率へのズーム、手動展開によって個別アイコンで確認できるようにした。</li> <li>8件以下は円形、9件以上はらせん状に配置し、概略位置であることを破線のアイコンと接続線で保った。保存済みの座標や位置精度は変更していない。</li> <li>大きなグループでは中心点が画面外へ出ても外周のアイコンが見えている間は展開状態を維持し、検索や絞り込みもそのまま使えるようにした。</li> </ul> <h3 class="relative group">密集地域の過剰展開を抑制 <div id="密集地域の過剰展開を抑制" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%af%86%e9%9b%86%e5%9c%b0%e5%9f%9f%e3%81%ae%e9%81%8e%e5%89%b0%e5%b1%95%e9%96%8b%e3%82%92%e6%8a%91%e5%88%b6" aria-label="アンカー">#</a> </span> </h3> <ul> <li>概略地点を展開する初版では、密集地域に数百件のアイコンと接続線が表示され、地図が読めなくなる問題が発生した。実ブラウザで再現し、都市単位の集約と上限付きページ表示へ変更した。</li> <li>24件ずつの前後移動と折りたたみを追加し、一覧から選んだ企業を含むページを直接開けるようにした。</li> <li>近接する実住所の共有拠点が周辺を覆う場合は通常のクラスタ表示を維持し、概略地点のアイコンを正確な住所のアイコンより下へ配置した。</li> </ul> <h3 class="relative group">高倍率で住所アイコンをすべて表示 <div id="高倍率で住所アイコンをすべて表示" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e9%ab%98%e5%80%8d%e7%8e%87%e3%81%a7%e4%bd%8f%e6%89%80%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e3%81%99%e3%81%b9%e3%81%a6%e8%a1%a8%e7%a4%ba" aria-label="アンカー">#</a> </span> </h3> <ul> <li>近隣企業は一定倍率まではクラスタにまとめ、倍率17では単独住所を含むすべての住所アイコンを自動的に表示するようにした。</li> <li>詳細パネルから地図を開く場合も同じ倍率へ揃え、倍率を往復してもアイコンが消えたり空になったりしないようにした。</li> <li>大規模な概略地点グループについては、24件ずつのページ表示を引き続き使う設計とした。</li> </ul> <h3 class="relative group">共有用プレビューを追加 <div id="共有用プレビューを追加" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%85%b1%e6%9c%89%e7%94%a8%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%82%92%e8%bf%bd%e5%8a%a0" aria-label="アンカー">#</a> </span> </h3> <ul> <li>地図画面の実写を基に、落ち着いた配色の共有用画像を作成し、日本語の題名・説明、代替テキスト、正規URLのメタデータを追加した。</li> <li>画像は横長の標準サイズに整え、地図データの帰属表示を含めた。公開対象への同梱と画像形式・寸法も自動検査するようにした。</li> </ul> <h3 class="relative group">腕時計向けフェイス二案を実装 <div id="腕時計向けフェイス二案を実装" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e8%85%95%e6%99%82%e8%a8%88%e5%90%91%e3%81%91%e3%83%95%e3%82%a7%e3%82%a4%e3%82%b9%e4%ba%8c%e6%a1%88%e3%82%92%e5%ae%9f%e8%a3%85" aria-label="アンカー">#</a> </span> </h3> <ul> <li>濃色の地球儀テーマと白基調の波テーマを実装し、太平洋側と日本の時刻、日付、歩数、電池残量を一画面にまとめた。</li> <li>日本側の昼夜に応じて色を切り替え、太平洋側の夏時間、日付またぎ、年越しにも対応する時刻変換を組み込んだ。</li> <li>複数のデザインスタディ、画像素材の由来とライセンス、ビルド準備、画面キャプチャ、画像検査を一式にまとめ、配布用パッケージまで作成した。</li> </ul> <h2 class="relative group">判断と学び <div id="判断と学び" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e5%88%a4%e6%96%ad%e3%81%a8%e5%ad%a6%e3%81%b3" aria-label="アンカー">#</a> </span> </h2> <p>概略地点を個別アイコンへ展開すると選択性は上がるが、件数が多い都市では情報量が急増する。位置の不確かさを破線で明示しつつ、都市単位の集約、上限付きページ表示、レイヤーの優先順位を組み合わせることで、到達可能性と地図の可読性を両立できた。</p>