こんばんは。このブログであまり仕事の事を書かないのですが、今日といういか日付変わって昨日、僕が今使っている弊社アップルップルのa-blogの後継のCMS、a-blog cmsの正式版がリリースされました。
僕はa-blog cms、a-blog cmsのサイトとも、デザインをメインで仕事しました。
a-blog cmsでは、主に管理画面や投稿画面などの使ってみないとあまり表示されない部分のUIを中心に担当して、システムが大分出来てきてからのそこに絵をあてていく作業からスタートだったので、はじめの頃は結構苦労していたような気がします。ただ絵をあてればいいわけでは当然なく、このボタンを押したらこう動いた方が良くないかとか、いろいろ話をしたりもして作ったので、もし良かったらインストールして中身を見てもらえるとうれしいです。30日間お試しいただけますし。
サイトの方に関しては、ギリギリまで絵が上げられずに、後行程の方に負荷をかけてしまって申し訳なかったです。はじめの頃は一人で絵を描いていましたが、最後の方で、みんながやってきて、ワッっと仕上がってきて、やっぱり一人ではなんもできんなぁと自分の力のなさを痛感しました。デザインをしているとどうしても視野が狭くなってきてしまい、時には俯瞰した目で客観的にページを見ないといけないなぁと思いながらも、まだまだ修行が足りません。それでも最近思う事は、根気よく一生懸命やり続けることだと思っています。それしかないのです。後輩のデザイナーの子は、僕からしたらデザイナーらしくないデザイナーだなぁと思っていたのですが（そもそもそんな定義などどこにもないのだが…）、最近その見方が少し変わってきました。今回パンフレットやバナー、イラストなどを描いてもらったのですが、いい仕事をしてくれました。なんかちょっと伸ばし方というか使い方というか、少し見えた気がします。
メインでデザインの仕事をするようになってもうすぐ１年、どれくらいデザイナーと言えるのかよくわかりませんが、とにかくa-blog cmsをリリースできてほっとしてます。今日の帰り道とか少し体から何かが抜けていく感覚がしました。
あと、このブログもa-blog cmsに準備が出来次第、移行したいと思っています。ただ、現状アマゾンのアフィリエイトの機能がa-blog cmsに無いのとトラックバックが移行ツールを制作時になかったためにトラックバックが移行できないみたいなのですが、移行させないとなにも始まらないのかなぁとも思いますので、アマゾンやトラックバックは持ってけないかもしれませんが、今後はa-blog cmsがより使いやすいもの、いいものになっていくようにがんばっていきますので、よろしくお願いします。
そんなわけで、今後ともよろしくお願いします。
ちょっと前に作ったa-blogのパートナー向けFlashバナープログラム。ちょっと動作チェック。以下のJSで貼れます。サイズも w と h の引数を変える事で変更できます。
<script type="text/javascript" src="http://ra66it.net/blog/a-PhotoFl.js.php?w=200&h=200&trans=1&link=1&title=0"></script>
名古屋名駅薪能さんのサイトを a-blog + Flash で作りました。
薪能とは、もともと興福寺で行われていたものらしいのですが、現在では、野外でかがり火を焚いて行われる能の事を薪能と言うそうです。で、その野外で行われる能を名古屋駅前でやってしまおうというのが、この名古屋名駅薪能です。今年で６回目だそうです。
今回はその告知用のページをFlashで制作しました。やっぱFlashはイベントっぽいコンテンツとは相性がいいなぁというのが個人的な感想です。演者の衣装とかが見栄えがいいので絵が映える。
ニュースなどのコンテンツ部分でMacでも動くスクロールを用意したんですが、ここの部分に関しては trick7.com blog のteraさんの trick7.com blog: Macでもマウスホイールできるスクロールバーのサンプル を参考にしました。あと何日のクラスの部分はUnknown Qualityのyo-sukeさんにアドバイスをいただきました。どうもありがとうございました。
今回は携帯用のページも用意していますので、良かったら右のQRコードよりご覧下さい。あっ、ブログパーツも作りました〜。
先日、熱帯魚屋さんAqua sun marineのサイトをリニューアルオープンしました。
このサイトは、裏でa-blogを動かして（JavaScriptを切ると出てくる）、表示はFlashで行っています。なのでテキストや写真の更新はいわゆるa-blogの更新画面で行って、それがFlashの方に反映されます。
このFlashBlogを制作するにあたり、今回、気をつけた点としては、"可変なテキストの処理"と"パーマリンクの扱い"などです。
FlashはHTMLのようにテキストの量が増えたからといってステージサイズを自動的に調節してくれたりできない（裏技は色々あるだろうけど）。なので、サイドバーなどを出してスクロールさせたりするのが一般的なんだけど、Macでは基本的にスクロールがとれないから（これも色々技があるけど、、、。）なんかいい方法がないかな〜と模索してて、そもそもテキストのボックスを可変にしてしまえばいいじゃんみたいな感じでテキストフィールドに本文のテキストを一度入れて、高さを測って、テキストを一度消して、移動させてからまた本文のテキストを入れ直すと行った感じで実現させています。この方法は中に入るテキスト量が多すぎると対応できない場面も出てくるだろうけど、とりあえず今回のサイトでは良かったんじゃないかなと思います。テキストのボックスがステージのサイズを超えたらスクロールを出すみたいなことも今後の課題かも。
あとFlashBlogでのパーマリンク（個別記事リンク）の扱いをどするのかという問題もあった。たとえばRSSから来た人とかがアクセスした時にそのリンクの記事に飛びたいだろうし、この記事を読んでとかいう場面にもパーマリンクは必要だろう。そこでアドレスバーに例えばindex.php?ID=2とか書くとそれをPHPでObjectタグなんかのFlashVarsに渡してそこからFlashに渡すみたいな事をする事によって、アドレスバーに記事のリンクを入力すれば一記事表示もできるようになってます。あとはなんか昔の自分がこんな記事を残しておいてくれたので記事のリンクをクリップボードにコピーするなんて事も機能として追加しました。
おまけで、ブログパーツっぽいFlashのバナーも用意されています。
今の会社に入る時にFlashBlogを作ります！と言って入ったんですが、１年たってやっとそれらしいカタチになりました（まだまだやらないと行けない事はたくさんあるけど）。というわけで、11月28日生まれ26歳のうちに約束をちょっと果たせてよかったです。
蛸
PhotoShuffleというブログパーツを作りました。JavaScritの部分はtk84くんです。写真をクリックすると飛び出してきます。ダブルクリックすると拡大されて中央にきます。戻すときは写真以外の背景とかをクリックして下さい。ページが完全に読み込まれてから写真をクリックしないと動作しません。詳しくはPhotoShuffleのページに書かれていますが、a-blogだけじゃなくMTとかでも使えます。WinのFireFoxとOperaでまだ問題が残ってたり、そもそも重いよ！とか、まだ手を入れないといけない部分もありますが、とりあえずベータ版が公開されました。
河豚
このパーツを公開するにあたりラボのページが作られました。（IE6だとスタイルがあたらないようになってるみたいです。）たぶんここのブログかラボのブログなどでこのPhotoShuffle（関係ないけどよくフォトシャップルとかんでしまうはこの名前）のことを書こうかと思っています。PhotoShuffleに同封されているJavaScriptはFlashに画像のリンクを渡してくれたりキャプションをテキストで送ってくれたりするのでその辺を使っていろいろ見せ方を工夫できるのではないかなと思っています。よかったらダウンロードしてお試しください。感想とか頂けるとうれしいです。
1 - 6 / 6
