Aggregator

2011年2月5日、ベルサール九段で開催したCSS Nite LP, Disk 13 reprise「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、益子貴寛さん（サイバーガーデン）の『iPhone/iPadサイト制作でHTML5活用』のスライドと音声をシェアします。

• スライドとサンプルファイル（ZIP圧縮、11.2MB）
• 音声（MP3、36:54）

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

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

メッセージ

アンケートで、セッション間の「つながり感」や「一体感」がよかった、という声をたくさんいただけて、とてもうれしかったです！

デバイス（ユーザーエージェント）振り分けについてフォローします。

JavaScript、PHP、.htaccessのうち、ふつうは.htaccessをつかう、と覚えておいてください。（編集権限があれば「httpd.conf」でも可）

ただし、

• サーバ管理上、.htaccessの編集権限が与えられていない・開発段階で、ローカル環境をサーバ化していない（XAMMP、MAMPなどで）

といった場合には、Javascriptをつかうとよいでしょう。PHPをつかっているのであれば、もちろんPHPでもよいです。

ほか、自動的に振り分けずに、iPhoneからのアクセスに対しては、「iPhone用サイトが利用できますが、移動しますか？」などのメッセージをポップアップで表示したり、ページのなかに目立つように書いておく方法もあります。

サイトのつくりやユーザーニーズによっては、自動的に振り分けないほうがよい場合もありますので、ユーザー目線で適切な方法を選んでいただけたらと思います。

では、「鉄は熱いうちに打て」で、心がホットなうちにiPhone/iPad用サイト制作をはじめてみましょう！

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

• スライド（PDF、98ページ、41.4MB）
• 音声（MP3、29:13、28.1MB）

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

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

メッセージ

みなさま長い時間おつかれさまでした。最初のセッションということで導入となるお話をさせていただきましたが好評もいただき、みなさまにお伝えできたようで良かったです。

アンケートやTwitterにて「Androidだとどうなるの？」という話もよく見かけましたが今回の特集であるiPhone/iPadとは確かに違う部分があります。各機種搭載しているAndroid OSのバージョンにバラつきがあったり、デバイスによって違うということもあります。

Android対応については５月のLP15で、ということになりますがやはりそれ以前に重要なところが、Mobile First、モバイルデザインということになります。カバーしたい範囲が大きいほど、なかなか容易ではないと思われるかもしれませんがサイト設計をするときに、頭の中に少しモバイルを置いておくだけでもアウトプットする内容の質が変わります。

私自身もまだまだ勉強しないことが多いですがただただ苦しい課題と捉えず、面白みを感じて進んでいきましょう。

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

• スライド（4.1MB）
• 音声（MP3、50:23、24.2MB）

たにぐちさんは著書『iPhone+Android スマートフォンサイト制作入門』が好評です。LP13とは分野違いですが、『よくわかるPHPの教科書』も売れているようです。

メッセージ

皆さん、長丁場のセミナーお疲れさまでした。

私自身、スマートフォントはなんぞやから、アプリの話まで、幅広い知識を一日で濃密に吸収できた一日になりました。iPhone/iPadは未来を感じる面白いデバイスなので、Androidと合わせて成長を見守りながら、楽しんでいけたらと思います。

さて、私のセッションの最後で紹介した「おみやげ」を改めてご紹介します。以下のサイトにアクセスしていただくと、コード集やリンク集を見ることができます。今後も、気がついたものからアップしていきますので、RSSでチェックしていただいたり、Evernoteユーザーの方は取り込んでご利用ください。

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、谷 拓樹さんの『スマートフォン時代のWeb制作』のスライドと音声をシェアします。

• スライド（PDF、ページ、40MB）
• 音声（MP3、32:15、15.5MB）

谷さんは著書『HTML5＋CSS3で作る 魅せるiPhoneサイト』が非常に好評です。

メッセージ

Twitterにて「スマートフォンで、どのくらいウェブブラウズに使っているのか」というつぶやきがありましたので参考になりそうな関連資料となるページを紹介しておきます。

記事中段：スマートフォンの使い方（日経BPコンサルティング）

こちらで参照できるものは1年前の調査のものになりますがその前後の類似調査をみても、概ねウェブブラウジングをメインに使っている方が3分の2近くのようです。

もちろん細かい属性でわけると誤差はあるかとおもいますがウェブブラウズするという前提で、ユーザーが増えていると考えて良さそうです。

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

• スライド
• 音声（MP3、40:31、19.5MB）

メッセージ

私のセッション、「iPhone/iPadサイト制作でハマらないために」内で、講演内容について何点か補足します。

-webkit-transform:translate3d(0,0,0)を付ければいいのか、付けない方がいいのか

使った分だけメモリを食うようなので、アニメーションを使った時、チラつく問題が発生した場合に、アニメーションをさせる要素以下の要素全てにかけると良いかと思います。

-webkit-transformはどのくらいまで許容されるのか

以下のページで検証結果が公開されています（英語）http://cubiq.org/testing-memory-usage-on-mobile-safari

2011年1月22日、ベルサール九段で開催したCSS Nite LP, Disk 13「スマートフォン特集（1）iPhone/iPad編」のフォローアップとして、益子 貴寛さん（サイバーガーデン）の『iPhone/iPadサイト制作でHTML5フォーム活用＋α』のスライドと音声をシェアします。

• スライド（ZIP圧縮、11.2MB）
• 音声（MP3、40:34、19.5MB）

メッセージ

6時間超のセミナーにも関わらず、最初から最後まで、みなさんの熱意がひしひしと伝わってきて、とてもうれしかったです。

一点、終了後の質問に回答します。

iPhone/iPadは、インラインフレームのスクロール表現に対応していないのに、Googleマップをインラインフレームで読み込む意味、についてです。

これは、あくまでスクロールを前提にせず、つまり、画像を埋め込むように、ということになります。（元のマップとインラインフレームのサイズをまったく同じにする）

スライドにも、このような説明を少し追加しました。

HTML5フォームのテストページとアクセスマップのファイルを、スライドと一緒に差し上げますので、ぜひいろいろと試してみてください。

2011/6/1のThe Pew Research Center's Internet & American Life Projectのレポートから。 http://www.pewinternet.org/Reports/2011/Twitter-Update-2011.aspx http://www.pewinternet.org/Reports/2011/Twitter-Update-2011/Main-Report.aspx 関連リンク： Twitter利用、リンクありが14.9％、画像リンクありは1.25％ 米Twitter利用者、2011年に2,000万人を超える 世界のネットユーザのTwitter.com利用率、オランダが22.3％でトップ、日本は20.0％

Net Applicationsのブラウザシェアから。http://marketshare.hitslink.com/browser-market-share.aspx?qprid=3 http://marketshare.hitslink.com/browser-market-share.aspx?qprid=1 Chromeは続伸して12.52％。Safariも7.28％に上昇。IE8.0は31.28％と続落、IE6.0も10.36％にダウン。 関連リンク： ChromeとSafariがシェアを上げる、2011年4月の世界のブラウザ（Net Applications） IE8のシェアが35％の壁を超えられず、2011年3月の世界のブラウザ（Net Applications） Chromeのシェアが10.93％に、2011年2月の世界のブラウザ（Net Applications

Net Applicationsのデータから。 http://marketshare.hitslink.com/os-market-share.aspx?qprid=11 Windows 7のシェアは25.89％に上昇。Windows XPは52.41%と続落。 関連リンク： 2011/4世界のWindows 7のシェア、25％突破（Net Applications） 2011/3世界のWindows Vistaのシェア、もうすぐ10％割れに（Net Applications） 2011/2世界のWindows 7のシェアは23.08％に（Net Applications） 2011/1世界のWindows 7のシェアが22.3％に続伸（Net Applications） 2010/12世界のWindows 7のシェアが2割突破（Net Applications） 世界の

株式会社ジェイアール東日本企画は、映画「奇跡」の公開に合わせ、山手線の車内を映画一色にした「シアタートレイン（ADトレイン）」の運行を開始した。展開期間は201…

株式会社東北新社は5月31日、役員体制を変更し、取締役、監査役および執行役員の候補者を決議した。 経営における意思決定の更なる迅速化を図り、業務執行の強化並び…

2011/6/2　sysomos Blog http://blog.sysomos.com/2011/06/02/how-people-currently-share-pictures-on-twitter/ 画像リンクの場合、ホスティングはtwitpicが45.7％を占める。

株式会社電通が震災後に立ち上げた社内・グループ横断プロジェクト「NEXT STAGE PROJECT」は5月31日、「生活者意識定点観測調査」の結果を公表した。…

2011/6/2　comScore Data Mine http://www.comscoredatamine.com/2011/06/men-more-difficult-to-persuade-with-advertising-than-women/

2011Q1北米のメールマーケティング、開封率は23.3％と増加 （2011/6/2　epsilonのリリース） http://www.epsilon.com/News%20&%20Events/Press_Releases_2011/Q1_2011_North_America_Email_Trend_Results_Open_Rates_Increase_from_Previous_Quarter_and_Q1_2010/p1095-l3 インドの旅行サイト利用者、この1年で32％増 （2011/6/3　comScoreのリリース） http://www.comscore.com/Press_Events/Press_Releases/2011/6/Online_Travel_Audience_in_India_Jumps_32_Percent_in_Past_Year 米

モバイルユーザのアプリ利用率、日本は55.7％、ヨーロッパは39.8％ （2011/6/1　comScore Data Mine）http://www.comscoredatamine.com/2011/06/mobile-application-browser-usage-across-geographies/ 2011/3カナダのスマートフォンシェア、RIMが42％、Appleが31％ （2011/6/1　comScoreのリリース）http://www.comscore.com/Press_Events/Press_Releases/2011/6/comScore_Launches_Mobile_Measurement_in_Canada 日本のスマートフォン法人加入者は、2010年の65万人から2011年に約2倍の134万人に （2011/6/2　IDC Japanのリリース

2010年度の日本のサ－バ・ワ－クステ－ション、IAサーバは金額でも台数でもマイナス （2011/5/31　JEITAのリリース） http://home.jeita.or.jp/cgi-bin/page/detail.cgi?n=105&ca=1 国内セキュリティ市場、2010年は2030億円で11.8％成長 （2011/5/31　IDC Japanのリリース）http://www.idcjapan.co.jp/Press/Current/20110531Apr.html 国内ディスクストレージシステム市場、2011年は大震災や電力不足の影響で前年比6.6％減に （2011/5/31　IDC Japanのリリース）http://www.idcjapan.co.jp/Press/Current/20110601Apr.html 日本のセル映像ソフト市場、2011/3に震災で予想より

水谷 嘉仁 シニアプロダクトスペシャリスト

AdWords キャンペーン エクスペリメント（ACE）を使用したいが、何をテストしてよいかわからないというご意見にお応えして、サンプルのテストをご紹介する 5 つのデモ動画を作成いたしました。

 以下の動画のオリジナルはいずれも英語版ですが、動画の下にある「インタラクティブなキャプション」ボタンで日本語訳を確認しながら視聴いただけます。

クリックして拡大

これらの動画では、まず キャンペーンをコントロール グループとテスト グループに分ける方法のほか、次の 4 種類のテストを行う方法をご覧いただけます。

• キーワードのマッチ タイプ（例: 絞り込み部分一致のキーワードを追加した場合のアカウントへの影響）
• 入札単価（例: 入札単価を 10 % 引き上げた場合の影響）
• 広告（例: 新しい広告テキストと表示 URL を使用した場合の掲載結果への影響）
• 広告グループ（例: 広告グループのテーマが幅広い場合とテーマを絞った場合の成果の違い）

これらの動画がお役に立ちましたら幸いです。最初のテストの設定方法についてはこちらのヘルプセンターで手順をご覧ください。

公開されたばかりの「Google +1 ボタン」だが、一部のブラウザでは表示されない。HTML5のコードを利用することで対処可能。利用状況をGoogleアナリティクスのイベントトラッキングを使って計測する設定も紹介する。

- Google +1(プラスワン)ボタンが表示されないときの対処法 & クリック計測方法 -

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