スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
携帯電話販売に占めるスマートフォン比率、初めて5割超に
携帯電話の販売台数に占めるスマートフォン比率（2010年10月～2011年4月、週次ベース）。4月第1週にスマートフォン比率が初めて5割を超えた（同社のデータを基に編集部でグラフを作成） ジーエフケー マーケティングサービス ジャパン（GfK Japan）は2011年4月7日、2011年春商戦における携帯電話の販売動向（週次ベース）を発表した。これによると、携帯電話全体に占めるスマートフォンの比率が、4月第1週（3月28日～4月3日）に50.1％と過半数に達した。スマートフォン比率が50％を超えたのは、過去初めてとしている。 スマートフォン比率は、Android搭載機が相次いで発売された2010年秋以降徐々に高まっていた。これに加え、春商戦でソニー・エリクソン・モバイルコミュニケーションズの「Xperia arc SO-01C」や、NECカシオモバイルコミュニケーションズの「MEDIAS
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
Android、Symbianを抜いて世界スマートフォン市場でトップに――米Canalys調査 （ITmedia エンタープライズ） - Yahoo!ニュース
Android、Symbianを抜いて世界スマートフォン市場でトップに――米Canalys調査 ITmedia エンタープライズ 2月1日(火)11時9分配信 米GoogleのAndroid搭載端末が、米Canalysが4半期ごとに発表する世界スマートフォン市場調査で初めて首位に立った。Canalysの1月31日（現地時間）付の発表によると、2010年第4四半期（10〜12月期）にAndroid端末は世界で3330万台出荷され、3100万台出荷されたフィンランドのNokia製Symbian端末を抜いた。 市場シェアは、首位のAndroidが前年同期比24.2ポイント伸びて32.9％、Nokiaは13.8ポイント減の30.6％。3位はAppleで、0.3ポイント減の16.0％だった。出荷台数の前年同期比の伸び率はMicrosoft以外は各社2けた台だが、Googleが615.1％とほかに大
TechCrunch | Startup and Technology News
Welcome back to The Interchange! If you want this in your inbox, sign up here. We’ll be taking a break next weekend as Mary Ann and Christine both take much-needed vacations (we didn’t
Android、米国での新規購入でBlackBerryを押さえトップに――米Nielsen調査 （ITmedia エンタープライズ） - Yahoo!ニュース
Android、米国での新規購入でBlackBerryを押さえトップに――米Nielsen調査 ITmedia エンタープライズ 10月6日(水)10時1分配信 米調査会社Nielsenが10月5日（現地時間）に発表した第3四半期（4〜6月）における米スマートフォン市場に関する調査報告によると、過去半年間に購入されたスマートフォンで最も多かったのは米GoogleのAndroidを搭載した端末だった。 同期間に新たにスマートフォンを購入したユーザーのうち、32％がAndroidを選んだ。カナダのResearch In Motion（RIM）のBlackBerryは26％、iPhone OSは25％だった。 この調査は2010年1月10日〜8月10日の期間に行われており、6月末に発売された米AppleのiPhone 4の売り上げも反映されている。 スマートフォンユーザー全体では依然として
Android、米スマートフォン市場でiPhoneを抜いて2位に――米Nielsen調べ（ITmedia エンタープライズ） - Yahoo!ニュース
Android、米スマートフォン市場でiPhoneを抜いて2位に――米Nielsen調べ 8月3日11時41分配信 ITmedia エンタープライズ 米調査会社Nielsenが8月2日（現地時間）に発表した第2四半期（4〜6月）における米スマートフォン市場に関する調査報告によると、米Googleの携帯OSであるAndroidを搭載したスマートフォンが、販売台数で米AppleのiPhone向けOSのiOSを抜き、カナダのResearch In Motion（RIM）のBlackBerryに次ぐ2位となった。 米携帯市場全体に占めるスマートフォンの割合は前年より2ポイント増えて25％になった。Nielsenは、2011年末までにスマートフォンが多機能携帯（feature phone）を上回ると予測している。 販売台数をOS別に見ると、首位はBlackBerryが守ったがシェアは33％と前年
iPhoneにはもう戻れない！ HTC EVO 4Gを使ってみた － ＠IT
2010/05/26 5月19、20日に開催された開発者向けイベント、Google I/OではサプライズとしてWiMAX対応の最新Android端末「HTC EVO 4G Sprint」が参加者全員に配布された。30日間利用できるキャリア契約付きで配布され、すぐに最新のAndroid端末の世界を体験することができたので、ファーストインプレッションをお届けしたい。 HTC EVOは米国で6月4日に発売される予定の“次世代のAndroid端末”とも言える端末だ。NTTドコモが秋に出すサムスン電子製の「Galaxy S」と合わせて、いま世界のスマートフォンファンの注目を集めている。 何が注目かというと、とにかくスペックが豪華ということが挙げられる。 まず画面がデカい。iPhoneの3.5インチ、480×320ピクセルに対して、EVOは4.3インチ、800×480ピクセル。ピクセル数比ではiPho
ソフトバンクがGoogleケータイ、4月下旬発売＝最新バージョンでドコモと真っ向勝負【湯川】 | TechWave（テックウェーブ）
ソフトバンクの孫正義氏は、都内で開催されたソフトバンクOPEN DAYイベントで、ソフトバンク初のGoogle製OS「Android」搭載機種を発表した。HTC製の「Desire」と呼ばれるタイプの機種で、SoftBank X06HTとして4月下旬に発売予定という。 GoogleのAndroid搭載ケータイとしては、NTTドコモがソニー・エリクソン製のXperiaの発売を4月1日に予定している。ソフトバンクのDesireはドコモのXperiaと真っ向からぶつかることになるが、孫氏はイベントの中でドコモXperiaの機種との比較表を表示し、ドコモXperiaのAndroid OSのバージョンが1.6なのに対しソフトバンクDesireは2.1であることを指摘し、スペック的に優れていることを強調。「技術的に最先端を行かないと気がすまないんです」と胸を張った。 ▼スピード感ではソフトバンク優勢 「
Googleの自社製スマートフォン「Nexus One」が実際に動作しているムービー、ついに公開される
Googleが携帯電話向けOS「Android」の最新バージョンを採用した初の自社製スマートフォン「Nexus One」を投入する予定であることが12月14日に明らかになりましたが、ついに実際に動作しているムービーが公開されました。 画面上に映し出された「X」のアニメーションが印象的ですが、はたしてどのような意味が込められているのでしょうか。 詳細は以下から。 これが「Nexus One」が動作しているムービー。残念ながらほとんどが起動中のシーンで占められた21秒ほどの短いムービーとなっていますが、4色で映し出された「X」という文字がアニメーションする様子が印象的です。 YouTube - Nexus One Video 起動したところ。Androidのロゴマークが表示されています。 起動アニメーションを抜き出したムービー YouTube - NexusOne Boot Animation
スマートフォン出荷台数シェア(Q2’09)〜不景気ってなんですか?〜：将来のＰＣ業界パワーバランス - CNET Japan
スマートフォン出荷台数シェア(Q2'09)〜不景気ってなんですか?〜 公開日時： 2009/08/13 21:36 著者： 櫻吉 清(さくらきち きよし) 「アップル、第2四半期スマートフォン市場で好調維持--シェア13%台に」 Gartnerから、携帯電話の出荷台数のレポートが(Gartner Says Worldwide Mobile Phone Sales Declined 6 Per Cent and Smartphones Grew 27 Per Cent in Second Quarter of 2009)公開されました。 そこでスマートフォン4大メーカのシェアと出荷台数の前年同期比のグラフを作成しました。 ■スマートフォン出荷台数シェア ■スマートフォン出荷台数の前年同期比(%) 元記事にもあるように、携帯電話トータルの出荷台数の前年同期比は6%減です。スマートフォ
「iPhone」が245％増の大躍進 ― 2008年スマートフォン市場
米ガートナーは3月11日、世界のスマートフォン市場についての調査結果を発表した。2008年は世界で1億3900万台のスマートフォンが出荷され、前年比で13.9％の増加。その中でもアップルのiPhoneは日本を含む世界で新製品が発売されたこともあり、245％と大きな成長となった。 景気後退や魅力的な新製品が出なかったことで2008年第4四半期のスマートフォン全体では、前年同期比で3.7％と微増。これまでの成長がスローダウンした形だ。2009年も高い成長を維持するのは難しいと見られる。 ベンダ別ではノキアの退潮とアップルの躍進が目立つ。2008年、ノキアは6092万台のスマートフォンを世界で販売し、トップシェアを維持した。しかし、2007年と比べるとわずか0.8％の伸びにとどまり、市場シェアは49.4％から43.7％に低下した。特に2008年第4四半期は前年同期比マイナス16.8％と大きく凹ん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！