FFFFF Cafe

https://github.com/fffff-cafe/fffff-cafe.com/

2022-02-09

ページ構成

• カバー写真
• 店のコンセプト
• システム
• 雰囲気
• 営業カレンダー
• メニュー
• リアルタイム情報（Twitter）
• アクセス
• フッター・リンク

メニュー

• アクセス
• 営業カレンダー

次回までにやること

• 写真をとる
  • カバー
  • 内観・外観の雰囲気
• コンセプトの文章
  • 我らの紹介
• システムの内容
• サブタイトル、説明文？
• OGP

2022-02-02

なにをつくるか

5W1H

• Who

ここに来たい人、来てほしい人、気になっている人、紹介する人

• Where ウェブサイト

• Why

気になっているひとが内容がわかってもらうため 自分たちがやっていることを発信するため 自分たちのコンセプトに共感してくれる人に見つけてもらうため 今の状態やアクセスの方法を知らせるため

• When なるはや これからもずっと更新し続ける

• What

  • 地図
  • アクセスの方法
  • 営業時間などのサービス
  • メニュー（ドリンク）
  • 料金システム
  • コンセプト
  • サービス・施設・設備情報
  • 内観・外観で雰囲気
  • 営業のカレンダー
  • リアルタイム状況
  • イベント情報
  • ブログ
  • シェアしたくなるもの

• How Web サイトを自分たちで作る 静的なサイトでいいはず インタラクティブな要素やリアルタイムな情報をどう提供するか

FW: React Next.js Deploy method: Generate -> html Hosting: netlify or firebase

地図

google map の埋め込み iframe の貼り付け

アクセスの方法

JR 神田駅 4 分 銀座線神田駅 3 分 淡路町駅 2 分 JR 秋葉原駅 10 分 JR 御茶ノ水駅 13 分 曲がり角の写真等のせる

営業時間などのサービス・施設・設備情報

営業時間 電源あり Wi-Fi あり 充電ケーブルあり 10 席

メニュー

https://reload-co-jp.github.io/cookban/ iframe とかで設置

料金システム

ドロップインは時間で料金取らない モニター貸し出し、貸し切り、会議室

コンセプト

あとでまとめる

内観・外観で雰囲気

写真たくさん

営業のカレンダー

Google カレンダーを貼り付け Google カレンダーの API から引っ張ってくる

リアルタイム状況

Twitter タイムライン埋め込み 店内の中継

イベント情報

開催予定の概要とリンク、日付の表示 手動運用でカバー

ブログ

イベントなどの報告など 手動で運用

シェアしたくなるもの

ゲストブック 現地限定のもの