Colophonサイトの制作について
奥付
Musicmanスタジオ のサイトを、誰が、何を調べ、何を使って、何に気を付けて作っているかを記します。
制作者Made by
- 制作者
- 株式会社TaylorMode
- 事業
- システム開発
- 制作の範囲
- 設計、文章の編集、実装、検証
事前の調べResearch
本サイトの制作の前に、125 件のサイトを調べました。内訳は、国内の大手のスタジオ 25 件、国内の同じ規模のスタジオ 30 件、海外のスタジオ 14 件、ほかの業界のサイト 45 件と、会社どうしの関係を表記した実例と関係する会社のサイトの 11 件です。スタジオの 69 件では、部屋の構成、機材、アクセスなど 24 の項目の掲載の有無を、各サイトのトップと下層の 4 ページ前後で確かめました。ほかの業界のサイトでは、配色、書体、動きの使い方を確かめました。
構成Structure
- 配信
- 全てのページを、あらかじめ生成した静的なページとして配信しています。
- 動き
- 読み込みを待たせる演出と、スクロールへ介入する演出は使っていません。動きは、ブラウザに備わる機能だけで作っています。
- 図
- 平面図は、サイトのために描き起こした概念図です。寸法は実測の後に掲載します。
書体Typefaces
- 見出し
- Zen Old Mincho（SIL Open Font License 1.1）
- 本文
- Zen Kaku Gothic New（SIL Open Font License 1.1）
- 数値とラベル
- IBM Plex Mono（SIL Open Font License 1.1）
読みやすさの方針Accessibility
- 目標
- WCAG 2.2 の適合レベル AA を目標に作っています。1 画面目の絵の自動の切替には止める操作を置かず、1 巡で止まる形にしています。
- 操作
- 全ての操作を、キーボードだけで行えます。
- 動きの設定
- 端末で「視差効果を減らす」を設定している場合、動きを止めます。
- 拡大
- 画面の拡大を妨げません。