ソフトバンクモバイル株式会社

ソフトバンクモバイル株式会社について
日本を代表する携帯電話会社の一つ。2008年にiPhoneを国内で初めて取り扱うなど、日本でのスマートフォン販売の草分け。年商2兆1449億円（※ソフトバンクの移動体通信事業の売上額）社員数約6800名

ヤフー株式会社について
日本を代表するインターネットポータルサイト、『Yahoo! JAPAN』を運営。現在、「爆速」「スマデバファースト」をキーワードに経営。年商3020億円（2011年度）社員数3859名

｢Yahoo!プレミアム｣スマートフォン向けサイトのイメージ (画像は2013年3月時点のイメージです)

── 《Yahoo!プレミアム》では、『x-fit』をどう活用していますか。

x-fitは、2012年10月に新設した「Yahoo!プレミアム スマートフォン向けサイト」のユーザーインターフェース開発ツールとして活用しました。

Yahoo!プレミアムについて

── 《Yahoo!プレミアム》について教えてください。

《Yahoo!プレミアム》は、Yahoo! JAPANが提供する有料サービスです。
月額399円で、「ヤフオク!」への出品や、ゲーム・動画・コミック・占いなどの楽しい特典やお得なクーポンなどをお楽しみいただけます。
※「Yahoo!プレミアム」のホームページはこちらをどうぞ。

この《Yahoo!プレミアム》は、2012年10月から、サービス内容がスマートフォン向けに拡充されました。これはYahoo! JAPANとソフトバンクモバイルとの協業によるものです。

Yahoo!プレミアムのスマートフォン向け拡充について

── 「Yahoo! JAPANとソフトバンクモバイルの協業」と「Yahoo!プレミアムのスマートフォン向けサービスの拡充」について詳しく教えてください。

Yahoo! JAPANとソフトバンクモバイルは、「インターネットでNo.1」と「スマートフォンでNo.1」という互いの強みを相乗させるために、協業を開始しました。（※プレスリリース）その取り組みの一つが「Yahoo!プレミアムのスマートフォン向けサービスの拡充」です。

具体的な取り組み内容は、「1,000種類以上のスマートフォン向けコンテンツの拡充」、「Yahoo! JAPAN IDとソフトバンク携帯電話番号の連携」、「ソフトバンクショップでのYahoo!プレミアム会員登録の受付」、そして「Yahoo!プレミアムのスマートフォン向けサイトのリニューアル」です。

おかげさまで会員数は順調に増えており、2012年第３四半期の新規会員数の増加は、前年同期の数倍となりました。

スマートフォンならではの、直感的な操作ができるインターフェースを採用(画像は2013年3月時点における｢Yahoo!プレミアム｣のスマートフォン向けサイトの一部です

── 気をつけた点 2．「スマートフォンならではの楽しい操作感を取り入れること」とは。

スマートフォンは、指で画面を軽くたたく（タップ）、つまむ（ピンチイン）、指を滑らせる（スワイプ）、など体感的なインターフェースが使えることが魅力の一つです。

こうした直感的で楽しいインターフェースはぜひ今回のサイトに取り入れたいと考えました。

今回、採用したインターフェースの代表的な例として、指をスワイプさせて、画面全体を横滑りさせて表示する「カルーセル」というインターフェースを採用しています。

｢プラットフォームの区別は、「キャリア別」から「OS別」に変化しました｣
ソフトバンクモバイル
甲立隆雄 氏

── 気をつけた点 3．「どんなOS、どんなスマートフォンでも正しく表示されること」とは。

スマートフォンではない、通常の携帯電話（フィーチャーフォン）の場合、「表示のキャリア依存」、「表示の機種依存」という問題が生じます。

「表示のキャリア依存」は、ソフトバンク、au、docomoなどキャリアごとに、特定のデザインや文字の「表示できる／できない」が分かれるという問題です。「表示の機種依存」とは、たとえ同じキャリアであっても、機種の新旧により、やはり「表示できる／できない」が分かれるという問題を指します。

スマートフォンにおいては、そのプラットフォームの区別は、「携帯キャリア別」から、iOSとAndroidという「OS別」に変化しました。

このことにより、スマートフォンでの表示には「もはや機種依存やOS依存はない」と考える向きがあります。

たとえばパソコン用ホームページであれば、「Windows OS」でも「Mac OS」でも、一つのソースコードでほぼ同じように表示できます。ここから類推して、スマートフォン用サイトでも、普通に作っておけば、どのOS、どの機種でも、同じように正しく表示されると考えるわけです。

しかし、実際にはそのようなことはなく、表示の機種依存、それも「大きな機種依存」は依然として存在します。

｢機種依存に留意したサイト制作をしないと、後に改修する必要がでてきます｣
ソフトバンクモバイル
福井友紀 氏

── 「大きな機種依存」とは具体的には。

たとえば今回、《Yahoo!プレミアム》に採用した「カルーセル」というインターフェースで画面全体を切り替える動作は、iOS（iPhone）では動きますが、Androidでは動きません。
「表示が乱れる」、「使いにくい」ということではなく、「動かない」わけですから、これに気づかずにサイトをリリースすると、大きなクレームにつながります。

今回のサイトでは、「カルーセル」の他に、Android端末へ向けては「タブ」インターフェースを併設することで、この問題に対処しました。

「わたしは以前、別のスマートフォン向けサイトの企画に関わったとき、機種依存に十分留意しないままサイトをリリースしたことがあります。
そのサイトは、発表当初はどのOS、機種でも正しく表示されました。しかし、その後、新OS、新機種が出てきたときに、表示が上手くいかなくなり、結局、費用と手間をかけて、改修せざるを得ませんでした」（福井 氏）

「カルーセル」は「動く／動かない」が顕著に分かれる例ですが、これ以外にも、四角いブロックを等間隔に並べ綺麗に揃えるための「ジャスティファイ」や、サイト全体のコンテンツの各要素を正しく整列させるための「レイアウター」などの機能でも、OSごと、機種ごとに微妙な差異が生じるので注意が必要です。

｢機種･OS依存へ対応するための「仕組み」として『x-fit』を導入しました｣
リアライズ・モバイル
勝本淳之 氏

── リアライズ・モバイル 勝本様に質問です。「表示のOS・機種への依存」という問題に、どのような方針で対応しましたか。

この要望には「仕組み」で「一括対応」するべきだと考えました。

Yahoo! JAPANも、ソフトバンクモバイルも、「スピード」を重視する会社です。今回のプロジェクトも、スケジュールは非常にタイトでした。

企画側の皆さんには、やらなければならないこと、考えなければならないこと、判断しなければならないことが山のようにあります。そのとき、機種依存のような細かい話で、いちいち煩わせてはいけません。

今回のサイト開発では、表示の機種･OS依存に対応するための仕組みとして、KSKの『x-fit』を活用することにしました。