現在製作中の友人のブログです。写真には全体像が映ってませんがTopページのデザインはこんな感じです。まだちょこちょこデザインの部分を手直しして来週からマークアップ出来ればと思っています。詳しいコンセプトなどはまた後日。

なかなか制作が進まないFlashサイト。いくらなんでもこんな初っ端っからつまづくとは・・・。前回の記事で動きの部分は問題なさそうとか書いてますが完全になめてました。

とりあえずここまで制作していて感じたことは、ASの知識がどうのというよりも組み立て方が難しいと思いました。例えば映画やドラマには結末があり、そこにきちんとたどり着くようにつじつまや物語が構成されていてそこの作り込みが一番大変なんだと思いますが、Flashサイトの場合もユーザーのアクションからアニメーションが始まり、次の展開に切り替わっていくこの過程をどういったやりかたで可能にするかその部分に非常に悩まされます。幼い頃ブロックを組み立てながらどうやってロボットの形にしていこうか考えてた感じと似ている気がします。

以前学校の先生にレゴブロックで遊べと言われたことがありますがこういう事なんでしょうか？

先日の記事でも書いた友人のFlashサイト制作の過程を記録として残していこうと思います。今回はその第一弾ということになります。

できるだけASを使って作りたいと考えています。タイムラインは極力少なめに。というかASの勉強の為につくるということも目的ですので当たり前なのですが。まだほとんど触りの部分しか作れていませんが動き自体はそれほど複雑な物ではないので問題なさそうです。

■現時点で分かっている問題点

• 更新方法
• ブラウザ幅に合わせた画像のリサイズ方法

作っていくうちにもっと初歩的なところでつまづくんだろうなあと思いつつ、とりあえず今確実につまづくことが明白な２点を上げてみました。

更新方法はXMLファイルを使って写真のアップができるようにしようと思ってます。あとは外部テキストファイルとか。

また背景一杯に一枚の写真を貼りつけたいということなので、当然ウインドウ幅によって画像がリザイズされるようにしなければいけません。ここら辺もむつかしそう。でも出来たら面白そう。

期待してくれている友人のためにも、とにかくイイものを作りたい。

前回の記事でフッターのリンクを修正したと書きましたが修正できてませんでしたね。確認を怠っていました。失礼しました。今度は大丈夫です。

TOPページのサムネイルをクリックした時に画像が壊れてしまう現象ですが、画像サイズを縮小することで解決できました。う〜ん、何が原因なのかまだ良くわかりません。しばらくは、画像をアップ→確認→壊れていたら→縮小してもう一度アップというような更新になると思います。できればサイトの雰囲気が伝わるようにもう少し大きいサイズでアップしたいんですけどねぇ。

今年もあと少しで終わりですね。今年一年をそろそろ振り返って来年に備えければいけませんね。

リンクが間違ってるところがあったので修正をしました。直したのは以下の点。

• RSSフィードのリンク
• フッターのリストの各リンク
• コメントから詳細ページへのリンク

あと問題はTopページのサイト紹介にあるサムネイルをクリックしたときに、アップで表示される画像が何故か壊れて表示されてしまいます。ファイルサイズの問題かと思って小さくしたりもしたんですが関係なさそう。ローカル環境では問題ないんですが。早めに原因を突き止めたいです。

トップページの「Update List」の項目がIE６で崩れていましたが、ようやく解決しました。コリスさんのブログで紹介されてたこの記事が参考になりました。

「IE6でよく遭遇するCSSのバグとその解決方法」

http://coliss.com/articles/build-websites/operation/css/753.html/trackback/

これで今のとこIEでの崩れはないはず。

あとサイト紹介の項目も２つ追加しましたので宜しければ御覧下さい。サムネの見せ方って難しいですね。

ドメインの設定も無事終わり、本格的にこのブログに記事を書いていこうと思います。ちなみに以前同じタイトルで記事を書いたことがありましたが、誤って削除してしまったため、同じ内容になると思いますがもう一度書こうと思います。

このサイトは名古屋にある株式会社アップルップルさんが開発されたa-blogcmsを使って構築されています。