今回はハンズオンセミナーという事で、指示通り事前にMacBookのMAMP上にa-blog cmsをインストールして参加しました。おかげで基本的なカスタマイズのポイントはおおよそ把握出来たと思います。会場にはネット回線も用意して頂いていたので、セミナー聞きながらツイートする事も出来ましたので、補足する形で感想をまとめていきます。

• 13:08  まずは @TagawaMasateru による a-blog cms の紹介。#acmscampKM
• 13:10  MT/WPの次に使いたいCMS No.1という事で興味を持った。#acmscampKM
• 13:13  DWとの連携が優秀。スニペット／コードヒントあり。#acmscampKM
• 13:15  デザインとプログラムが完全に分離しているので共同作業に向いている。モジュールに追加プログラムを集中させる事が出来る。条件分岐も管理画面から設定出来る。#acmscampKM
• 13:16  ある意味WPの対極にあるCMSだよね。#acmscampKM
• 13:18  WPだとプラグインで追加するような必須／便利機能はだいたい標準装備になっているのは便利。高機能なメールフォームとケータイからの投稿は特に便利 #acmscampKM
• 13:19  メンテナンスツールを使えばバックアップやデータ移行が楽に出来る。phpMyAdminに触る必要がないので安心。ローカル環境から本番環境への移行にも使える。 #acmscampKM
• 13:20  Dwで制作したサイトをテーマフォルダにコピーすればとりあえず動く。パスも自動的に修正される。必要な部分だけ動的にする事も簡単。 #acmscampKM
• 13:23  更新画面のカスタマイズをすれば、ユーザーに合わせて自由に必要な入力項目を増減出来る。フォームバリデーションも標準装備。 #acmscampKM
• 13:25  オープンソースではないので情報量は少ないけれども、公式サイトには開発元からの情報があって質が高い。 #acmscampKM
• 13:26  web制作者として頼れる開発元です。 #acmscampKM
• 13:27  デザイナー向けのCMSだけど、プログラマーにもモジュール開発という場があるのでどんどん来て下さい。 #acmscampKM

これは去年の秋にも聞いた事ある部分だけど、あらためてWPとの違いを感じました。どっちが良い・悪いという話ではなく、設計思想に違いを感じるという事です。a-blog cmsはウェブデザイナーのワークフローそのままで簡単に動的サイトを構築する最適なソリューションである事、がコンセプトの一つとして明確にあるなと感じました。

例えば、同じ用語として「テーマ」がありますが、WPのテーマはブラウザ表示用のプログラムとしての意味合いも濃く、ちょっとした事だとすぐにテーマで使用しているテンプレート内にPHPを書いて実現出来るのですが、反面どこでどの機能が実装されているのか分かりにくくなる事にもつながります（自分でもどのテンプレートにどんなコード書いたか忘れてる事がよくありますw）

対してa-blog cmsのテーマはhtmlテンプレートとCSS、画像の集合で、デザインを表示する事だけに徹している感じですね。これなら複数のコーダーで共同作業をやっても誰かのミスで画面が真っ白という事にはならないのではないかと思います。「system」テーマ内にある「admin」を、自作テーマにコピーしてからカスタマイズする事で管理画面も自由に編集出来るのは仕事で客先に納品する場合とても便利だな、と感じました。

• 13:33  次はアップルップルの山本さん(@kazumich )の話です。#acmscampKM  [in reply to kazumich]
• 13:36  リリースから695日で公開可能な事例が197件に達しました。3.52日に１件のペースです。 #acmscampKM
• 13:38  レンタルサーバのCPIや名古屋商科大学のサイトもa-blog cmsで構築されている。 #acmscampKM
• 13:40  非公開事例を合わせると400件以上のサイトで利用されている。 #acmscampKM

続いては開発元であるアップルップルの山本さんのセミナーです。現在の実績についての発表からスタートしました。OSSで自由に使えるWPに対して、一社開発の上有料ライセンスの購入が必要なa-blog cmsは公開数では少なくなるのは当然ですね。それでもこれだけの数のビジネスサイトに使われているのは信頼に値するものがあるからなのでしょう。

• 13:46  どの部分にどのモジュールを使うか？動的にしたい所に「だけ」必要なモジュールを適用する。 #acmscampKM
• 13:58  a-blog cms v1.4の記事更新画面。WPに慣れた身には直感的とは言えないけど、一般ユーザーにとってはやるべき事に集中出来て分かり易いかもしれない。 #acmscampKM



• 14:03  ユニットグループは強力だな。ユニットごとに段組を設定した上で、各ユニットを自由に追加出来る。表現の自由度が増すのはとても魅力的。 #acmscampKM



• 14:10  エントリーの複製機能は、商品紹介の見本をお客様に更新・追加してもらう用途を想定すると便利さが分かり易い。 #acmscampKM
• 14:13  ユニットグループは出力的には<div>で囲む事になるので、CSSでの設定が必要。 #acmscampKM

モジュールというのは各種機能を実現する為のプログラムですね。WPのプラグインに相当するものだけど、コアの各種機能も標準モジュールとして同列にあると考えればいいのかな。ビルトインモジュールというのがそれっぽいですね。通常のHTMLファイルにモジュールの機能をコードスニペットとして挿入していく事で、必要な箇所を簡単に動的サイトとして扱えるようになります。

記事投稿画面は、オープンソースのCMSで多用されているTinyMCEなどのWYSIWYGエディタを使ったものとは違い、用意された項目に対して内容を埋めていくような形になっています。ブログに不慣れな人でも埋めるべきところを埋めれば形になるので、ユーザーサイドでの更新という点については非常にやりやすいのではないか、と感じました。

ユニットグループはページの途中で自在にレイアウトを変更出来るのがとても便利で、記事の読者に対してとても親切な機能です。WPでも出来なくはないでしょうが、ここまで直感的に誰でも使えるとは思えません。これはとても気に入りました。

• 14:15  ダイレクト編集機能を使う事で入れ子になったユニットを直接編集出来る。ユーザーにとっては直感的で分かり易い。 #acmscampKM
• 14:19  アップロードしたファイルの管理は記事に紐付いているのか。集中化されているWPとはここにも大きな違いがあるね。 #acmscampKM
• 14:27  <!– BEGIN_MODULE(モジュール名) –> と <!–END_MODULE(モジュール名) –> で囲む事で、テンプレートに必要な機能を組み込む。 #acmscampKM
• 14:32  モジュールの外にあっても動作する特別な変数がグローバル変数。%{BLOG_NAME} で表示ページが属するブログの名前。 #acmscampKM

ダイレクト編集機能はその名の通り表示されている見たままの画面上から記事の編集が出来ます。複数カラムで構成されたdivが入れ子になっているような場合でも、構成を壊さずにユーザーサイドでの簡単編集に対応しているのは素晴らしいです。このようによく使う機能や便利な機能がモジュールとして用意されているので、作法に則ってしかるべき場所にしかるべきコードを差し込む、という流儀がだんだん納得出来るようになってきました。

• 14:34  タッチモジュール | リファレンス | サポート・マニュアル | a-blog cms – Web制作者のためのCMS – http://goo.gl/f2r4G 　これで条件分岐の設定が出来るのか。#acmscampKM
• 14:37  校正オプション | リファレンス | サポート・マニュアル | a-blog cms – Web制作者のためのCMS – http://goo.gl/KA7Kq　これは初めて知ったけど他のCMSには無い特徴だと思う。JSで補完する部分がコアにあるのは強い。#acmscampKM

タッチモジュールは機能を追加するモジュールとは違い、条件分岐の為に使うもの。管理画面のカスタマイズにも適用出来るので、管理者権限のレベル分けにも応用出来そう。

校正オプションはWPには無いと思うので、ちょっと羨ましい。エンドユーザーに細かい気遣いをさせずに裏側でサポートが出来るので、この機能を活用してきっちりテンプレートを作り込めば、コンテンツの品質を上げる事にもつながると思いました。

• 14:41  モジュールの集合がテンプレートで、テンプレートの集合がテーマ。 #acmscampKM
• 14:44  テーマ「System」の中からオリジナルテーマにコピーしてカスタマイズするのが作法です。管理ページのカスタマイズは「System」の中にある「Admin」で行うが、これも同様にコピーして使う事。 #acmscampKM
• 14:47  index.html を一覧に、entry.html を詳細ページに、top.html をトップページに用意するのが基本。カテゴリごとにディレクトリを切る。デザインをカテゴリごとに変更する場合には必須。 #acmscampKM

案件に応じて独自テーマを作る時のファイル名やディレクトリについての説明。作法を守っていれば大丈夫そうです。

15:02  a-blog cms のファビコンキャンデーもらいました！ #acmscampKM

ちょっと休憩。a-blog cmsのファビコンキャンディー頂きました。味は……たぶんご想像の通りです。美味しかったよ。

• 15:08  条件分岐はタッチモジュールに加えて「ルール」という機能も使える。管理画面から設定可能。 #acmscampKM
• 15:10  「ルール」の設定画面。例はユーザーエージェントに対してどういうレスポンスを返すか設定している所。 #acmscampKM



• 15:17  「ルール」に対して独自のコンフィグ設定をする事で、ユーザーレベルに応じて管理画面の表示項目を変えたり、カテゴリ別に編集機能を増減する事が出来る。これはすごいな。管理側にもユーザー側にもメリットがある。 #acmscampKM

タッチモジュールに加えて「ルール」を設定する事でも条件分岐が出来る。管理画面から必要に応じて簡単に設定出来るのはいいですね。用意されているルールだけではなく、必要に応じてルールを追加し細かいコンフィグ設定を加える事で様々な状況に対応出来るでしょう。

• 15:21  メールフォーム機能。入力チェック機能と入力コンバート機能。全角ー半角のコンバートや平仮名ーカタカナのコンバートが出来る。 #acmscampKM
• 15:23  複数ステップのフォームが作れる。これは初めて知ったけど便利だね。 #acmscampKM
• 15:24  メールフォームの入力データをDBに保管してCSVでDLする機能もある。 #acmscampKM

メールフォーム機能は、単にメールフォームにとどまらず複数ステップのアンケートフォームとして使う事も出来る。バリデーション機能も強力だし、メールの受信をスキップしてまとめてDBからCSVでダウンロードする事も出来ます。この機能だけでもライセンス料払う価値があるかも。キャンペーンサイトの制作に使って大量にメールが返ってくる場合を想定すると分かり易いのではないでしょうか？

• 15:28  カスタムフィールドはWPとそれほど変わらない考え方のようだ。 #acmscampKM
• 15:32  管理画面／投稿画面でのカスタムフィールドの入力欄配置の自由度は魅力だな。 #acmscampKM
• 15:40  a-blog cms のカスタムフィールドはDwのスニペットを使ってテンプレートファイルに直接貼り付けていくのか。Dw使っていないのでちょっと難しい。 #acmscampKM
• 16:12  管理画面のテンプレートでカスタムフィールドを定義して、表示画面の任意の場所に定義したフィールドを差し込む事で表示される。 #acmscampKM

カスタムフィールドについては、WordPressと同じ用語だし、機能についてもほぼ同様。ただしテンプレートへの記述方法は当然のように異なります。カスタムフィールドを上手に設計・運用する事でプログラムを組まなくてもかなり高機能なサイトに仕上げる事が出来るという事が分かりました。ただ、作ったカスタムフィールドを使用するのに、管理画面のテンプレートにいちいち組み込まなくてはいけないのだけはちょっと困ります。この点ではプラグインの助けを借りるとはいえWordPressの方が便利かなと思いました。

• 16:52  モジュールIDを作成して、そのIDをテンプレートに記述する事で該当モジュールを読み込んで表示する。なんとなく分かった。 #acmscampKM
• 16:59  URLコンテキストの概要 | 仕様・特徴 | サポート・マニュアル | a-blog cms – http://goo.gl/QWENy　この概念は重要。どのディレクトリにいるかでどの様にレスポンスするか決められる。モジュールIDとの連携に理解が必要。 #acmscampKM
• 17:00  エントリー系モジュールの初期スコープ | 仕様・特徴 | サポート・マニュアル | a-blog cms – http://goo.gl/YAMBs モジュールIDとURLコンテキストの初期設定。 #acmscampKM

この辺の内容はa-blog cmsの設計思想の根幹とも言える奥の深い部分なので、理解はしていないけど自分なりの解釈をしてみました。特に「URLコンテキスト」という概念は重要です。この概念に基づいて表示されるURLによってその記事の場所、文脈における意味が表現され、それを基準にモジュールの機能を特定的に使うモジュールIDを適用したりルールの適用方法を変えたりする事が可能になる、みたいです。ここを理解する事が実運用でのカスタマイズには必須だなと感じました。

17:51  シンプルなHTML5で書かれたファイルにjQuerymobileを組み込み、a-blog cms のスニペットを加える事でiPhoneに最適化されたテンプレートが簡単に作れる。 #acmscampKM

jQuerymobileを使った簡単なスマートフォン向けサイトの作り方講座。簡単なHTML5のファイルにa-blog cmsのスニペットを組み込む事であっという間に動的なスマートフォン向けサイトの完成です。

18:04  お土産のお菓子セット。#acmscampKM

キャンディーに続きお土産のお菓子を頂きました。名古屋といえば「ゆかり」ですよね。

18:10  ビルトインモジュール | リファレンス | サポート・マニュアル | a-blog cms – http://goo.gl/DXIUL　各種スニペットはここからコピペ出来るので、テストする程度なら充分使える。

18:13  WPにはWPの良さがあるし、a-blog cmsにも良さがある。どっちも大事。忘れるならMTだな。 #acmscampKM

Powered by twtr2src.

今回はリファレンスサイトのスニペットをコピペする事で簡単にa-blog cmsの機能を実装する事が出来ましたが、業務レベルになるとDreamWeaverからスニペットを挿入したり、TextExpanderのショートカットとしても使う事が出来るとの事です。有料アプリケーションですが便利そうなのでその内入れてみたいと思います。

今回は日帰りコースだったのでここまで。合宿コースに参加した人達は更に濃くて実践的なカスタマイズにまで踏み込んだ話をしていたようです。地元北九州の人達だけではなく、山口や広島からも参加者が来ていたのですが、ゆっくり話せなかったのは残念でした。

開発者自身によるハンズオンセミナーを受講した成果として、a-blog cmsの仕組みがある程度理解出来た事と、WordPressとの違い（使い分け）の基準が自分の中で明確になった事が挙げられます。どちらにもそれぞれの良さがあるので、それを引き出せるようなサイト構築が出来れば、と思いました。なお「忘れるならMT」に他意はありません。コアがPerlなので改めて勉強するのが面倒というだけです。

最後になりましたが、主催・運営してくれた皆さん、講義してくれた皆さん、そして参加した皆さん、本当に有意義な時間をありがとうございました。次に参加する時には1件構築出来ているように頑張ります。

« 記事を折畳む

今年の会場は福岡工業大学でした。駅からも近く、キャンパス内に池もあって地形を生かしたいい感じの大学です。今回は朝一番のセッションにWordPressが来たため、頑張って早起きしましたよ。

WordPressの次はBaserCMSのセッションを見学。バージョンアップごとに地道に使い勝手の良い機能が追加されていて応援しがいがあります。福岡のいつもの面々がブースに訪れる方々に説明してました。

OSCが大学で開催される時に楽しみなのは学食で食べる昼食です。工業大学という事で男子が多いのかな？500円で結構ガッツリ食べる事が出来ました。

午後はXOOPS9ブースで過ごします。主な仕事はXOOPS9のプレゼンが行われている会場を案内する事。そうやって時を過ごしていると、対面に見えるブースに面白そうなものがあったので頂いてきました。Linux-HA JapanさんのPacemakerというサーバー管理ソフトの応援キャラクターという事です。あとで調べると恐ろしく豪華仕様な事が判明。Windows7のデスクトップテーマには有名声優さんも参加とか、どういうコネクション持ってるんでしょうね？

最後は福岡名物の勉強会勉強会LTを聴きに行きました。いつもながら皆さん達者なプレゼンで勉強になるという以前に芸として面白いレベル。@garyutenがいつものようにマインドマップを使ってメモを取っています。

今回も新しい出会いがあったり、旧交を温める事が出来たりと実り多いOSCになりました。来年はどこかのOSCに遠征するのも悪くないですね。

« 記事を折畳む

まず、開始前にあみだくじで司会者を決めます。近頃決まったやり方のようですが、今回見事に司会者を引き当ててしまいました。各人に付箋を渡して、話したい事、聞きたい事を書いてもらいます。それを見ながら軽い自己紹介を済ませて、勉強会開始です。

(クリックすると拡大します)
今回の流れを@garyuten がマインドマップにまとめてくれたので（無断で）拝借しました。当日の流れはTwitterのハッシュタグ「#satoken」でも確認出来ますよ。

詳細はこの図に任せて、今回司会を引き受けて気付いた事とかを少し。

個性的で仕事の方向性も違う面々が交流する勉強会、初参加の方から常連さんまでいる中で一番大事なのは「聴くだけでなく参加する事」です。硬軟取り混ぜたテーマがあるので、議論が長引いたり専門的な内容についての話の後は小ネタ系の話を持ってくるように調整してメリハリをつけてみました。だいたい3,4人が話して1時間経ったら10〜15分の休憩というペースは保てたかな。

難しかったのはプレゼンに介入して時間短縮をお願いしたり、話の方向を議論になるように誘導する事でした。例を挙げると、@mao3mao3 の電子書籍に関する話は歴史からコンテンツからプラットフォームまで広範囲にわたる内容で面白かったのだけど、話者の熱が入り過ぎて聴いている人との温度差が表情に表れてきたのでタイミングを見て介入せざるを得ませんでした。実は僕も@mao3mao3 とは初対面で（Twitterではよく会話してますが）どんな話になるかちょっと見えなかったので、様子見に時間がかかったというのもあります。

勉強会である以上、せっかく話してくれたテーマに対して参加者それぞれが何らかの理解や結論を得て帰って欲しいと思ったので、折りを見て「自分はこう解釈したが、それで良いか？」という問いかけをしてみる事で、話者から「それで良い」とか「いや、実際にはこういう意味である」という回答を引き出すよう心がけました。以前学んだファシリテーションのテクニックですね。本当は初参加の人にも「あなたはどう思いますか？」と質問を投げ掛けて議論に参加してもらえるともっと良かったかもしれません。自己採点だと50点ぐらいかな。

最後に、@nishiaki の「10年後に実現しておきたい事ありますか？」という問いかけは実に良かったですね。自分の中にある考えをまとめるいいきっかけになりました。多様な考えとバックグラウンドを持つ人達が集いお互いを高め合うために刺激し合うサト研、次はこれを読んでいる奴にも付き合ってもらう事にするよ。

« 記事を折畳む

• 13:12  XOOPS9のセッション始まったよ。#osc2009fk http://flic.kr/p/7kyJW1
• 13:28  XOOPS COOPSは全国のXOOPS制作会社と制作事例のポータルサイト。質の高いサイトを探すにも使える。http://www.xoops-co.jp/ #osc2009fk
• 13:32  世界初公開、「でらカート・パッケージ」はECサイトをXOOPS CUBE上で構築する事が出来る。年内にα版、来年は正式版を公開予定。#osc2009fk http://flic.kr/p/7kyUms

Powered by twtr2src.

正直に言うと、XOOPS Cubeはフォークする際に色々あったりしてちょっと疎遠になっていたのですが、地道に開発・改良は続けられていてXOOPS COOPSという制作会社／事例のポータルサイトがあったり、ショッピングカートモジュールが開発中だったりして、CMSというよりウェブフレームワークと呼びたくなるような進歩を遂げていたのが印象的でした。今後はショッピングカートモジュールでECサイトを構築してSNSモジュールで情報共有するような会員制オンラインショップを一つのシステム内で完結出来るのは大きいなと思います。

14時台は出展されているブースを巡ります。その中で異彩を放っていたのがNTT-PCコミュニケーションズのブースです。なぜか一面のリカちゃん人形が！名づけてねっと、というサービスのイメージキャラクターなんですね。この会社の提供するWebARENA SuiteXというサービスは内容と料金のバランスがよく仕事で使えそうです。

ここでは名づけてねっとに採用されているbingo!CMSの開発元の方とお話しする事が出来たのが収穫。Concrete5やjimdoのようにブロックをドラッグ＆ドロップで並び替えてデザイン出来るのが売りの商用CMSです。最新版は有料で一つ前のバージョンは無料のオープンソース版になる、というライセンス体系を採っているので、デモサイトをOSS版で作って本番サイトはライセンス購入の上最新の商用版を使う事も出来ます。開発資料も頂いたので研究してみようと思います。

• 15:10  「勉強会勉強会」始まるなう。#osc09fk
• 15:11  つぶやき推奨のセッションです。#OSC09fk
• 15:16  一番手はJPUGです。ボスグレユーザグループ。MySQLばかりですみません。#osc09fk
• 15:17  Skypeの裏側で動いてるのはポスグレ。#osc09fk
• 15:22  二番手はわんくま同盟。コミュニティを横断して繋ぐコミュニティです。#osc09fk
• 15:26  わんくま同盟さんの土曜日勉強会はUstream中継がある。#osc09fk
• 15:28  三番手はソフトウェアビジネスラボさん。技術とビジネスの連携が必要というところで出来た組織。 #osc09fk
• 15:33  四番手はJAVAコミュニティの@kis さん。#osc09fk
• 15:35  Javaって何？AndroidもJavaで動いてるよ。#osc09fk
• 15:39  五番手はRubyist九州さん。LTは初めてだって。頑張って。#osc09fk
• 15:43  何か作ったら発表しよう。Ruby大賞狙おう。#osc09fk
• 15:45  六番手は日本Androidの会福岡支部。この人がしかじろうさんか！#osc09fk
• 15:48  @Shikajiro さんが、各種Android端末を紹介。福岡支部は40人くらい。#osc09fk
• 15:51  Androidの勉強会のBGMはiPhoneでw #osc09fk
• 15:53  七番手は天神ウェブさんです。立ち見出てますね。#osc09fk
• 15:56  クライアントサイドの技術に興味のある人のコミュニティ。ユーザーインターフェースとか。ステートレスからステートフルなプログラミングへ。プログラミングとデザインの中間領域を強くする為に。#osc09fk
• 16:01  八番手はビットシフターズのひらたさん。早口過ぎるw バスケットボールのチーム。#osc09fk
• 16:02  でもプレゼン上手だなー。#osc09fk

Powered by twtr2src.

「勉強会勉強会」はその名の通り、福岡の各種コミュニティが主宰する勉強会についてのライトニングトーク(LT)です。去年はすごく面白かったと聞いていたので行ってみましたが、確かに素晴らしかった。福岡という適度なサイズの都市ならではのコミュニティ間の連帯感のようなものが感じられ、やっぱりサト研の忘年会には参加しようとこの時決めました。

最後はオープンソースのECシステムであるMagentoの紹介です。LAMPスタックの上で動作するという点では馴染みやすいのでインストールからデモサイトの展開までをざっくりと学習する事が出来ました。

• 16:16  16時代のセッションはECサイト構築のMagento入門。#osc09fk
• 16:32  Magentoの管理画面は色合いがWPみたいで使いやすそう。管理画面は直感的に使えそうに思える。#osc09fk
• 16:35  Magentoの商品カテゴリはドラッグ＆ドロップでツリー上で組み替え出来る。新規商品属性の設定は、ラベル付の済んだカスタムフィールドみたいな感じ。#osc09fk
• 16:43  Magentoの商品画像登録は複数枚をまとめて選択→アップロード出来るのが便利。#osc09fk
• 16:46  Magentoでは複数カテゴリにまたがって商品登録出来る。商品にタグもつけられる。商品独自の属性を設定できるので、例えば靴のサイズ違い、色違いなどを表示出来る。#osc09fk
• 16:56  Magentoデモで使っているのはVer1.4α版。ページ機能でTinyMCEが使えたり、ウィジェットが使えたりする。この辺もWPっぽい。決済についてはPayPal対応が充実している。#osc09fk

Powered by twtr2src.

今回はiPhone片手に随時Twitterに流してみましたが、こうなるとやっぱりノートPCとモバイル・ブロードバンド回線が欲しくなりますね。ともあれ、内容の濃いセミナーばかりで非常に参考になったし、来場者の熱気を感じてモチベーションが上がったりと今年も参加して良かったと思えるイベントでした。また、開催・運営に当たったスタッフの皆様、展示・発表してくれた皆様、参加した全ての皆様のおかげで楽しめました。本当にありがとうございました。

« 記事を折畳む

アニメ「AIR」OP　「鳥の詩」

言わずと知れた「国歌」です。12秒から18秒あたりのロゴの入り方が好き。

アニメ「クラナド　アフターストーリー」OP　「時を刻む唄」

40秒過ぎからのヒロイン４人の名前が風に乗ったイメージで表示される動きに注目。

アニメ「ef – a tale of memories 」OP　「euphoric field」

アニメ「ef – a tale of melodies」OP　「ebullient future」

本編の内容のメタファとなる「小説」がタイポグラフィとして背景にあしらわれています。放送話によって絵が少しずつ異なっていたり、最終話は日本語詞だったりと細やかな仕掛けが施されている事でも有名です。

アニメ「レンタルマギカ」OP　「宇宙に咲く」

アニメ「レンタルマギカ」OP　「Faith」

日本語版も英語版も歌詞が帯の中を流れて行きますが、交点に残った一字が次の文字列で重なるところにリレーされていきます。この交差する帯は原作ライトノベルの表紙デザインを上手くアレンジしてますね。アニメとしての内容はアレでしたが…

アニメ「ぱにぽにだっしゅ！」OP　「ルーレット☆ルーレット」

2ndオープニングですが、コレが一番文字の動きが面白いので。1st, 3rdも凝った作りで観ていて飽きません。

自分でFlashムービー作ったりする訳ではないのですが、観る目を養うためにこれからも日々精進したいと思いますw

« 記事を折畳む