10月5日にApple が発表したのは iPhone4S でした。 iPhone5 への期待や au からの発売が漏れていたこと、ジョブズの不在などから、盛り上がりに欠けたとの意見も Twitter 上では多く見受けら、Apple の株価は失望売りで下落してしまいましたね。そして 10月6日にはスティーブ・ジョブズ死去とのニュースがとびこんできました。

この記事ではアップルの iPhone をはじめとするスマートフォンというデバイスについて、10月1日に開催されたバリューコマース EXPO 2011 のふたつの講演を取り上げます。
・新しい時代へ！スマートフォン＆ソーシャルメディア最新事情 ｜夏野　剛 氏
・WordPressを使って、Web API連携 ＆ スマートフォン最適化をしてみよう！ ｜星野 邦敏 氏

新しい時代へ！スマートフォン＆ソーシャルメディア最新事情

※バリューコマースEXPO2011 担当者に了承いただいて撮影し掲載しています

NTT Docomo で iモードの開発に携わったことで有名な夏野さんの発表は、震災後の「インターネットの情報発信能力」からはじまりました。政府は3月21日パニックを恐れて発表しなかった放射能情報が確認されている根拠ある情報が１２日時点で Twitter でツイートされていて、このような情報収集をツールとして実現しているのが携帯やスマートフォンであり、クラウドであるというものでした。

クラウド革命とは
クラウド革命は誤解が多い言葉で、それを端的にあらわすのが 「クラウドサービスをとなえている会社ほど社内で Gmail が使えない」という冗談のような本当の話。笑えませんが、たしかにそうですね（汗）

それではクラウドが実際にもたらすものは何なのか？

クラウド革命は何を意味するのか？

スマートフォンとは何か？

夏野さんはご自身が開発に携わった日本の携帯を「ガラケー」と揶揄しながらも、自分の開発した i アプリには誇りを持っているんだなということが伝わる説明でした。実際 i モードは本当に画期的で間違いなく世界をリードしていただけに、完全に Apple と Google にひっくり返された今の状況は非常に皮肉ですね。

また、日本で携帯各社から発売された Android 端末を指して「ガラスマ」と呼ばれていました。これには私も同意で、端末ごとのスペック差が解消されない日本の多くの Android スマートフォンは「ガラケー」と大差ないと感じてしまいますね。



そして、競い合っている iPhone と Android は実は競合していないことを ビジネスモデル から読み解いたのが上の図です。Google は広告収入で、Apple は消費者を囲い込むことで、そして日本（キャリア）では通信費で収益を最大化させようとしていて、たしかに直接は競合していませんね（実際には多大な影響を及ぼしあっているのですが・・・）。

クラウドとスマートフォンで大きく状況は変わりました

個人的には 「クラウドとスマートフォン」が登場して大きく状況が変わったのではなく逆で、 携帯通信環境が普及｜コモディティ化 したためにクラウドとスマートフォンが登場したが正しいかなと思っています。


これまでの閉鎖的だったモバイル市場は、オープンでグローバルなインターネット市場になるとの結論でした。ハードが普及するとソフトウェア、コンテンツと戦場が移っていくのは、まるでインターネットバブルの焼き直しのようですね。ただし、これまでインターネット市場で培ったノウハウがモバイルに適用できるようになるのは個人的には大歓迎です。

---

WordPressを使って、Web API連携 ＆ スマートフォン最適化をしてみよう！

続いては WordPress コミュニティでよくご一緒させていただく星野さんの発表です。 これまでのWeb API 連携に、スマートフォンによる最適化まで加えたスライド約２百枚の盛りだくさんの内容です。



スライドは こちら（星野さんのサイト） からダウンロードできます。

WordPress でスマートフォンに対応する３つの方法

WordPress を使ってスマートフォンに対応する方法はスライドの１２８ページからです。スライドではその方法を大きく３つに分けています。

(a) スマートフォンに自動対応するプラグイン
　　・プラグイン「WPtouch」をインストールして有効化する
(b) Media Query を使ってテーマで対応
　　・Twenty Eleven、Whiteboard テーマなど Media Query 対応テーマをカスタマイズする
(c) ユーザーエージェントで振り分ける
　　・WPtouch、MobilePress プラグインを使う or カスタマイズする
　　・KtaiStyle プラグインを使いスマートフォン専用テーマをカスタマイズする
　　・iPhone theme switcher などユーザーエージェントで振り分けるプラグインを使う
　　・is_iphone 関数で条件分岐させる
　　※Ktai Style プラグインはパケット量節約や画像自動縮小など、日本のガラケー独特の仕様に対応

ユーザーエージェントで振り分けるメリットは「同一URLでPCサイト、スマートフォンサイト、ガラケー（携帯）サイトの振り分けを自動で実現」できることです。例えばプラグイン「Ktai Style」をインストールして有効化すると、管理画面のKtai Styleの［テーマ］をクリックして「各端末ごとで使うテーマを振り分ける」ことができます。

星野さんのサイト「水族館コミュニティ」による具体的カスタマイズ例

星野さんは自身で作成した「水族館コミュニティ」というサイトを例に、具体的に説明してくださいました。水族館コミュニティでは「Ktai Style」プラグインを使いユーザーエージェントで振り分けしていて、ＰＣサイト、スマートフォン、携帯サイトと３種類のテーマを作成して最適化しています
水族館コミュニティ www.japan-aquarium.com

　Twenty Ten の子テーマ
　jQuery Mobile を使ったテーマ
　Ktai Style のテーマをカスタマイズ

jQuery Mobile

スマートフォン向けのサイトでは、jQuery Mobile を使用しているそうです。jQuery Mobile ではテンプレートやパーツが用意されていて、とても簡単にスマートフォンサイトらしいデザインを構築することができます。
http://jquery.com/
http://jquerymobile.com/
http://jquerymobile.com/designs/

（１）テーマの色もタグだけで実現
（２）アイコンもタグだけで実現
（３）リストビューもタグだけで実現
（４）折り畳みもタグだけで実現
（５）フッターナビゲーションもタグだけで実現

アフィリエイトのスマートフォン／携帯対応

アフィリエイトではそもそも、ＰＣ用アフィリエイトリンクとモバイル用アフィリエイトリンクに分かれていて、以下のような対応方法があります。
(1) ＰＣ用サイトとモバイル用サイトを分ける
　　問題点： 手間がかかる、被リンクが分散する、最悪ミラーサイトと判定される恐れまであります。
(2) ＰＣ用アフィリエイトリンクと、モバイル用アフィリエイトリンクを両方用意する
　　問題点： ＰＣ用、モバイル用の２種類リンクを用意する必要があるうえ、リンクしてもらえるとは限らないため機会損失が発生します。
(3) 同一ＵＲＬでユーザーエージェントで振り分ける
　　良い点： ＰＣサイトではＰＣリンクと、モバイルサイトではモバイルリンクを用意できる。
(4) プラグイン「Ktai Style 2.1 β版」では pc-only や mobile-only といったショートコードで切り替えることも可能になるそうです。これは便利！！

さらにスマートフォン専用バナーも登場していたり（スマートフォンを使っているとたまに見かけます）、成果報酬の発生条件が異なる（こともあるそうで、アフィリエイトにおいてもスマートフォンに対応することによるメリットが多いようです。

星野さんのインターネットやウェブサイトの技術やテクニックに関する知識の幅広さと、それぞれのメリット・デメリットをきちっと抑えているところに脱帽でした。会場は立ち見が部屋の外まで続くほどの満員で、みなさん熱心にメモを取っておられるなど非常に熱気を感じられました。

---

スマートフォン対応はこれからも、インターネットやウェブサイトにかかわるうえで欠かせないどころか重要度は増すばかりの分野です。バリューコマース EXPO 2011 はスマートフォンの動向と対応方法についての発表が聞けるとてもよい場となりました。