各種スマホの強さとシェアがわかりやすいぐりぐり伸びるアニメーショングラフ
by Europa Press iPhoneやAndroidといった端末を触っている人を見かけることはもはや珍しくもなくなりましたが、では、そのシェアはどのように伸びてきたのでしょうか。asymcoがこれをインタラクティブなグラフとしてまとめており、iPhoneがどういった推移を見せてきたのか、Androidがどこで伸びてきたのかが一目でわかるようになっています。 Interactive Smartphone Platforms Data | asymco グラフの下にあるOrderで表示順を決められるので、ここで「Share of Smartphones」を選ぶとスマートフォンのシェア比較になります。データは全世界の数値をあわせたものです。 データは2007年6月から始まっています。まだAndroid端末の姿はなく、ノキアの使用しているSymbianがトップ。 その後、じわじわとSymb
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
わずか7.7mmの世界最薄ボディ、NECカシオ初のAndroidスマートフォン「MEDIAS（N-04C）」超速攻フォトレビュー
NTTドコモが本日行っている「新モデル発表会 2011春」で発表されたNECカシオ初のAndroidスマートフォン「MEDIAS」の超速攻フォトレビューをお届けします。 「Xperia arc」よりも1mm薄い、7.7mmという超薄型ボディや105グラムの超軽量を実現しただけでなく、4.0インチの大画面ディスプレイや撮影間隔1.1秒のカメラを搭載したモデルとなっています。 詳細は以下から。 これが「MEDIAS」です。カラーリングは2種類。 背面。500万画素カメラを搭載しています。 左側面 右側面 天面にはmicroUSBコネクタ 底面 バッテリー容量は1230mAh microUSBコネクタと並べると薄さがよく分かります。 ワンセグアンテナ 約4.0インチフルワイドVGA（480×854）を搭載。ディスプレイには剛性に優れたゴリラガラスを採用。なお、採用されているCPUはクアルコムの第
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
ソニー・エリクソン、Xperia arcのスペック公開
ソニー・エリクソン、Xperia arcのスペック公開 現地時間5日、米ラスベガスで発表されたソニー・エリクソン製スマートフォン「Xperia arc」だが、同日詳しいスペックなども続けて公開された。Xperia arcは同社のスマートフォン「Xperia」ファミリーに名を連ねる新たな機種で、同社製端末としてはAndroid 2.3（開発コード「Gingerbread」）を搭載した初めてのモデルになる。大きな特徴は背面がゆるやかな曲面でデザインされていることで、「arc」の名の通りの端末に仕上がっている。 発売時期は2011年第1四半期（1月～3月）以降で、一部の国と地域から販売が始まる。日本も対象に含まれており、国内ユーザーも手にできるようになる見込み。 同社が掲げるXperia arcの魅力は次の通り。 軽量薄型で頑丈なデザイン 4.2インチのマルチタッチ対応美麗ディスプレイ Mobi
iPhone・Android・Windows・Mac OS Xなどで気軽にメモが共有できるシンプルなアプリ「Simplenote」 - GIGAZINE
動作が軽く、デバイスやOSの垣根を超えたマルチプラットフォームでの連携ができるシンプルなメモアプリが「Simplenote」です。iPhoneやAndroidを始めとした各種スマートフォンだけでなく、WindowsおよびMac OS Xなどの各OSでもウェブブラウザ経由でメモを簡単に共有できるのが特徴です。 「TO DOリストや備忘録として」「家族と共有する買い物メモ」「会議や教室で」「ブログへ投稿前の下書き」「ブレインストーミングに」「日誌替わりとして」「映画やレストラン、本などのリストアップ」など自分に合った自由な使い方ができます。 アカウント登録、使い方の詳細は以下から。Simplenote. An easy way to keep notes, lists, ideas, and more. http://simplenoteapp.com/ ◆基本的な使い方 上記ページ内の「Cr
孫社長「ノートPCが恥ずかしい時代来る」 ソフトバンクが「4000万回線構想」
「ノートPCを持ち歩くのは恥ずかしい、Netbookは隠さなければならない、極論だが、そんな時代が来る」――ソフトバンクの孫正義社長は10月28日に開いた4～9月期の決算会見で、iPadなどタブレット端末（スマートパッド）が、PCに代わって急速に普及すると話した。 今後、スマートフォンやタブレット端末を中心に契約者数を増やし、ソフトバンクモバイルの回線数を現在の約2400万から4000万まで伸ばす構想を披露。今後10年以内、「201X年」中に達成したいという。 「最近、PCに触っていない」 孫社長は最近、「PCに触らないと決め、実行している」という。PC代わりに使っているのはiPadとiPhone。普段はタッチパネルのみで操作し、長文を書く必要がある時のみ外付けキーボードを接続。iOSのシンク作業も「秘書にやらせている」という。 「ほぼ毎日PCに触れていたこれまでのライフスタイルでは考えら
ke-tai.org > Blog Archive > jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ
jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ Tweet 2010/10/22 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」のAlpha版が、2010年10月16日にリリースされました。 プログラマにもデザイナにも人気のあるjQueryですし、スマートフォン向けサイトの需要が日に日に増している状況ですので、これは期待のプロジェクトだと思います。 そんな「jQuery Mobile」の情報を簡単にですがまとめてみました。 まず本家のサイト。 → jQuery Mobile トップ [querymobile.com] → jQuery Mobile Alpha 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス
「スマートフォン版GREE HTML5+JavaScript & Android」講演資料公開いたしました | GREE Engineering
https://jp.techcrunch.com/2010/09/04/20100903quantcast-mobile-web-browsing/