Making jyoukouji.com -2-
年末から風邪をひいたり正月が過ぎるまで歯痛で苦しんでいたり腕時計をなくしてしまったりと、作業の進行具合が思わしくありませんでしたが、ようやく常光寺(id:jyoukouji)公式サイトのメインシステム(gate.swf)部分を完成させることができました。残りは、中の表紙・コンテンツの挿入、XSLによる携帯対応とブログ制作(2月)のみです。
このサイトに搭載したシステムは、1つずつテンプレートとして切り出し、誰にでもカスタマイズ可能なように使用することを許可して頂きました。自分には及ばずながら講師になりたいという目標があり、人に物を伝える練習も兼ねて、需要があるものはもっと綺麗にスクリプトを整理し、こちらで解説付きテンプレートを公開していく予定です。以下にテンプレート候補、常光寺公式サイトの特徴を列記します。
【特徴】
1. 更新頻度の高い情報は XMLで一元管理
- script: http://www.jyoukouji.com/making/script/xmlLoader.as
script: http://www.jyoukouji.com/making/script/xmlNavigator.as
xml: http://www.jyoukouji.com/making/rss/
- XMLにてメニューやコンテンツを追加・削除すると FLASHに反映され、検索エンジンにもクロールされます。読込先のコンテンツ swfには自動的にIDが振られ、メニューを選択するとそのIDに対応する swfをプリローダー付きで読み込みます。
- また、XMLを XSLテンプレートとして切り出しブラウザ表示することで、プラグイン未対応環境下や携帯からも閲覧可能。ついでに、ボタンのリンク先や更新日時やコピーライト表示、イメージや音楽もエンドユーザー側でいつでも更新可能になります。
2. ページ『進む』『戻る』機能(FLASH内)
- script: http://www.jyoukouji.com/making/script/contentsSaver.as
script: http://www.jyoukouji.com/making/script/contentsLoader.as
- ロゴの下部分にある『PREV』『NEXT』ボタンをクリックすると、FLASH内で前のページに戻ったり後のページに進むことができます。
3. ページブックマーク・各種設定保存機能(FLASH内)
- 画面下部のフッターにある『ADD』ボタンを押すと、現在閲覧中のページを左側のブックマークアイコンに追加、アイコンをクリックすることで該当ページにジャンプします。
- また、『COOKIE』を ONに設定しておくと、現在閲覧中のページや流れている音楽を保存し、次回ページ訪問時に自動的に開きます。
4. 外部イメージ/音楽ファイルのローディングとスイッチング
- script: http://www.jyoukouji.com/making/script/imageLoader.as
script: http://www.jyoukouji.com/making/script/musicLoader.as
- 外部イメージや音楽ファイルをプリローダー付きで読み込み、画面下部のフッターにあるボタンを操作することで切り替えることができます。
5. ヘッダー/フッター/コンテンツ部分の相対配置レイアウト
- ウィンドウサイズを変更しても、各オブジェクトが自動的に予め指定した位置に再配置されます。
【後記】
会議中に見つかったバグは解消しましたが、ソースが視覚的に美しくない部分にはバグが発生しやすいし、後々の仕様変更の際に必ず困ることになるので、テンプレートとして配布する時はきちんと整理したいです。また、議題でブログの記事をそのままコンテンツに読み込めないかといったご要望の提示もあり、こちらも今後自分にとっての課題になりそうです。
常光寺サイトは久しぶりに勉強しながら制作することができ、昔のように1ヶ月間ぶっ続けで作業するといった神業は再現不能だったものの、2001年まで1年ずつ遡り、その年その年に課せられていた課題を全てクリアすることができました。容れ物(gate.swf)はもうこれで今度こそ完成したので、これからは中に挿入するコンテンツでデザインを楽しんでいきたいと思います。
ちなみに今日は父方の祖父の命日で、滞っていた作業が一気に進んだというか終わりました。父も実家で滞っていた年賀状を書いていました。〜〜のおかげというのは表にも裏にも出易いのでやめますが、結果として久々に充実したよい日でした。思えば9年前の今頃はデザインを楽しんでいたなあ。
コメントやテンプレート関連のご要望、お気軽にください。
【参考資料】
Flash Hacks ―プロが教えるテクニック&ツール100選
- 作者: Sham Bhangal,株式会社クイープ
- 出版社/メーカー: オライリージャパン
- 発売日: 2005/07/11
- メディア: 単行本(ソフトカバー)
- 購入: 1人 クリック: 31回
- この商品を含むブログ (20件) を見る