システム研究部 公式ウェブサイト SYSKEN ONLINE 4

システム研究部の公式ウェブサイト「SYSKEN ONLINE」のウェブデザインとコーディング

SYSKEN ONLINEをCMS化

それまでシステム研究部のウェブサイトSYSKEN ONLINEでは,ブログシステムだけ外部のサービスを使い,ウェブサイトは僕個人のサーバで運用されていました。一応部員名簿はみんなが触れる用に編集システムを組んではいたのですがいかんせん管理がしにくい状況でした。

そんな中僕が5年生になったこともあり,そろそろ部活所有のサーバに移さないといけないだろうということでこの移転を期にSYSKEN ONLINEのCMS化に乗り出します。

Sass便利すぎて鼻血

私はサイトのデザインとそれをHTML+CSSのコードに書き起こす作業を中心に行っていくことになります。その時たまたまSassが注目されてきていた時だったので,導入してみたところ便利すぎて鼻血出ました。ネストが使えるのは大変効率的で,@mixinという関数のようなものを使えば効率が10倍ぐらいになります。今まで手打ちでやってきたCSSの概念を根本から覆されることになりました。

WordPressテーマ化は後輩が担当

デザインしたHTMLを後輩がWordPressテーマ化してくれました。私はこの部分の最初の作業にはほぼ関わっていません。ですがそれまでCMSに触れてこなかった僕にとってはコードを覚える絶好の機会になります。後輩が書いてくれたコードからテンプレートの概念や優先順位,タグ用の関数などを覚えこのサイトを構築したと過言ではありません。

テーマはGitHubにて公開中

この時作ったテーマはGitHubにて公開中です