30秒で分かる要点
work-bar-naviとは？
Work Bar Naviは、HTMLを中心に設計・実装したプロジェクトです。 主にHTMLを使用し、公開コミットから機能追加と改善を積み重ねた過程を確認できます。
01 / 概要
プロジェクトの概要と目的
Work Bar Naviは、HTMLを中心に設計・実装したプロジェクトです。 公開されているファイル構成とコミット履歴から、使用技術の役割、実装の分け方、改善の過程を確認できます。
本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。
02 / 使用技術
使用技術と役割
01HTML
主要な実装言語として、プロダクトの中心機能を構成します。
03 / 設計
構成から読み解く設計
主な項目は です。
- 単一アプリケーション構成
- 機能単位の責務分割
04 / 変更履歴
コミットから見る実装の変遷
以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。
- actions/checkout と setup-node を v5 に上げるcb606f7をGitHubで確認 ↗
- 取得スクリプトが読む環境変数名を戻し、キー無しでもデータを消さないようにする93290b1をGitHubで確認 ↗
- エリア名のスラッシュでURLが多階層に割れるのを直すd1fe125をGitHubで確認 ↗
- 掲載店舗を420店から1,260店に増やし、取得方法をエリアコードに変えるe5967f6をGitHubで確認 ↗
- 駅ごとのページ17枚を追加する75d99e6をGitHubで確認 ↗
- 都市ページとほぼ同じになるエリアページを作らないようにする08ed1c4をGitHubで確認 ↗
- 繁華街ごとのエリアページ25枚を追加する6318496をGitHubで確認 ↗
- 都市別の静的ページ21枚を生成し、トップから導線をつなぐ09a2a9dをGitHubで確認 ↗
- 広告であることを明示し、canonical と OG を追加する1081f02をGitHubで確認 ↗
- 支援・購入への導線を追加する6b35895をGitHubで確認 ↗
- 機能・コンテンツを追加69f8197をGitHubで確認 ↗
- 機能・コンテンツを追加3e43f89をGitHubで確認 ↗
05 / 学び
このプロジェクトから得られる学び
- 変更を小さく記録する
コミット単位で目的を分けると、実装の意図を追跡しやすくなります。
- 構成と技術選定を結び付ける
HTMLの採用理由と各ディレクトリの責務を説明できることが保守性につながります。
- READMEと実装を同時に育てる
説明とコードを近い状態に保つことが、再利用と振り返りを助けます。
06 / よくある質問
よくある質問
work-bar-naviは何を作るプロジェクトですか？
Work Bar Naviは、HTMLを中心に設計・実装したプロジェクトです。
work-bar-naviの主要技術は何ですか？
HTMLを中心に構成されています。
この記事の情報源は何ですか？
公開README、リポジトリ構成、既定ブランチのGitHubコミット履歴です。
コメント
この記事へのコメント
お名前だけで投稿できます。アカウント登録やログインは不要です。 いただいたコメントは確認のうえ公開します。