Aggregator

狗飼恭子さんの恋愛小説。マガジンハウスのウェブサイトでは女性視点の物語、ジョンソン・エンド・ジョンソン「アキュビュー オアシス」のウェブサイトでは男性視点の物語を展開。

2011/6/3のmillennial mediaのApril 2011 S.M.A.R.T. report http://www.millennialmedia.com/wp-content/images/SMART/MillennialMedia-SMART-April-2011.pdf（要登録）

2011/4米スマートフォンOSシェア、Andoid 36.4％、iOS 26.0％ （2011/6/3　comScoreのリリース）http://www.comscore.com/Press_Events/Press_Releases/2011/6/comScore_Reports_April_2011_U.S._Mobile_Subscriber_Market_Share 世界の無線課金市場、2015年には237億ドルに （2011/6/3　iSuppliのリリース） http://www.isuppli.com/Mobile-and-Wireless-Communications/News/Pages/Wireless-Charging-Market-Soars-in-2011.aspx 米新規保険契約の28％がウェブサイトから （2011/6/2　J.D.Powerのリリース

ユニメディアの2011年4月度インタラクティブマーケティング統計データから。 http://unimedia.co.jp/press/2011/report20110531.html タイトルはキャッチーですが、原典をしっかり読んで下さい。 関連リンク： 3.11以降、コンバージョン率は低下? ランディングページからのコンバージョン率は2.11％ リスティングもSEOも複合語よりも単語の方がコンバージョン率が高い?! 検索エンジン別のコンバージョン率、Yahoo!が平均より若干高めの1.36％ エントリーフォームからのコンバージョン率は52％、全体のCVRは2.4％ 入力フォームからのコンバージョン率は平均52.1％ 平均してエントリーフォームから48％がコンバージョンしない

インテルが、フェイスブックの情報で自分の博物館を作ってくれる。ソーシャルライフの視覚化。「Visibly Smart（目に見えるスマートさ）」をタグラインとする「Core i5 プロセッサー」のプロモーション。
------------------------------
The Museum of Me
http://museumofme.intel.com/
------------------------------

2011/6/3のcomScoreのブログから http://blog.comscore.com/2011/06/comscore_releases_total_universe.html

「海外&国内SEO情報ウォッチ」を更新。今週は、『キーワード出現頻度を話題にするのはもう止めよう』、『モバイルgooで大きなアルゴリズム変更か？』、『パンダ・アップデートの日本導入はしばらく先』など10記事+2記事。

- 『キーワード出現頻度を話題にするのはもう止めない？ by Google』::海外＆国内SEO情報ウォッチ -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップを公開しました。

• フォローアップ（1）谷 拓樹さん
• フォローアップ（2）益子貴寛さん
• フォローアップ（3）たにぐちまことさん
• フォローアップ（4）小山田 晃浩さん
• フォローアップ（5）高津戸 壮さん
• フォローアップ（6）外村さん
• フォローアップ（7）クロカワ リュートさん
• フォローアップ（8）多田さん
• フォローアップ（9）伊原さん

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップを公開しました。

• フォローアップ（1）谷 拓樹さん
• フォローアップ（2）たにぐち まことさん
• フォローアップ（3）益子 貴寛さん
• フォローアップ（4）高津戸 壮さん
• フォローアップ（5）小山田 晃浩さん
• フォローアップ（6）外村 和仁さん
• フォローアップ（7）多田 吉臣さん
• フォローアップ（8）比留間 和也さん

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、小山田 晃浩さん（ピクセルグリッド）の『iPhone/iPadサイト制作でのCSS設計とデザイン最適化事例』のスライドと音声をシェアします。

• スライド（PDF、95ページ、3.9MB）
• 音声（MP3、36:00、17.2MB）

続編のLP16：Android編を6月18日に開催します。

メッセージ

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、外村 和仁さん（ピクセルグリッド）の『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。

• スライド
• 音声（MP3、26:29、12.7MB）

続編のLP16：Android編を6月18日に開催します。

メッセージ

会場に足を運んでくださった皆さん、ありがとうございました。そして長丁場なセミナーお疲れ様でした。

セミナーの最後にも少し補足しましたが、PhoneGapのインストールについて補足します。まずPhoneGapのインストールの前にiOS SDKをインストールする必要があります。

iOS SDKのインストールにはこちらのエントリーなどを参考にするといいと思います

次にPhoneGapのインストールですが、PhoneGapの公式サイトのダウンロードボタンからダウンロードできます。

ここでダウンロードできるzipファイルを解凍して以下のファイルを実行します。

iOS/PhoneGapLibInstaller.pkg

これでXcodeを起動するとPhoneGapのプロジェクトがつくれるようになります。

ちなみにXcodeはiOS SDKをインストールすると以下の場所にインストールされます。

/Developer/Applications/Xcode

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、多田 吉臣さん（ヘルツ）の『 地方におけるミニマムなiPad用Webアプリ制作事例』のスライドと音声をシェアします。

• スライド（PDF、58ページ、11.4MB）
• 音声（MP3、31:36、15.2MB）

続編のLP16：Android編を6月18日に開催します。

メッセージ

LP13に参加いただき、ありがとうございました！

登壇の話をいただいたときからずっとなんですが、私からみなさんにお伝えできることはなんだろうと随分悩みました。jQTouchネタだけでも時間いっぱい使えそうでしたし、アプリケーションキャッシュとmanifestファイルにスポットを当てるアイデアもありました。

とはいえ、私にはそれほど抜きん出た技術があるわけでも、実績や経験が長けているわけでもありません。人よりちょっと知ってるぐらいのレベルでみなさんに満足いただける内容を提供できるだろうか・・・

そこで、ただ事例紹介をするのではなく、地方でもがいている１制作者というフィルタを通し、目の前の問題を共有できないか、また解決の糸口を探れないか、といったアプローチでお話することにしました。

問題というのは、「ユーザー視点の欠如」に他なりません。制作者は、高度な技術を求められるほど、この意識を保つのが困難です。求められていることに対し結果を出すには、目の前の課題がより技術的なものになるからです。何より、私自身、うっかり見失いがちです。

“ユーザーの心をつかむものになっているか？”

アプリはウェブサイト以上に、「ユーザー視点」が重要です。扱うものが、情報提供ではなく、１つ上の体験だからです。「なくても困らないけど、あったらHappyなもの」を提供するにはユーザーの方をきちんと向いていないとできません。

ウェブサイトは随分とアプリ的要素を求められるようになりました。スマートフォンやモバイルサイトなんかは顕著にそうです。さらに今後は、あらゆる家電機器にアプリが内包されたりと、今よりもっと私たちの生活に浸透していくことでしょう。

まだアプリ制作やスマートフォンサイト制作をしていない方は、機会あればぜひ挑戦してみてください！

これらの制作で得られるノウハウは、今あるウェブサイトをよりいいカタチにしてくれるものでもあり、新しいサービスが登場した際にも、順応するためにきっと力になってくれます。

来たるべき新しいコミュニケーション時代に必要なのは、他ならぬWebの知識と技術を持ったみなさんです。

これからのご活躍を応援しております！！

最後までお読みいただき、ありがとうございました。

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、比留間 和也さん（カヤック）の『教科書には出てこない!? iPhone のUIトリック表現』のスライドと音声をシェアします。

• スライド
• 音声（MP3、43:40、21.0MB）

続編のLP16：Android編を6月18日に開催します。

メッセージ

参加されたみなさん、長い時間お疲れさまでした。アンケートを拝見させて頂きましたが、これから作るぞ！というような熱意にあふれた意見が見受けられてとてもうれしく思っています。

一点、OTONATIC中でスライド中でアプリケーションキャッシュを使ってオフライン機能を実装している、と話していましたが、ちょっとこちらの手違いで、キャッシュファイルを指定していない状態のものが上がってしまっていました。現在は修正してありますので、もしオフラインでテストされた方がいらっしゃいましたら申し訳ありませんが、もう一度OTONATICへアクセスしてみてください。

※ちなみに、オフライン限定ではなくても例えばほとんど変更する可能性のないjQueryなどのライブラリをキャッシュさせておくことで読み込むファイル数を減らしたり、というような使い方もできます。

• OTONATIC

またセッションと直接は関係ありませんが、PC版とiPhone版で見た目が違うサイトや、PCで見ているサイトをiPhoneでも見たい、といった場合に便利なextensionを紹介したいと思います。

Googleのextensionになるのですが、名前は「Site to Phone」というものです。（聞いた話によるとFireofoxのブックマークレットなどもあるようです）こちらは、現在見ているサイトのURLを保存して、iPhone側でブックマーク（ホーム画面へのアイコン追加）でアクセスするとすぐにそのサイトにアクセスできる、というものです。

• Site to Phone

かなり便利なので、ぜひ使ってみてください。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、多田吉臣さん（ヘルツ）の『地方におけるミニマムなiPad用Webアプリ制作事例』のスライドと音声をシェアします。

• スライド（PDF、52ページ、10.5MB）
• 音声（MP3、27:26、26.4MB）

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

「コミュニケーションデザイン責任者を誰がやるか」「小規模案件からのステップアップ」について少しフォローさせていただきます。

◎コミュニケーションデザイン責任者を誰がやるか

「実際は難しいですよね」「理想ではそうだけど・・・」といった声をいくつかいただきました。確かに、小規模プロジェクトの場合、専属の人を立てるのはコスト的にも無理があります。そもそも、それに特化した職種の人は身近にいないのが現実でしょう。

では、この問題をスルーしていいかというと、私はそうは思いません。明示的な責任者がいるに越したことはありませんが、次のようなやり方も現実の落としどころでアリだと思います。

○個々の意識を高めることの総和で擬似的につくる

自分だけで抱えると意識を保つのが難しいですが、関係者みんなでシェアすると自己修正力が加わります。

例えば、クライアント担当者を加えたミーティングなどで「ユーザー目線、徹底しましょう！私もできる限り意識してやりますので、忘れていたらご指摘くださいね」と言っておくだけでも随分と違います。

○第三者にフィードバックをお願いする

プロジェクトに関わっていない人や、一般の人（家族や友人でもＯＫ）に定期的にフィードバックしてみると、Webに関わっていない人の純粋な意見が出てきたりします。私もたまにやるのですが、ときどき「はっ」とさせられることもしばしば。非常に有効な手段の１つだと思っています。

◎小規模案件からのステップアップ

これについては、すみません。ちょっと誤解を招く表現があったようです。小規模案件でのノウハウで中規模・大規模にも通用するといったニュアンスでお伝えしてしまいましたが、これは真意ではありません。

中規模・大規模になると、当然考慮しなくてはならない多くのことが発生します。小規模に比べてあらゆるリスクが高くなるので、リスクマネジメントも必要です。

では、何を伝えたかったかというと中規模・大規模なプロジェクトなのにサービスの根幹にある「ユーザー視点」が欠如したものが多く存在する現実です。

私たちが作っているものが、単なるWebサイトやアプリという「モノ」になってしまうとこれに陥りがちです。対価が払われるのは「モノ」から得られる「体験」であり「サービス」であることを忘れてはならないと思うのです。

伊原さんのフォローアップにあった「似通っているところ」ってどこでしょうか。ぜひじっくりと考えてみてください。ビジネス・アーキテクツ（bA）さんが手がけるプロジェクトが規模の大小に関わらず、素晴らしい理由がわかると思います。

これがお伝えしたかった「ミニマム」な部分です。

以上、長文失礼いたしました。最後まで、お読みいただき、ありがとうございます。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、伊原 力也さん（ビジネス・アーキテクツ）の『事例から学ぶスマートフォンサイトの設計手法』のスライドと音声をシェアします。

• スライド（PDF、95ページ、3.9MB）
• 音声（MP3、41:50）

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

みなさまお疲れ様でした！

最終セッションということでお疲れのところ、ご清聴いただきありがとうございました。アンケートを拝見して、参考になったという声を多くいただき、うれしく思っています。

サッポロビールさんの事例はいろいろと特殊なところもありますが、スマートフォンという制約、スモールスタートという方針に合わせてプロジェクトを進める「選択と集中」という点では、他の案件にも活かせる部分は大きいのではないかな、と考えます。

なお、ヘルツ 多田さんのセッション、KAYAC 比留間さんのセッションと比較いただくと、プロセスの差や、逆に似通っているところなどが見えてきて面白いと思います。ぜひ合わせてご覧ください。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、クロカワ リュートさんの『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。

• スライド（PDF、31ページ、1.8MB）
• 音声（MP3、32:17、31.0MB）（（外村さんのセッション内））
• Running App
• Running App の紹介ブログ記事

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

みなさま、長時間のセミナーお疲れさまでした、ありがとうございました。Webアプリの制作の実際ということで、Webアプリを制作した際の生の声をお届けできていたら幸いです。

Webアプリ制作、実業務ベースでは、十分な検証期間、公開後も引き続きiOSのバージョンアップでの仕様変更の確認、これらが非常に大事です。突然のSafariの仕様変更や、導入済みのHTML5の機能が仕様策定から外れる可能性があるからです。

HTML5やCSS3をいち早く導入できるのもiPhone向けWebアプリの魅力だと思うので、楽しんで最新技術の探求、Webアプリ制作に挑戦していただけたらと思います。

Enjoy！

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、外村 和仁さん（ピクセルグリッド）の『Web制作のノウハウでつくるiPhoneアプリ』のスライドと音声をシェアします。

• スライド（Safari、Google Chromeなどでご覧ください）
• 音声（MP3、32:17、31.0MB）

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

皆さん、長丁場なセッション大変お疲れ様でした。PhoneGapとTitaniumはどちらがよいかというところをフォローします。

TitaniumはネイティブのUIを簡単に作ることができるので、ネイティブなUIを再現したいのであればTitaniumを使うのがいいと思います。

しかし、Titaniumは独自の書き方を覚える必要があるのでPhoneGapよりややコストが高くなってしまいます。ですので、できるだけ既存の技術のみでコストを抑えてつくりたい場合はPhoneGapが適しているでしょう。

その他にも違いはたくさんありますが、どちらがいいとは一概には言えません。どちらも一長一短ですので、つくりたいものに対して最適なツールを選ぶのが大事だと思います。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、高津戸 壮さん（ピクセルグリッド）の『iPhone/iPadサイト制作でハマらないために』のスライドと音声をシェアします。

• スライド（こちら、Google Chromeでのみ動作確認しています）
• 音声（MP3、35:19、33.9MB）

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

長時間のセミナーでしたが、ご清聴のほど、ありがとうございました。

私のセッション、「iPhone/iPadサイト制作でハマらないために」について、フォローアップさせていただきます。

■CPI x CSS Nite「After Dark」

講演中にお話した、CPI x CSS Nite「After Dark」のUstream録画は以下にあります。こちら、ご興味のある方はご参照いただければと存じます。

■Androidについて

今回は、iPhoneにフォーカスした特集だったのですが、アンケート内でAndroidについても知りたいという感想を持たれた方が多いようでした。弊社で経験したAndroid案件は数少ないのですが、Androidに関して、私が感じているCSS・JSでUIを実装する際の所感を共有させていただきます。

※確実に正確な情報と保証できるものではないため、あくまで参考程度にお考えください

まず、Androidは、バージョンによって大きく性能が異なります。JSを書く際、問題になったのはバージョン2.1以下のAndroidです。この環境において、iPhone向けに書いていたJSが動作せず、アニメーション付のUI実装を断念した経験があります。バージョン2.2以降であれば、むしろiPhoneよりも高速にJSが動作する程に感じられ、PC向けに書いているのと同じ感覚でUI実装が行えました。※端末により差はあるものと思います。

2011年2月現在、出回っているAndroid端末には、まだまだ2.1が多いのが現状です。なので、iPhone以上にアニメーションを駆使したUI実装は厳しいのが現状と言えます。もしそういったものを実装するのであれば、バージョンで分岐し、実現可能なものだけを2.1以下に見せるなど、プログレッシブエンハンスメントという考え方がより重要なものとなります。

ほか、Androidにはエミュレーターが用意されているのですが、これを利用したとしても、JavaScriptのエラーコンソールを出すのは追加でプラグインを入れたりしなければならず、敷居の高いものになっています。また、meta viewporの指定がうまくきかなかったりと、iPhoneに比べると、もっと開発のし辛い環境であると言えると思います。

ということで、Androidに関しましても、私のセッションであったように、PCと比べると、やはりガラケーに近い感覚で、慎重に、ミニマルに設計する必要があるものと考えています。

以上、ご参考になれば幸いです。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、小山田 晃浩さん（ピクセルグリッド）の『iPhone/iPadサイト制作でのCSS設計とデザイン最適化事例』のスライドと音声をシェアします。

• スライド
• 音声（MP3、48:48、46.9MB）
• メディアクエリーを利用する上での参考サイト

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

ご参加頂いた皆様、長時間のセッションお疲れさまでした。

私のセッションでは、これからモバイル端末への対応を行おうと考えている方に向けてメディアクエリーについてをお伝えいたしました。

メディアクエリーは多くの人にとって馴染みがあるCSSの記法でそのまま利用することができます。また、特別な開発環境が必要というわけでもありません。

特に、スライド31ページ目以降でご紹介した3つの@media規則の使い方を復習し、ぜひ実験や利用をしてみてください！

なお、Media Queriesは数あるCSS3の機能の中でもかなり安定状態にある草案で、近いうちに行われるであろうCSS2.1勧告の後、CSS3 Media Queriesについても正式に勧告になると予測されます。

また、メディアクエリーについてセッション内では、特にiPhoneやiPadなどの小さい画面への応用を紹介いたしましたが、今後登場するであろう、テレビ画面やその他のデバイスへの応用へも期待できます。特に今すぐ使うという予定はなくても、知識として実際に試しておくといいでしょう。

■transform:scale()ではなく、zoomを利用する理由

セッション中にタイムラインで「なぜtransform:scale()ではなく、zoomを使うのか」といったような内容が流れていました。transformはzoomと同じく拡大縮小表示は可能なのですが、transformを利用したとしても、変形前の領域は維持され、隙間があいてしまったり、重なってしまったりしまったりしてしまいます。

簡単なdemoを用意してみましたのでその違いをお試しください（※Google Chrome、Safariでのみ動作します）。

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、たにぐちまことさん（H2O Space.）の『ライブコーディングで学ぶ、iPhoneサイト制作のキホン』のスライドと音声をシェアします。

• スライド
• 配布資料
• 音声（MP3、50:37、48.6MB）

CSS Nite LP, Disk 13 repriseは、2011年1月22日に開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」の再演版です。

続編のLP16：Android編を6月18日に開催します。

メッセージ

みなさん、長丁場お疲れさまでした！非常に濃い6時間を過ごすことができましたね。

さて、私のセッションでは「Windowsの場合はどうしたらよいのだろう？」というご質問をいただいておりましたので、ご回答差し上げます。

Windowsでは、セッション中で紹介した「iOSシミュレータ」および「Pastebot」を利用することができません。そのため、若干作業はやりにくくなってしまいます。

●Safariを利用する

Windows版Safariは、Mobile Safariとほぼ同じレンダリング能力を持っていますので、これで表示確認をします。ただし、一部 CSS3のサポート状況などが異なっているため、実機での確認は必須です。http://www.apple.com/jp/safari/download/

●Adobe Dreamweaver CS5 のマルチスクリーンプレビュー

Dreamweaver CS5には、「マルチスクリーンプレビュー」という複数デバイス向けの表示を確認する機能があります。これを利用すれば、横320pxや 480pxといった幅での表示を簡単に確認することができます。

• これは役に立ちましたか？はいいいえ

●実機での確認には、Gmailの下書きなどを使う

実機で確認する際、URLを打ち込むのが面倒なとき、Gmailのユーザーでしたら「下書き」を利用することができます。

Gmailで新しいメールを作成して、下書きとして保存します。これを、iPhone側のメールソフトで Gmailアカウントを同期し、「Drafts」フォルダを見るとメールが同期されるので、そのURLをクリックするという方法です。（この時、Gmailにアクセスして下書きを見てしまうと編集モードになってしまうので、iPhone付属のメールソフトで閲覧する必要があります）

その他、DropboxやEvernoteなどインターネット経由で情報が共有できるソフトであれば、同じようなことができるでしょう。