30秒で分かる要点
vs-jtとは？
vs jt / スグスウ 登録・アプリ不要で近くの喫煙スポット、直近の混雑状況、口コミを確認できるスマホ特化サイトです 主にJavaScript、PLpgSQL、HTML、CSSを使用し、公開コミットから機能追加と改善を積み重ねた過程を確認できます。
01 / 概要
プロジェクトの概要と目的
vs jt / スグスウ 登録・アプリ不要で近くの喫煙スポット、直近の混雑状況、口コミを確認できるスマホ特化サイトです。正式ドメインは sugusuu.jp 、 sugusuu.com はメインドメインへ転送します。 ローカル起動 MVPに含むもの 現在地中心のスポットマップと絞り込み リスト表示、スポット詳細、ルート導線 ゲストによる1タップ混雑投稿とポイント QRチェックインのUIフロー 写真・口コミ閲覧導線 空き通知の許可フロー PWAマニフェスト / Service Worker Supabase + PostGIS用の初期スキーマ 本番接続時はMapboxまたはMapLibre、Supabase、Web Push送信API、画像Storageを環境変数経由で接続してください。
本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。
02 / 使用技術
使用技術と役割
主要な実装言語として、プロダクトの中心機能を構成します。
UI、設定、周辺機能またはビルド工程を支える技術です。
UI、設定、周辺機能またはビルド工程を支える技術です。
UI、設定、周辺機能またはビルド工程を支える技術です。
03 / 設計
構成から読み解く設計
主な項目は README.md、index.html、package-lock.json、package.json、public、src、supabase です。
- データ永続化層
04 / 変更履歴
コミットから見る実装の変遷
以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。
- 実装内容を更新7c375d5をGitHubで確認 ↗
- 実装内容を更新d5e2efaをGitHubで確認 ↗
- 機能・コンテンツを追加2a86c7cをGitHubで確認 ↗
- 実装内容を更新972d06cをGitHubで確認 ↗
05 / 学び
このプロジェクトから得られる学び
- 変更を小さく記録する
コミット単位で目的を分けると、実装の意図を追跡しやすくなります。
- 構成と技術選定を結び付ける
JavaScriptの採用理由と各ディレクトリの責務を説明できることが保守性につながります。
- READMEと実装を同時に育てる
説明とコードを近い状態に保つことが、再利用と振り返りを助けます。
06 / よくある質問
よくある質問
vs-jtは何を作るプロジェクトですか？
vs jt / スグスウ 登録・アプリ不要で近くの喫煙スポット、直近の混雑状況、口コミを確認できるスマホ特化サイトです
vs-jtの主要技術は何ですか？
JavaScript、PLpgSQL、HTML、CSSを中心に構成されています。
この記事の情報源は何ですか？
公開README、リポジトリ構成、既定ブランチのGitHubコミット履歴です。