<Timtim />

概要

昨年度まで高専祭実行委員がWixで作成していた高専祭HPをWeb製作研究部が担当することになりました。 テーマが「浪漫」であったため、散乱した原稿や本を使って大正時代の雰囲気を演出しました。 デザインは後輩らが担当し、私はページ実装を担当しました。

仕様技術

• HTML/CSS
  • 本UIの位置調整などを担当
  • 一部コンテンツの実装も担当
  • 他は困っている部員のサポートを行った
• jQuery
  • Turn.jsの編集や部員のサポート時に使用
• Turn.js
  • jQueryライブラリ
  • 本のようにページをめくるリッチな表現が出来る

取り組み

今開発の目玉であるTurn.jsによる本UIの実装を担当しました。 Turn.js は10年以上前のライブラリのためドキュメント情報が少なく、ドキュメントに載っていない仕様もありました。そのため意図せぬバグの修正に苦しみました。

具体的には「パフォーマンスのため、開いているページの前後6ページのページ情報を保持する」というものがありました。 この影響で動的に注入したリンクが無効化されてしまったため、この仕様を変更するためにライブラリをForkして修正しました。 コード量が膨大であることや、構文が古くて苦戦しましたが、なんとか解決することができました。