概要
アプリ開発団体jackの公式サイトです。古くなっていたサイトと、別途開発していたブログサイトを統合する形で作成しました。
背景
既存のサイトはVue 3がリリースされた後もVue 2のままで古くなっており、開発メンバーの引退後は、コードを直接書き換えないと更新できない仕組みが課題になっていました。コードが書ける人しかサイトを更新できなかったのです。
デザインも古くなっていたため、これを機にサイト全体を刷新することにしました。
特徴
- Notionを使った誰でも更新できる仕組み: jackの情報管理で使用しているNotionをCMSに採用し、コードを書かなくてもコンテンツを追加・更新できるようにしました。100人規模のサークルで更新のハードルを下げられたことは大きく、今も運用が続く仕組みを作ることができました
- ウェブサイトとブログの統合: もともと存在しなかったブログサイトを仮で作ってみたところ手軽に構築できたため、ウェブサイトと統合して「jack-web」としてリリースしました
技術的なこだわり
Notion APIとNext.jsを用いて開発し、SSG（静的サイト生成）を採用することでページの表示速度を高速化しました。
開発体制
大学4年（卒業の年）に、jackの下級生と共に教育目的も兼ねて開発しました。基本的にデザインとコードは下級生に担当してもらい、私はレビューや技術方針の策定を行いました。
技術経験がほとんどない新メンバーを育成する場でもあったため、レビュー体制を整えて積極的にフィードバックを行いました。また、アーキテクチャ選定の理由などのドキュメントを整備して開発の知見を残すことで、属人化させず開発が継続できる体制を作りました。