demo 1 は、私も注目している、面白法人カヤックさんと、サブリンさん率いるメタルレッドさんによるWebサイト事例。トヨタの「デコクレ」です。
やっぱり、サイト開発で大事なことは、「主導権を握る」ことですよね。
それはわかっているんですが、求められていなくてもモックまで作っちゃうというのは、ちょっと凄いと思いました。
しかも、「完成度の低いものは出さない！」
そこまでやんなきゃダメかぁ。
実は、今、ちょっと獲りたい仕事があるので、頑張ってみようかなと思ってます。
（でも、時間が足りないかも・・・）
それにしても、いつもながら凄いスピード感には驚かされます。
今度は、その瞬発力の秘密を知りたいです。（若さとか言うなよwww）
とか言いながら、結局「コンチ」しか覚えてなかったりしてwww
demo 2 は、正吾さん、野中さん、小野田さん、桜井さんのCS4大喜利
印象に残ったのは、野中さんの「消失点をAS3 2行でコントロール」でしょうか。
見た目がいいのに簡単だから、すぐ使えそうです。
他の方々のネタも、明日から使えそうでした。
demo 3 は、山村浩二さんの「短編アニメーションの制作行程」
山村さんって「頭山」の人だったんですね。
Flashとは直接関係ない話なのですが、凄く参考になりました。
線画に色をつけたあと影を別に作って合成するとか、なるほどと思う部分もあったし、何より、16,000枚もの絵を描くとか、それを合成して編集するとか、聞くだけで心が折れそうな事をやり遂げる計画性と持続力は凄いと思ったし、短編とはいえ映画にするには凄いお金もかかるんだということもわかったし、でも、達成感も凄いのだなと感じました。
そして二次会。
カヤックの嶋田さんって、きっと周りから愛されてるんでしょうね。声が大きくてお調子者に見えるけれど、まわりへの配慮も忘れず、謙虚さも持っておられて、まだまだ伸びていく方なのだろうと感じました。
プレゼンは練習と場数だそうですよ。小学3年生からプレゼンやってる野中さんにはかなわないにしてもwww、応援しているので頑張ってください。
あ、コンチのブログパーツ、うちのサイトに貼っておきましたよ！
]]>ポイントは、opモディファイアです。
まず、＜MTSetVar name="xxx" value="n"＞ で、変数を設定します。
xxx は任意の変数名、nは初期値です。
そして、ループの中で ＜MTSetVar name="xxx" op="++"＞とやると、xxxの値が1加算されます。
値を評価するときは、MTIfタグを使います。
たとえば、xxxの値が、3で割り切れるかどうかを判断するには、
＜MTIf name="xxx" value="3" op="mod" eq="0"＞
とすれば良いわけです。
Movable Typeのヘルプ「MT4.1で強化されるMTタグの新機能」によると、下記が使えます。
- add または +
- 加算
- sub または -
- 減算
- mul または *
- 乗算
- div または /
- 除算
- mod または %
- 剰余
- inc または ++
- インクリメント
- dec または --
- デクリメント
これを、MTCounterプラグインの機能に置き換えてみると、
MTCounter → MTSetVar name="xxx" value="n"（初期値設定）
MTCounterValue → MTGetVar name="xxx"（カウンタ値を表示）
MTCounterPlus → MTSetVar name="xxx" op="++"（加算）
MTCounterMinus → MTSetVar name="xxx" op="--"（減算）
MTCounterIfEqual → MTIf name="xxx" eq="x"（カウンタ値がxと同じ）
MTCounterIfLess → MTIf name="xxx" lt="x"（カウンタ値がxより小さい）
MTCounterIfMore → MTIf name="xxx" gt="x"（カウンタ値がxより大きい）
MTCounterIfOdd → MTIf name="xxx" value="2" op="mod" ne="0"（奇数）
MTCounterIfEven → MTIf name="xxx" value="2" op="mod" eq="0"（偶数）
MTCounterIfMod → MTIf name="xxx" value="n" op="mod" eq="x"（nで割った余りがx）
と言う感じで、いちおう、標準機能で代替出来ます。
奇数偶数の判断はできないので、2で割って余りが出るかどうかで判断します。
スピードは遅いです。
最高2Mbpsに抑えられているので、画像が多いサイトなんかはなかなか開きません。
mixiは、自分のホームがつらいです。
日記とかはそれなりに使えます。ただ、広告が足を引っ張ります。
モバイルmixiならどうかと思ったのだけれど、無線LAN経由では「PCはこちら」なんて言われて使えませんでした。
@Niftyは、旧タイプのWebメールなら十分実用的。
GMailも大丈夫そう。
他のGoogle関係も、だいたいはモバイル画面も使えました。
MovableTypeの管理画面は試してないけど、結構使えるのではないかと思います。
他にも、ネットラジオなんか良さそうです。
遅いので、Webブラウズするだけでもサイトによっては結構ストレス溜まることがありますが、トンネルだろうがなんだろうが、ずっと繋がっている安定感はいいですね。
東海道新幹線は携帯が繋がるエリアが多いので、メールだけならあんまり必要ないような気がしますが、トンネルの多い山陽新幹線でサービスが始まればいいですね。
電源が取れるので、無線LAN使っててもバッテリを気にしなくていいのが、最も魅力的でした。
問題は接続サービス契約。
ウィルコムの無線LANオプションにしようかと思ったら、初期費用が1500円必要とのことで、他のサービスを探していたところ、見つけたのが「@wigカード」です。
WirelessGate発行の無線LANのプリペイドカードで、1日、7日、30日の3種類あり、7日間使いっぱなしで680円と、ちょっと使ってみたいだけなら、とってもリーズナブルです。
ただ問題は入手方法。
コンビニのサンクスの、東京と千葉の一部の店舗での取り扱いなのですが、「一部」がどこなのか全然わからない。
会社の近くのサンクスは全滅で、ネットでいくら調べてもわからないので、WirelesssGateに電話して聞いてみたら、新宿区では７店舗しか扱ってなくて、新宿駅に一番近いのが「新宿三丁目駅前店」とのこと。（なぜか落合には3店舗もあるんですよね）
で、しょうがないので、わざわざ新宿三丁目まで行ったら今度は、あんまりマイナーで店員がカードのありかを知らなくて大騒ぎ。
結局1０分くらいかかったあげく、レジが打てなくてレシートなしで買ってきました。
さてカードのほうはというと、裏面のQRコードから専用サイトにアクセスし、メールでやりとりして有効化。
あとは、アドエス用の接続ツールをダウンロードしてインストールすれば準備完了です。
新幹線車内で接続ツールを起動したら、あっさり接続できました。
]]>これを実現するには、以下のような問題があります。
MT4.2からは、＜MTEntries＞などのループ中で、今、何個目かを数えて、＜MTIf＞でdivタグを書き出せばいいのですが、標準ではそんな機能はありません。変数__counter__を使って何個目かを数える方法があります。
これは、ほとんどのループ系のブロックタグ中で使用できるのですが、残念ながら、検索結果を表示する＜MTSearchResults＞の中では使えません。
（実は検索結果表示でも同じ表示をしようとしています）
そこで使えるのが、このプラグインです。
Counterプラグイン
使い方は、ドキュメントや解説ページを見てもらうとして、ここでは1列に3個ずつブログ記事を並べる方法を書いておきます。
書き出されるブログ記事の合計が3の倍数でないとき、divの閉じタグが書き出されないので、終了処理が必要になります。
counterプラグインは、奇数と偶数を調べたり、値を比較したり、カウントダウンも出来るので、いろいろ用途があります。
ウチのリンクページでは、奇数と偶数で書き出すクラスを変えて、ボックスの背景色を交互に変えるのにも使っています。（奇数か偶数かを調べるだけなら、MovableTypeの変数 __odd__、__even__ で可能です）
どういうケースでそうなるかというと、ウチのサイトのリンクページが良い例です。
一つの記事が矩形の小さなボックスになっていて、これを、float; left で並べています。
内容量がだいたい同じくらいのときは問題ないのですが、極端に内容量が違うとき、一つの記事の隣に二つの記事が回り込んだりしてしまいます。
もちろん、height で高さを指定してやれば揃う訳ですが、テーブルレイアウトのときは内容量に合わせて高さがいい感じになるのに、CSSでは固定高になってしまう（十分な高さにすると余白が出すぎる）というのはどうかと思いますよね。
そこで、魔法の呪文みたいな設定があります。
ネタ元はここ
[CSS]高さの異なるカラムを揃えるスタイルシート
解説すると、各ボックスをdivで囲んで、そのdivに対して「padding-bottom」にプラス、「margin-bottom」に同じ数値をマイナスで指定を行い、それらをさらにdivで囲んで「overflow:hidden;」を指定します。
HTML
＜div class="column"＞
＜div class="box"＞・・・＜/div＞
＜div class="box"＞・・・＜/div＞
＜div class="box"＞・・・＜/div＞
＜/div＞
CSS
.column {
overflow: hidden;
}
.box {
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
32768という数値に意味があるかどうかはよくわかりません（笑）
通常のサイトなら、これで良いのですが、実は Movable Type にはこのまま適用することが出来ません。
ボックスを1列ごと（たとえば3つごと）にdivで囲まなければならないのに、＜MTEntries＞などのMTタグでは、そんなことはできないのです。
というわけで、続きは次の記事で
]]>通常のブログとは構成がかなり違うので、ここだけ別サイトにして、MovableType の MultiBlog で構築したのですが、かなり苦労してしまいました。
細かいことはあとで備忘録代わりに書こうかなと思っていますが、下記が今回のポイントでした。
現在の問題は、登録件数が多いとページが長くなって見づらいこと。
でも、分割すると2ページ目以降を見ない人が多いと思うので、やっぱり１つのところに並べたいんですよねー
バナーだけ並べてマウスオーバーで表示させるか、トップページはタグ一覧とランダムで3件だけ表示とかにするか、悩みどころです。
いやー、久々に見ました。すっごい「おバカ」ムービーです！
絶妙なキャスティングは言うまでも無く、意味も無く挿入されるダンスとか、間が悪い会話とか（けなしているわけじゃないですよ）、ベタな下ネタとか、映画なのに「今週のビックリドッキリメカ」ってなんだよ？ とか、終始ニヤニヤしてみておりました。
で、話はナンセンスで相当に「おバカ」なのに、映像がかなり本気。
戦闘シーンの迫力は相当に凄いし、実物大を作ったというヤッターワンは存在感たっぷり。ギャグやるためにそこまでド迫力にするかってくらい。
また、キャストのコスチュームが「コスプレ」になっていないところもいいです。
ボヤッキーとトンズラーなんて、完全に「付け鼻」なのに、それが決まってる。
深田恭子はドロンジョ様に全然違和感ナシ。女王様コスプレじゃなくて、完全にドロンジョです。（ちょっとむっちりだけど）
そんな映画ですが、全体を通して描かれる、淡い恋心がいいアクセントになってました。
ボヤッキーのドロンジョ様への気持ち、ドロンジョの初恋、ヤッターマン2号の1号への想い。ドロドロしてなくて、みんな、可愛いんです。
ドロンジョ様を深田恭子にしたのは、ある意味純粋で可愛いドロンジョにしたかったからなのかなーって思いました。
これは、ヤッターマンのファンのための映画だと思います。
元ネタを良く知らない人は、意味がわからないシーンが多くて間が悪い感じがして、なんだかイマイチかもしれません。
あと、お父さんは小さい子供を連れて見に行かないこと！
大人にしかわからない下ネタでニヤニヤして、あとで子供に意味を聞かれて困っても知らないぞ。
そんなこともあって、最近良くなったと言ううわさの「SonicStage V」を試してみました。
いや、ビックリです。
以前のモタモタ感やイライラ感が解消されて、かなり扱いやすい印象を受けます。
最も不満だったプレイリストの作成も、iTunesと遜色ない感じです。
そして、プレイヤーへの転送も、プレイリストを選んで「AUTO」を押せばOK。
以前より高速で扱いやすくなってます。
フォルダを共有すれば、多少時間はかかるものの、インポートは簡単に出来ます。
AACも再生できるし、楽曲の属性も流用できるから問題なし。
ただ、レートは持ってこれないみたいで、そこがちょっと残念です。
でも、完成度はかなり高い。
Podcast と iTunes Store を使わないなら、iTunesはもういらないかも。
最初のほうこそ宮崎あおいの演技がちょっと鼻についたけど、あとはずーっと勢いに乗せられて見てしまいました。
鼻につくぐらいの勢いが無いと、中年パワーについていけないよね。
実家にいた頃に、後輩の弟さんがパンクバンドをやっていて、パンクを聞かされたり、私もライブを見に行ったりしたことがあります。
パンク自体はあんまり好きになれなかったけれど、やっぱりライブ行くと燃えちゃうんですよね。
やたらと速いリズムと、訳のわからないボーカルの叫び声に乗って、拳を突き上げて「オーイ、オイオイ！」と叫ぶのは、かなり気持ちがいいんです。
私は中年メリケンサックと同年代になるので、どうしてもそっちに感情移入してしまいます。
佐藤浩市演じるアニキみたいなひどい奴にはなりたくないし、一緒にバンドやりたくもないけれど、でも、あのエネルギーには憧れます。
そう、木村祐一演じる弟くん。彼の気持ち、なんかわかるような気がするのです。
でも、こんなメチャクチャな生き方、楽しそうだけど、ちょっと出来ないよなぁ。
あと、若い頃には、そこそこ無茶をしておくべきだなぁって思いました。
多少はやってきたと思うけど、もっと思い切っとけば良かったなぁ、なんて、つくづく思います。
若い頃に「何かやった」というのがあるから、中年になって「復活」ができるんですよね。何も無ければそもそも復活しようがない。
汚くて臭い中年に、晴れ晴れと気持ちよくさせてもらった映画でした。
まだまだ、私も頑張れそうな気がします。
・・・・・以下、ネタバレ注意！
ところで、この映画見て、江口寿志の「GO! AHEAD」を思い出した人は、どれくらいいるんでしょう？
で、iPod付属のイヤホンのように、右と左のイヤホンコードが同じ長さなら、「からまないイヤホンコードの巻き方」でググればいろいろ見つかるんですが、私が使っているのは、ウォークマン。
これ、左のイヤホンのところから右へのコードが長く伸びていて、うまくいかないんです。
そんな折、絡まないで上手く巻ける方法を見つけたので紹介します。
まず、左のイヤホンコードを巻きます。
人差し指、中指、薬指の3本に巻くようにするといい感じです。
これを本体に重ねて、上から右のイヤホンコードで巻きます。
最後に右のイヤホンを、プラグのところに通して留めればOK。
カバンなどに放り込むと、コードごとバラけてしまうので、私は小さい巾着袋に入れるようにしています。
上着のポケットなど、ピッタリ目のところなら絡まなくて快適です。
私は、会社と自宅でそれぞれ、FirefoxとChromeを併用しています。
メインはWeb開発用のアドオンが豊富なFirefoxなんですが、MovableTypeの管理画面や、ニフティのWebメールでは、Chromeが圧倒的に速くてFirefoxを使う気になれないということもあり、いつも両方のブラウザが立ち上がっています。
そこで問題になるのがブックマーク。
ブラウザが1種類なら、ブックマークフォルダをDropboxの共有フォルダに置いてやれば解決するのですが、複数のブラウザ間では難しい。
エクスポート／インポートなんて面倒なことはやってられない。
リアルタイムとは言わないまでも、自動で同期したいのです。
というわけで、オンラインブックマークの登場となるわけです。
いくつか試した結果、タグで管理できるのと、Firefox用のアドオンが秀逸で、Tipsなどの情報も多い、Google Bookmarks かなぁという結論になりつつあります。
しかし、ここで問題が・・・
同じGoogle製なのに、Chromeで、Google Bookmarks がとても使いづらい！
Firefoxには、GMarksという秀逸なアドオンがある（本体のブックマークより便利！）のですが、ChromeはWebで管理画面にアクセスするしかなく、しかも、Google Bookmarks の画面は、とっても使いづらいのです。
ここで考えたのが、iGoogleの活用。
こちらは幸い、とてもよく出来たガジェットがあったので、これをなんとか使おうと考えました。
まず、iGoogleの新規タブにこのガジェットを一つだけ追加。
次に、タブの編集画面で、1カラムにします。（★ここ重要！）
そして、ウィンドウ幅を狭くして、ヘッダーを非表示にするガジェットを追加します。
ここで、Chromeの売り、「アプリケーションのショートカットを作成」で、ショートカットを作ります。
これで、Chromeの 「Google Bookmarks ガジェット」が完成。
クイック起動バーに入れて、いつでも呼び出せるようになりました。
ついでに、Google Bookmarks にページを追加するブックマークレットをブックマークバーに追加しました。
これで、会社と自宅の異なるブラウザ間でブックマークが共有できるようになりました。
どこかでブックマークしてやれば、他のブラウザでそのまま使えるので、超便利です。
ていうか、Chromeに、ブックマークを Google Bookmarks と同期できる機能をつけてほしいんだけどなぁ・・・
Google Bookmarks （iGoogleガジェット）
Toggle Search and del.icio.us gBar （iGoogleのヘッダを非表示にするガジェット）
]]>これがうまく行くと、映画とかFlashとかW-ZERO3とかの、クローズドにする必要の無いネタが簡単に公開できるのでありがたい。
さてさて、どうかなー
MT4には「カテゴリー」というテンプレートモジュールがありますが、これは複数カテゴリーに対応していてリストで表示されるようになっています。
でも、複数カテゴリを画像でずらずら表示するのは変なので、メインカテゴリのみ表示することにします。（他のカテゴリを表示したければ、デフォルトの「カテゴリ」モジュールを併用すればよい）
まず、カテゴリを表示する画像を作成し、「title-（カテゴリのディレクトリ名）.jpg」という名前で保存します。
そして、ブログ記事アーカイブにインクルードされたブログ記事の詳細モジュールの先頭に、次のように記述します。
＜img src="＜$MTBlogURL$＞/img/title-＜$MTCategoryBasename$＞.jpg" alt="＜$MTCategoryLabel$＞"＞
必要ならば、divでくくってスタイルを指定します。
Cherry Pie web では、この部分だけをモジュールにして、ブログ記事リストにも表示されるようにしています。
]]>それよりも問題なのが、ファイル名の「entry-basename」です。
ヘルプによれば、エントリータイトルの先頭何文字かを取ってファイル名にするとか書いてあるのですが、日本語部分を認識してくれないので、なんだか変なファイル名がつけられてしまいます。
ファイル名は「カスタム」で指定することが出来ます。
Cherry Pie Webでは、「カテゴリ別／年月日時分秒.php」とすることにしました。
もし、アーカイブマッピングを変更する前にブログ記事を作成してしまっていたら、まず、FTPソフトなどで既に作成されているブログ記事のファイルを削除してから再構築します。
そうしないと、古いファイルが全部残って、なんだかグチャグチャになります。
（グチャグチャでも問題ないといえば無いのですが、気持ち悪いですよね）
ところで、ウェブページのアーカイブマッピングで「フォルダ別」というのが見当たりません。
%-c でいけそうなのですが、なぜかエラーが出てしまいます。
こちらは調査中です。