Movable Type コンテスト2010　受賞サイト一覧

コンテスト２０１０の受賞サイトをさらっと眺めてみましたが、さすがに上位サイトはどれもおもしろい！

テンプレートとシステムと機能が、アイデアに基づいた必然さをもってバランスよく組み上げられているのを見ると、気持ちが良いですねえ。ハイ。

私もいろいろやってみたい気持ちがフツフツと沸いてきましたよ。フツフツ・・・

元記事：
『DroppedBoxx』ならWindows MobileでもDropboxが使える！

DropboxでWindows Mobileとデータを共有したい方にはオススメ。

iPhoneやAndroidに押されがちなWindows Mobileですが、歴史が古いだけに優れたフリーウェアが充実しているのは大きなアドバンテージ（？）。
面倒なActiveSyncでのデータ管理を回避できるDropboxは、使い道をよく考えて使えば、Windows Mobileの優れた資産を有効活用する非常に便利なツールになり得るかと思います。

私の場合は、回線速度の遅いWillcom機なので、ちょっと使いにくいかな…。

クラウドとスマートフォンが互いのメリットを活かして大流行しているなか、そのお互いのメリットを結びつける肝心カナメの回線速度が遅いWillcomは、やはりそろそr（略）

特殊なレンズで撮影された映像は、人や車がミニチュアのおもちゃのように見えて面白い。
早回しで映像が流れ、さらにミニチュア感アップ。
地域を設定でき、設定した地域の天気が表示される、という実用性も兼ね備えている。

映像部分をクリックするとユニクロ商品がモザイクタイル状に現れ、各タイルをクリックすると商品が拡大しフワフワと揺れる。

ミニサイズのブログパーツをサイドバーに仕込む事もできます。
これはイイ！

WordPressには、Wordpress本体のインストールURLと異なる公開URLを設定できる機能があるので、これを利用しています。

制作時

1. 公開予定のURLの下にサブディレクトリを作成し、そこにWordpressをインストール。
   例：公開予定 → http://labrid.jp/
   WordpressインストールURL → http://labrid.jp/wp/
2. WordPressの設定から検索エンジンをブロックする。
   設定＞プライバシー設定から、『検索エンジンはブロックするが通常の訪問者の閲覧は許可する』にチェックして『変更を保存』。
3. WordPress全体をパスワードでブロックし、非公開にする。
   ※Angsuman’s Authenticated WordPress Plugin というプラグインを使って、ログインユーザー以外は全コンテンツを見られない（ログイン画面に飛ばされる）ようにする。（このプラグインは最新版のWordpressで正常動作しないのでコードを一部書き換える必要あり）
   ※ベーシック認証をかけると、記事投稿時に画像等をアップロードできなくなるので×

1. で検索エンジンを拒否しているので、一般ユーザーがアクセスしてくる事はほとんどありませんが、万が一アクセスがあった場合を想定し、3. のプラグインで全コンテンツをパスワードブロックします。
制作者、校正担当者には、Wordpressのユーザー登録画面からユーザーとして登録し、ログインしてもらう事で、全コンテンツを閲覧できます。

公開時

1. WordPressの設定から検索エンジンの巡回を許可する。
   設定＞プライバシー設定から、『このブログを、検索エンジン とアーカイブサイトを含め、誰でも閲覧できるようにする』にチェックして『変更を保存』。
2. Wordpresのインストールディレクトリ（例：http://labrid.jp/wp）のindex.phpをダウンロードし、以下の通りに変更後、公開ディレクトリ（例：http://labrid.jp）にアップロードする。
   変更前：

   /** Loads the WordPress Environment and Template */
   require('./wp-blog-header.php');

   変更後：

   /** Loads the WordPress Environment and Template */
   require('./wp/wp-blog-header.php');

3. WordPressの設定からアドレスを公開予定URLに変更する。
   設定＞一般設定＞ブログのアドレス(URL)を、初期状態（例：http://labrid.jp/wp）から公開予定URL（例：http://labrid.jp）に変更する。
4. プラグイン一覧画面から Angsuman’s Authenticated WordPress Plugin を停止する。

これで公開完了です。

WordPress本体がインストールされているのはサブディレクトリですが、Wordpressの生成する全コンテンツのURLは、3. で設定した上位ディレクトリをルートディレクトリとして生成されます。

校正環境として別サーバーで稼動させていたWordpressを移行したり、DNSのドメイン変更を行う手間と必要なスケジュールを考えると、遥かに簡素化できました。
公開サーバーでのテストも兼ねているので、サーバー仕様の違いによるトラブルは皆無。
お客様側の最終確認工程も削減できました。

Going My Wayさんの記事によると、変更については告知が無く、年間契約を更新する段階でようやく変更されている事に気づいたそうです。

Skype のような便利なツールを提供している企業が、健全なサービス運営(?)を継続するためにプラン内容について見直しを行う事自体は仕方のない事でしょう。
単純に月額プランの値上げするのでなく、オンライン番号を含まないプランを値段据え置きで残したのは、ユーザーに選択肢を残すという Skype の優しさかもしれません。

しかし一番の問題は、こういった重大な変更について一切の告知がないという点です。

公式リリースはおろか、有料契約者への告知すら無く一方的に変更するというのは、お客さまからお金をいただくサービスとしてはどうでしょうか。

公式サイトのプラン紹介ページはいつの間にやら変更されていました。

規約によると、Skype は月額プラン内容を随時修正する権利があり、修正内容をWebサイトに反映してから30日経過後も使用を継続した時点で、ユーザーは修正した条項・条件に拘束される、のだそうです。
ただし同規約には、変更内容と有効日付を記載した通知メールを送信するともあるのですが・・・

• 公式サイト；１ヶ国限定プラン紹介ページ
• 公式サイト：オンライン番号紹介ページ
• 公式サイト：VoIPサービス利用規約

以前にも、SkypeOut の料金体系の変更（SkypeOutに接続するたびに接続料金（4.9円/1回）が加算されるようになった）があった際、一切の告知が無いまま一方的に変更されていたため、ユーザーの大反発を受けたという経緯がありますが、その反省は無さそうです。

有料プランを利用するのであれば、あらかじめ以下の点を暗黙の了解として心に留めておくと、平穏な心持ちで Skype とつき合っていけると思います。

• 細かい事は気にしない。
• 情報は自分で探す。
• 詳細情報は本国公式サイトで。（英語も勉強できて一石二鳥♪）

私は細かい事を気にする典型的なA型気質なので、今後も無料サービスの範囲内で活用させていただくつもりです。
無料サービスとしては、Skype は間違いなく非常に優良なサービスです。(^_^;)

Yahoo JAPAN! や ニコニコ動画など、エイプリルフールネタを掲載していたサイトの多くがネタを下げていく中、Google は Google ストリートビューのアイコンはまだ下げられていないようですが、各解説ページを見るといつの間にやらこんなコメントが。

川柳

なんだってー？

ガチャピン＠ストリートビュー

いつの間に

昨夜の記事を見てもらえばわかる通り、公開間もない時はエイプリルフールの記述は一切なかったのに。
問い合わせが多かったのでしょうか？両コンテンツとも赤字でエイプリルフールの文字が入っていました。

個人的には、マップはともかく川柳は「まさか・・いやもしや・・？？」と思わせるものがあったのに・・あったような気がするのに・・・・・・・ないな。

楽しいエイプリルフールでした。
たった1日のためにがんばった人達に心から

お疲れ様でした。

そして

ありがとう

• Impresso Watch Headline
• MemoLi – News – 画像補整ソフト『occhocochoi』リリースのお知らせ
• IREM Homepage
• 映画のことならeiga.com
• スネ夫チャンネルへようこそ！
• 『週刊　AfterBurner』　パニャゴスティーニ
• @nifty：デイリーポータル Z
• ニコニコ動画(βββ)

今日一日限定なので、ご利用はお早めに。

本気ですか？

本日より、検索結果に川柳が表示されるようになりました。

東京 R&D センターでは、より日本に適したサービスを提供するため、日本の文化に関する研究を行っています。その一環として、昨年より俳句/川柳の自動生成技術を研 究してきました。瞬間を切り取り、短い表現に落とし込むという俳句/川柳の作成に必要な作業は、従来コンピュータにはできないと考えられていたものです。 しかし本日、Google が新しく開発した CADIE テクノロジーを利用することで、みなさまに川柳をお届けすることができるようになりました。

えーと・・・エイプリルフールですよね。
CADIEテクロノジーって何？

巷では、川柳が表示されるキーワードを探すのが流行の兆し。

例えばこのあたり：
ブログ、日本、東京、横浜、ドラえもん、情報、技術、検索、中学生、名言

Google のエイプリルフールは、本気かどうか判断に迷います。
ネタならネタと(ry

エヴァ実写ドラマ化計画 – Yahoo! JAPAN

またマニアックなネタを・・・映画のPRですかそうですか。。

エヴァ実写ドラマ化計画！？

ガチャピン ムックのGoogle マップの使い方講座

これはいったい・・ネタなのか本気なのか。

ガチャピン ムックの Google マップ使い方講座

ネタならネタと・・・
深夜のガチャピンドアップは、正直厳しいものがあります。

・・・ん？

ガチャピンッ！！

ガチャピンがストリートビューのアイコンに！！？？
ちーさいｗ　かわいいｗｗ
でもわかりづらいよｗｗｗ

カスタマイズ機能とかで、このガチャピンアイコンを使えるようにしてくれないかな。。

おまけ：ガチャピン上陸

みんな逃げてぇ?

[N] Skypeが世界トップの国際電話会社に

TeleGeographyによると、2008年の国際電話トラフィックの8%がSkypeトラフィックになった。Skypeの国際電話トラフィックは前年比44%増の330億分に達した。このため事実上、Skypeが世界トップの国際電話会社になるという。

トラフィックの割合、使用率として世界トップ、ということだそうです。

これは私の個人的な感覚ですが、
使用率トップだから世界トップ、と短絡的に言えないような気がするんですよね。
ユーザー数No.1のドコモが「携帯で日本トップ」というのと同じで。
（違いますよね？）

世界トップという冠は、品質・価格・運営サポートなど、総合的なサービス全体で真に世界トップであるところが戴いて欲しい。

Skype のサービス内容・価格が優れている事には異論ありませんが、サポート体制が非常に酷い。
今まで3回問い合わせメールを送りましたが、回答は一度もありませんでした。
電話で問い合わせたいのですが、電話番号はサポート用どころか、日本法人のものも見つけられない始末です。

日本法人だけの問題なのかもしれませんが、そんないい加減な企業が「世界トップ」と評価されていることにはやはり違和感を感じますね。

評価に違和感を感じる例として一番大きいのが、音楽のランキング。
音楽に対する評価をCDの売り上げだけでランキングを付けるのはちょっと違う、という世の中になっていますよね。
今は、音楽を入手する手段は、CD購入だけではなくなっているのに、そういう変化した現状に音楽のランキングは対応しきれていません。

ちょっと話が別次元すぎました。
が、大きく変わっているのは音楽業界だけではありません。

今はこの大きな変化にあわせて、評価のものさしも新調すべき時なのかもしれません。
ついでに自己評価のものさしも変えてみようかと思います！

追記）
Skype のサポートについては若干悪く書いてしまいましたが、サービスの質や内容については大いに満足しています。Skype は毎日便利に使わせていただいております。

リリース情報

• IE8 公式サイト
• IE 8正式版のダウンロード開始 – ITmedia News
• 窓の杜 – 【NEWS】MS、「Internet Explorer 8」日本語版を20日午前1時から公開
• マイクロソフト、「Internet Explorer 8」正式版をリリース:ニュース – CNET Japan
• 【レポート】MIX09 – 「Internet Explorer 8」は”リアル”ユーザーから生まれたブラウザ | ネット | マイコミジャーナル

レビュー系

• 特集：改訂 Web制作者＆開発者のためのIE8概説 Internet Explorer 8正式版レビュー − ＠IT
• Firefoxでも動く、IE8のWebスライスは普及するか？ − ＠IT.
• IE 8で気に入っている点と気に入っていない点、合わせて10個 – IT業界を生き抜く秘密10箇条 – ZDNet Japan.
• 【レビュー】Internet Explorer 8 ベータ2のルック&フィールや機能を紹介! (1) キーワードは「速い」、「便利」、「安心」 | パソコン | マイコミジャーナル
• Internet Explorer 8のVisual Searchがいい感じ – IDEA*IDEA ? 百式管理人のライフハックブログ ?

Tips 系

• 正式版公開！ IE8を最初からいきなり弄り倒す10のTips :教えて君.net
• 今すぐ入れておきたいIE8アクセラレータアドオン10個まとめ*二十歳街道まっしぐら

メインマシンをMacにしていると時代においていかれる気がしています。
IE8 も Google Chrome も蚊帳の外。

とりあえず、公式サイトのカニはいったい何？

• IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル

（以下、まとめの抜粋）

1. 必ず『DOCTYPE』を指定する。指定はHTML 4.01を採用する場合もXHTML 1.0を採用する場合もStrictを用いることが望ましい
2. 不可視化や狂ったボックス配置といった多くの問題を避けるために『position:relative』を使うようにする。絶対位置指定を使う場合には子ノードの位置を注意深く確認すること
3. マージン指定のあるフローティング要素でおこる”IE6ダブルマージンバグ”を回避するため、『display:inline』を使うようにする
4. IE6のレンダリング問題を解決するために『hasLayoutプロパティ』を設定する
5. フローティング要素に配置された最後の方の文字列がおかしくなる問題に対処するために『フローティング要素でdisplay:inlineを使 う』『最後のフローティング要素でmargin-right:-3pxを指定』『フローティング要素の最後のアイテムとして条件付きコメントを指定する』 『コンテナの最後の要素として空のdiv要素を指定する』といった対処を実施する
6. IE6はCSSホバー効果をa要素にしか適用できない。クリック可能部分やホバー効果を持たせる要素にはa要素を使う
7. IE6に特化した指定をおこなうために!important指定を使ったり、Advanced Selectorを使う
8. パーセント指定はIEでは混乱をきたすため避けるようにする
9. 完成するまでIE6で試験を行わないと修正に長い時間がかかる。早期にそして頻繁に試験をおこなうべき
10. コードのリファクタリングを実施する

概ね知ってたけど、一部知らなかったこともあったり（汗）

例えば 4 の『hasLayoutプロパティ』。
早速調べてみたら、コリスさんのところでど真ん中の記事発見。

• IEでのCSSのバグを回避するhasLayout | コリス

ふむふむ。
私は、今までこの問題に悩まされたことはあまりなかったですね。
IE でレイアウトに問題が起こったら、まず width 値を設定することにしているので（大抵はこれで解決できる）、この hasLayout を意識せずにすんだということでしょう。

尚、次期 IE のバージョン８では、このプロパティがなくなるそうです。
なくても CSS 対応の不具合によるレイアウト崩れがなくなったから、というのが原因のようで。
IE8 は概ね歓迎できそうな雰囲気ですね。

IEは、セキュリティソフトのように、バージョンアップしなかったら常に警告アイコンが表示されるようになるなど、「バージョンアップするのが当然。しないのは自己責任。（＝旧バージョンではレイアウトが崩れても当然）というような対応をしてもいいと思う・・・。

jQueryでちょっと小粋なアニメエフェクトを追加するテクニックが紹介されています。

流行の lightbox（Labrid WP でも使っている、画像をクリックすると周囲が暗くなり画像だけが画面中央にハイライト拡大表示されるエフェクト）もいいですが、猫も杓子も・・・的なところがあります。
こういったエフェクトをオリジナルに付け加えられる技術はぜひ持っておきたいところです。

jQuery 関連情報

• jQuery 1.3.2 日本語リファレンス
• jQueryサンプル集 | DesignWalker
• All About：タグ「jQuery」の記事一覧

SEO を業務としている方のサイトが Google の検索対象から消されたというなんとも笑えない話。
検索アルゴリズムの中でも一番の謎がペナルティの発生条件なわけですが、この方が推定している原因がこれ。

でも、「え、もしかしてコレ？」というのを発見しました。
メニューにテキストではなく、画像を使い、マウスの動きでbackgroundを変化させていました。リストタグで画像を並べているので、メニューのテキストが、そのままでは上に乗ってしまいます。それを回避するために、
text-indent: -9999px
としてテキストが見えないようにしていました。
コレは、SEOがどうこうと言うことではなく、CSSでコーディングするのに仕方なくやってられる方も多いテクニックの一つだと思います。
ただ、今回Googleから消されたサイトで怪しいと思われる部分はここだけなんです。

これは、Javascriptに頼らないマウスオーバー処理として、現在の主流のコーディング手法となっており、既にかなり多くのサイトが採用していると思います。
確かに、マイナスマージンやマイナスインデントでコンテンツを画面外にとばしてしまえば、ソース内のテキストを表示上では見えなくすることが可能なので、悪徳 SEO 業者の温床になりそうなテクニックだとは思っていましたが。

が、本当にこれが理由だとしたら、多くの有用なサイトが Google のインデックスから消えてしまうことになります。
そんなことになったら、サイト管理者はもちろん、情報を求めるユーザーにとっても不利益になることは間違いなく、最近の Google の不振な挙動もあいまって、ユーザー離れの要因になりかねないと私は思うのですが・・・。

実際のところがどうなのか、非常に気になるところです。