↓ メインコンテンツへスキップ

デザイン

開発日誌 2026-10-07 — 企業地図の表示改善と腕時計フェイス試作

今日やったこと # 概略地点を個別アイコンへ展開 # 市区町村の代表地点にまとめていた企業を、集約マーカーのクリック、高倍率へのズーム、手動展開によって個別アイコンで確認できるようにした。 8件以下は円形、9件以上はらせん状に配置し、概略位置であることを破線のアイコンと接続線で保った。保存済みの座標や位置精度は変更していない。 大きなグループでは中心点が画面外へ出ても外周のアイコンが見えている間は展開状態を維持し、検索や絞り込みもそのまま使えるようにした。 密集地域の過剰展開を抑制 # 概略地点を展開する初版では、密集地域に数百件のアイコンと接続線が表示され、地図が読めなくなる問題が発生した。実ブラウザで再現し、都市単位の集約と上限付きページ表示へ変更した。 24件ずつの前後移動と折りたたみを追加し、一覧から選んだ企業を含むページを直接開けるようにした。 近接する実住所の共有拠点が周辺を覆う場合は通常のクラスタ表示を維持し、概略地点のアイコンを正確な住所のアイコンより下へ配置した。 高倍率で住所アイコンをすべて表示 # 近隣企業は一定倍率まではクラスタにまとめ、倍率17では単独住所を含むすべての住所アイコンを自動的に表示するようにした。 詳細パネルから地図を開く場合も同じ倍率へ揃え、倍率を往復してもアイコンが消えたり空になったりしないようにした。 大規模な概略地点グループについては、24件ずつのページ表示を引き続き使う設計とした。 共有用プレビューを追加 # 地図画面の実写を基に、落ち着いた配色の共有用画像を作成し、日本語の題名・説明、代替テキスト、正規URLのメタデータを追加した。 画像は横長の標準サイズに整え、地図データの帰属表示を含めた。公開対象への同梱と画像形式・寸法も自動検査するようにした。 腕時計向けフェイス二案を実装 # 濃色の地球儀テーマと白基調の波テーマを実装し、太平洋側と日本の時刻、日付、歩数、電池残量を一画面にまとめた。 日本側の昼夜に応じて色を切り替え、太平洋側の夏時間、日付またぎ、年越しにも対応する時刻変換を組み込んだ。 複数のデザインスタディ、画像素材の由来とライセンス、ビルド準備、画面キャプチャ、画像検査を一式にまとめ、配布用パッケージまで作成した。 判断と学び # 概略地点を個別アイコンへ展開すると選択性は上がるが、件数が多い都市では情報量が急増する。位置の不確かさを破線で明示しつつ、都市単位の集約、上限付きページ表示、レイヤーの優先順位を組み合わせることで、到達可能性と地図の可読性を両立できた。

開発日誌 2026-08-16 — 文字盤の実機調整とレビュー整理の改善

·43 文字·1 分
今日やったこと # 腕時計向け文字盤を実機に合わせて調整 # 実施内容: 実機表示を見ながら、主時刻の書体と配置、午前・午後表示の追従位置、別地域の時刻帯、歩数と電池残量の表示位置を調整した。 デザイン改善: 地球儀と移動経路の線を見やすくし、限られた画面内で時刻、日付、状態表示の優先順位が伝わるよう余白を組み直した。 追加修正: 地球儀の緯線を増やして座標を整え、線幅を戻すことで格子の形と密度を調整した。 レビュー収集機能の要約とタグ設計を改善 # 実施内容: 自動生成する要約を対象の説明ではなく、利用者が何をどう感じ、なぜそう評価したかを残す一文として定義した。 タグ設計: 自動生成するタグを重複のない4〜6個、原則5個に絞り、種別、特徴、印象など異なる観点を組み合わせる規則を追加した。 画面改善: 編集画面の説明と再生成ボタンを新しい役割に合わせ、何が再生成されるのかを明示した。 未完了: 変更はレビュー中の作業ブランチにあり、統合は完了していない。 前日分の公開日誌を反映 # 実施内容: 前日分の開発日誌を公開し、タスク監視画面のリリースと表示改善を記録した。 結果: 記事の存在確認、サイトのビルド、公開処理の自動検査が完了した。 判断と学び # 小さな実機画面では、固定座標だけで午前・午後表示を置くより、時刻文字列の描画幅から位置を決める方が表示崩れを抑えやすい。 地球儀の格子は線を太くするだけでは形が伝わりにくく、緯線の本数、座標の対称性、線幅をまとめて調整する必要がある。 レビューの要約は作品や商品の説明と分離し、本人の感情、評価、理由に役割を限定すると記録として再利用しやすい。 タグは上限だけでなく期待する個数と観点を定めることで、少なすぎる分類や似た語の重複を防ぎやすい。 検証 # 対象時間帯に、文字盤のレイアウトと地球儀を直す2件、レビュー整理を改善する1件、前日分日誌を公開する1件の変更を確認した。 文字盤の調整は実機確認をもとに行われた。最終的な地球儀修正に対するリモートの自動検査結果は記録されていないため、通過済みとは扱わなかった。 レビュー整理では、タグ件数の制約、生成指示、画面文言に対応する検査コードも更新されていた。一方、リモートの自動検査結果はなく、変更も未統合である。 前日分日誌については、記事の存在確認、サイトのビルド、公開処理の3件の自動検査が成功していた。 公開文面は、認証情報、連絡先、固有の作業場所、識別子、内部リンク、リポジトリ情報、個人を特定する情報を含まないことを検査した。 次にやること # レビュー整理の検査を実行し、4〜6個の自動生成タグと最大8個の手動編集が矛盾なく動くことを確認してから統合する。 文字盤の地球儀と時刻帯を実機で再確認し、緯線の密度と文字の重なりを必要に応じて微調整する。