2019/10/25
概要
DojoCon Japan 2019 というイベントのWebサイトを作成しました。
技術
- Jekyll
Rubyベースの静的サイトファイルジェネレータです。
デザインやレイアウトはHTML, Scssを使用しています。
制作時間
2019.9 ~ 10
公開情報
Webサイト
コードは非公開です。
制作メンバー
私とCoderDojoあしやチャンピオンの野崎 智弘さんの2名で制作しました。私はレイアウトの調整や基本のデザインを、野崎さんは細かいデザイン・修正とサイト制作チームのリーダーを、それぞれ担当しました。
制作過程
- 掲載したい情報を表示するHTMLを書きます。大まかな構造もこの時点で決定です。
- CSSを書きます。必要に応じてHTMLも調節します。
- 細かいところの修正や、新しい掲載情報を書くなどします。
素敵なポイント
色
今年のデザインテーマは「ポップ、オレンジ」だったので、明るく彩度の高いオレンジ色をメインに使っています。全体的に柔らかい雰囲気で統一したかったので、基本文字色は濃い茶色にしています。トップの文字色は本文ほど硬くなく、かつメインカラーと差をつけ目立たせる、赤みがかったオレンジにしました。ボタン等一部では水色をアクセントカラーとして使用し、イメージは統一されたままコントラストをつけています。
簡単な更新
実行委員のリストやスポンサーさんのリスト等は、HTMLを書かずともymlファイルに情報を書くだけで表示されるようにしてあります。また、お知らせ等の記事は特定のフォーマットに沿ってmdファイルを追加すると自動的に一覧に表示されます。一括で管理できるため便利です。