つくり方の全容。

サイトはただの HTML と JavaScript のファイルです。サーバーもデータベースもない。裏にあるのは、Google のスプレッドシート 1枚と、ドライブのフォルダ 1つ、それと LINE 公式アカウントの bot 1人だけ。メンバーは bot を友達追加して、ライブ告知のテキストとフライヤー画像を送る。サイトはスプレッドシートを読みに行って、いまの状態を表示します。day12 (=八百屋) のときと同じ「スプレッドシートを読みに行く」だけのサイトに、編集を LINE から流し込む口を付けただけ。専用のCMSも、編集アプリも、なし。

出した指示day12 と同じ仕組み (=サイトはスプレッドシートを直接読みに行く) を踏襲して、編集する側を LINE 入力に置き換えたい。スプレッドシートの直接編集と LINE 経由の追加が、両方できる構造で。専用の管理画面は作らない。

告知のテキストの形は決め打ちです。1行目に タイトル、2行目に 日時 (=「6-29 19:30」のような短い書き方でOK・自動で年を補完)、3行目に 会場、(任意で)4行目に 価格。たった これだけです。bot はこの形を判定して、「フライヤー画像を送ってください」と返信。bot の仕事は「テキストの形を見て役割を判定する」「画像が来たら受け取る」だけで、複雑な操作はありません。タイトルが思いつかなければ後で書き換えればいいし、価格は当日券のみなら省略していい。編集画面が「LINEのトーク欄」になっている、と言ってもいいかもしれません。

出した指示バンドメンバーの 4人 誰でも投稿できる形にしたい。LINE のグループに bot を入れて、誰の投稿でも同じスプレッドシートに反映される構造に。投稿者の名前は記録しなくていい。

テキストの次に画像を送ると、bot は LINE のサーバーから画像本体をダウンロードして、Google ドライブの「HOBO TOWN — flyers」フォルダに自動でアップロードします。ファイル名は時刻つきで自動命名。アクセス権は「リンクを知っている人なら誰でも閲覧」に自動設定。bot は その画像の URL を、先ほどのテキストと一緒にスプレッドシートに 1行追加する。サイト側は次にこのスプレッドシートを読みに行ったとき、新しい行を NEXT SHOW として表示します。
フライヤーの管理場所を、メンバーが手で用意することはありません。すべて LINE → bot → ドライブ → サイト のラインで完結します。

出した指示メンバー個人の LINE が bot の運営アカウントと紐づく形は避けたい。LINE 公式アカウント (=無料枠) をバンド名で取得して、bot 専用の入れ物として運用する形に。将来メンバーが入れ替わっても、bot は同じ場所で動き続けるように。

「タイトル + 日時 + 会場」の形を満たさない、短い文だけを bot に送った場合 は、ライブ告知ではなく バンドのひと言 として扱われます。サイトの中段にある「FROM HOBO TOWN」の場所に、その文がそのまま反映される。リハの進み具合、最近の感想、レコーディング後の気分。長すぎず、その日の温度感だけ伝えられる場所として、サイトの真ん中に置きました。
同じ bot が、テキストの形を見て「ライブ告知 (=画像を待つ)」と「ひと言 (=即反映)」を振り分けます。送る側は、形を意識せず思いついたまま送って大丈夫です。

バンドのサイトでありがちな「黒地に派手な装飾のバンドサイト」を避けて、Zine (=自主制作の小冊子) や アートブックの編集デザインに寄せました。地色は うすいベージュ、本文は等幅のモノスペースで小さく、見出しは太いサンセリフで大きく、ロゴだけ昭和の屋台 風の カジュアル書体 を使用。「インディーらしさ」を派手さで表すのではなく、紙の質感や情報の並べ方の細かさで表すほうが、こういう小さなバンドには似合うと思います。
章番号や観測ID風のテキスト (=CV-013 / SIDEQUEST 02 など) を散らして、雑誌の編集の手触りに寄せました。「LINEから自動で更新される」という現代的な仕組みの上に、紙の編集の温度感を載せたかった。