Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.
Google では、IPSOS、モバイルマーケティング協会(MMA)と協力して、世界 30 カ国、30,000 人のスマートフォンユーザーを対象に、スマートフォンに関する大規模な行動・意識調査を行いました。本日より、同調査結果を日本でも公開いたします。 この調査は、スマートフォンの普及率、利用状況・シーン、使用用途、オンラインコマース(情報収集と購入行動)、広告への反応の5 つのカテゴリに分かれており、Our Mobile Planet サイトで、自由に調査結果をご覧いただくことができます。 調査結果から、日本に関する興味深い結果をご紹介します。 日本のスマートフォンユーザーがインストールしているアプリ数は平均 45 個で、調査対象の30 カ国中で最多でした。日本のスマートフォンユーザーで、毎日 4 回以上モバイルインターネットを利用していると答えた人は 68%で、これはアジアにおいてもっ
iPhoneタブバー&ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー&ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
こんにちは、守谷です。 携帯電話のキャリア各社がこぞってスマートフォンを売り始めて早半年。ケータイの本体ではなく通信料を軸に顧客から利用料を徴収する為に、各社ともフィーチャー・フォンからスマートフォンの販売に力を入れている(移行している)という事実にお気づきの方は、もうWebや通信系のお仕事をされていない方の中にも結構いらっしゃるのではないかと思います。 端末単位で見ても、Yahooの出すYahoo!Phoneが9月に出るとか、AppleのiPhone5が秋口に出るとか、直近の話題どころで言うとWindowsPhoneだとか......。スマートフォンといえば「iPhone!カッコイイ!」というイメージが今は昔、スマートフォン利用者がフィーチャー・フォン利用者を追いつけ追い越せであることは明白です。 私個人でいえば、フィーチャー・フォンを使いこなせばスマートフォンと同じだけの便利さはある!
ちょうど1年程前に、オクトバの”1000アプリご紹介達成企画”として殿堂入りAndroidアプリ100選を公開しました。それから月日を重ね、先月1日に”2000アプリご紹介”を達成しました! そこでオクトバの「2000アプリご紹介達成企画第一弾」として、たくさんの反響をいただいた殿堂入りAndroidアプリ100選の2011年度版を公開いたします! 超定番の人気アプリや最新の新着アプリの中から、オクトバ編集部が本気でオススメできるアプリを100本選びました。 今回の100選は、アプリの特徴によって「ツール系」「管理・設定系」」「コミュニケーション系」「ライフ系」「情報系」「マルチメディア系」「エンタメ・ゲーム系」の7種類に分類しました。
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ(chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください) download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
My Settings Androidケータイにはこれまでのフューチャーフォン以上に設定できる項目が多い。着信音やバイブレーション、Wi-Fiや3G、Bluetoothなどの通信、画面の明るさや自動回転、ロック時の挙動などなど、それはそれは大量の設定項目がある。『My Settings』はこういった設定でよく使われる機能を1画面にまとめ、一発でアクセスできるようにしたアプリ。Androidケータイを使うならば、ぜひ入れておきたい1本だ。 Task Switcher Android端末というのは色々なアプリをインストールして、機能追加ができるのが最大の特徴だ。しかし、大量にアプリを起動しているとメモリを圧迫してしまってAndroid端末の動作が遅くなっていることもよくある話。ではどうやって対策するか。標準だとホームボタンを長押ししてアプリを切り替えたり、そのままタスクマネージャーを起動して、
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 (一部の図はセミナーの資料を元に作成してます。) 始めに:スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ(0からスマートフォンサイト用に構築) jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
大げさなタイトルをつけてみましたが、先日Googleが本家のスマホ版サイトをリニューアルしました。主に「Google+」の追加が主ですが、面白いロジックが仕込まれていて、スマホサイトの未来を垣間見る気がします。いくつか紹介しましょう。 固定ツールバー これまで、スマホサイトの構築では「要素を固定できない」というのが常識でした。 CSSの「position:fixed」が効かない上に、スクロール中は一切のスクリプト操作や、アニメーションGIFですらもストップしてしまうため、要素を固定したりすることはできなかったのです。 そこで、これまでは固定したい要素は「スクロールの開始直後にいったん消え、スクロール終了後に再度表示される」というのが一般的でした。jQuery Mobileの fixed toolbarがそのつくりです。 しかし、リニューアルしたGmailでは、スクロール中も固定したツール
最近話題になることの多い、JQuery Mobileを使ってiOSにそっくりな外観のテーマが作成されたようです。そのそっくり具合はデモを見れば一目瞭然です。ネイティブアプリケーションに限りなく近いUIを独自に再現する際には使えるかもしれません。 また簡単なモックアップをPCベースで作るというような応用もできそうですね。 作者のTait BrownさんはメルボルンのUIデザイナーでコードとサイトはgithubで公開されています。 via:http://taitems.tumblr.com/post/7240874402/ios-inspired-jquery-mobile-theme-jquery-mobile
8. ■携帯開国論 ・ガラパゴスケータイからスマートフォンへ(シェア現状&予想) 2010年1月 2010年2月 2010年3月 2010年4月 3G端末(xhtml対応) docomo(3G) 47.2% 47.2% 47.4% 47.6% au(3G) 28.1% 28.1% 28.2% 28.2% Softbank(3G) 19.1% 19.2% 19.5% 19.6% eMobile 2.0% 2.0% 2.1% 2.0% 合計 96.3% 96.6% 97.2% 97.4% 2G(HTML対応) 合計 3.7% 3.4% 2.8% 2.5% モバイル契約台数総数 111,026,600 111,515,200 112,182,900 112,714,800 社団法人 電気通信事業者協会の調査値より 2010年4月現在 2010年末予測 2011年末予測 2012年末予測 スマート
最近、ある理由があって、Androidアプリについて色々と調べ直す必要が出てきたので、以下の記事を「利用シーン別」で整理し直しつつ、大幅に内容を見直してみました。 Androidの神アプリスレまとめ記事の内容を整理しつつ最新化しました 注意事項 以下の前提でまとめてみました。・2011/7/4時点でAndroidマーケットに存在する無料アプリが対象。・「利用シーン」は私の独断です。ご了承ください。・チェックはしてますが、間違い等ありましたらコメント頂けると助かります。QRコードを羅列すると2つが同時にファインダーに入ることがありますが、他のウインドウで目的以外のコードを隠す、等の方法で取り込みやすくなります。 なお、アプリの価格は常に変動しています。以下の情報をご利用の際はくれぐれもAndroidマーケットの最新の価格を十分ご確認の上「自己責任」でご購入ください。よろしくお願いします。 そ
昨日のやつ(あなた専用のiPhoneアプリを作るサービス、始めました。 | itFun.jp)の補足と言うか、ネットだと意外と間違った?情報が多かったので自分なりにWebClipアイコンに関してまとめてみたいと思います。 iPhone/iPod TouchにはWebサイトをSafariのブックマーク以外にネイティブアプリと同じようにアイコンをホームスクリーンに置くことが出来ます。 この方法はすごい簡単で、Web開発者の方は<head>の中に <link rel="apple-touch-icon" href="apple-touch-icon.png"> を書き込むだけ! これで、hrefに指定した画像がホームスクリーンに追加する際にアイコンとして表示されます。 んで、ここからネットの情報と違うところ。 (ダウト)ファイル名は必ずapple-touch-icon.pngで無ければならない
iPhoneのみ対応させる場合は、3GSと4だけ意識すれば良いでしょう。3GSに合わせておけばまず間違いないです。Androidに至っては端末によって解像度はバラバラなため、それぞれに対応させる必要があります。 そんなバラバラなAndroid端末ですが、 画面サイズはいくつに合わせるのが得策か。コノルではコーディングを行う際には、「横サイズ320+(可変)」としています。しかし、注意が必要なのはデザインなのです。デザインする際には、横サイズを640pxで行います。この辺りが間違えやすい所。 そしてコーディングの際に必ず以下のタグを入れる必要があります。 &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width; initial-scale=1, mi
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く