5825ddf3f466823c

第73回麻布学園文化祭 公式ウェブサイト

OVERVIEW

広報用ウェブサイトから、オンライン文化祭の主軸へ。

YEAR 2019 - 2021

およそ 1 年間にわたり、3 人チームで、第73回麻布学園文化祭の公式ウェブサイトを制作していました。(私は主にフロントエンド周りを書いていました)

機能一覧

すべて設計はしましたが、一部機能は開発中止となり未実装です。

  • 文化祭ウェブサイト
    • ブログ(近況)
      • 下書き投稿
      • レビュー
      • 公開
      • + 匿名寄稿
    • オンライン展示
      • 下書き投稿
      • レビュー(文実・展示顧問ダブルチェック)
      • 公開
  • QR コードを用いた文化祭管理アプリ(開発中止)
    • 文化祭 入場 / 退場
    • 各展示 入室 / 退室
    • 滞在状況ヒートマップ

コロナ禍での模索

新型コロナウイルス感染症が蔓延する中、社会的に「不要不急」である文化祭は、世間体のため縮小せざるを得ませんでした。5月から6月への延期、そして無期限延期が決定される中、リクエストにより「匿名寄稿」を実装しました。

生徒側の希望が「規模を縮小しての学校開催」であることを再確認し、「QR コードを用いた文化祭管理アプリ」を発案・設計したものの、悔しくも学校開催の目処は立たず、オンライン文化祭へのシフトチェンジとして開発中止が決定しました。

使用した技術

  • Vue.js
  • TypeScript
  • Lumen
  • aspida(API 通信を型安全にする HTTP クライアントラッパー)
  • Figma

GitHub Organization

GitHub: afes-website


WEBSITE