Coin Laundringの設計・技術選定・コミット履歴を解説

01 / 概要

プロジェクトの概要と目的

coin laundring コインランドリーの空き状況を素早く比較するためのフロントエンドアプリです。 機能 混雑ステータスフィルター（空きあり / やや混雑 / 混雑） 距離・徒歩時間の並び替え 店舗詳細（料金、設備、営業時間） 洗濯物量に応じた乾燥見込み時間の簡易シミュレーター ローカル起動 検証 デプロイ（GitHub Actions） main への push で .github/workflows/deploy.yml .github/workflows/deploy.yml が実行されます。 事前に以下の Repository Secrets を設定してください。 SSH HOST SSH USERNAME SSH PRIVATE KEY DEPLOY PATH DEPLOY PATH には公開ディレクトリ（例: /home/xxx/example.jp/public html/ ）を設定します。

本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は です。

• 単一アプリケーション構成
• 機能単位の責務分割

04 / 変更履歴

コミットから見る実装の変遷

以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。

1. 2026/08/30
   実在しない店舗の掲載をやめ、準備中ページにするeca572aをGitHubで確認 ↗
2. 2026/08/15
   支援・購入への導線を追加する9e2d5bfをGitHubで確認 ↗
3. 2026/08/11
   プロジェクトの初期構成を作成5de806dをGitHubで確認 ↗

05 / 学び

このプロジェクトから得られる学び

• 変更を小さく記録する

  コミット単位で目的を分けると、実装の意図を追跡しやすくなります。

• 構成と技術選定を結び付ける

  HTMLの採用理由と各ディレクトリの責務を説明できることが保守性につながります。

• READMEと実装を同時に育てる

  説明とコードを近い状態に保つことが、再利用と振り返りを助けます。

06 / よくある質問

よくある質問