iPhone vs Android：2016年版訪日国のスマホOSシェア率、普及率、ユーザー数まとめ | 訪日ラボ
インバウンドマーケティングにおいて、集客施策をするのであれば訪日外国人観光客の生活にも密着しているスマートフォンのシェア率を把握しておくことは重要です。 例えば、訪日米国人観光客向けスマートフォンアプリを作ろうとした際に、iPhone（iOS）とAndroid向けのどちらを先に作るべきか、またはダウンロード施策としてどちらに予算を割くべきなのか、などは各国でのOSシェアを把握していないと判断ができません。 そこで、今回は各訪日主要国でのiPhone（iOS）とAndroidのシェア率の比較、そして人口とスマホ普及率から見るターゲットボリュームについて調査しました。これらを把握することで、例えばタイでシェア率10％を目指すなら何ダウンロード必要、といった目標設定に活用することができます。 インバウンド市場や各国の訪日外国人に関する調査やもっと詳しいインバウンドデータ知るには？ 調査・リサーチ
UI Stencils - Templates & Stencils for UX Designers / Developers
Drawing Stencils, Pads and Accessiories for Designers & Developers.
ホーム画面にサイトのアイコンを表示させる - 新世代Web制作テクニック総特集 - MdN Design Interactive
スマートフォン 21 ホーム画面にサイトのアイコンを表示させる スマートフォンでは、ブックマークだけではなく、ホーム画面にサイトへのショートカットアイコンを設定できる。特にiPhoneは初期設定だとサイトのキャプチャになってしまうので、きちんと見やすいアイコンを設定しておこう。 制作・文／馬鳥豪樹（WEB Drawer） BROWSER iOS Andoroid 01 まずは前提知識として、スマートフォンでホーム画面にショートカットをどのように登録するかについて紹介しておこう。iPhoneとAndroidでは手法が異なる点にも注意が必要だ。 02 iPhoneの場合はまず、ホーム画面に登録したいページを開き、ディスプレイ下部の中央のアイコンをタップする【2-1】。 操作メニューが表示されるので「ホーム画面に追加」ボタンをタップしよう【2-2】。 続けてアイコンの確認とホーム画面での表示名を
スマホサイト対策！ウェブクリップアイコンの設定を忘れずに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じ その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって？ スマホではホーム画面にブックマークのアイコン（タップでブラウザが立ち上がり任意のサイトが開くアイコン）を置くことを、「ウェブクリップ」と呼びます。 そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。 ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
iPhoneやiPadでサイトをホーム画面に追加したときに出すアイコンの作成方法
iPhone、iPad、iPod touchのウェブブラウザ「Safari」には、Webクリップと言って、閲覧中のサイトのショートカットのためのアイコンをホーム画面に追加することができます。 iPhoneなどのSafariで表示されるアイコンとはこれ。 iPhoneでは簡単にホームにアイコンを追加できます。 僕も頻繁に閲覧するサイトでよくやります。 まず、下のメニューの真ん中の「四角から矢印が飛び出ているマーク」をタップします。 すると、メール送信、TwitterやFacebookで投稿などができる画面になります。ここの「ホーム画面に追加」を選択します。 任意でタイトルをつけることができます。（デフォルトでは、そのページのタイトルタグが表示されます。） タイトルを決めたら「追加」をタップ。 簡単にアイコンが追加されました。
Androidは「apple-touch-icon」でいろいろハマるので要注意 ｜ Tips Note by TAM
iPhoneとAndroidでは、タグ内に下記のような記述をすることで、 用意した画像（icon_tipsnote.png）をホーム画面にショートカットアイコンとして 設置することができます。 【例】 <link rel="apple-touch-icon" href="images/icon_tamkun.png"> Androidで、こちらで用意した画像をショートカットアイコンとして表示させる際に いろいろハマってしまったので、次はそうならないように覚書です。 （画像サイズ他、ショートカットアイコン設置に関する具体的な方法は割愛します） 【その1：ベーシック認証がかかっている場合は要注意】 ショートカットアイコンを設定したページを、テスト環境と 公開前の本番環境（ベーシック認証のかかった状態）にアップロードして 表示・動作確認を行なっていたところ、 テスト環境下では、問題なく「appl
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
"Web開発ツールを使いこなせ!"クリエイターの道具箱(2) スマートフォン/タブレット向けWebサイト構築TIPS(2)
スマートフォン/タブレット向けにWebサイトを製作するにあたり、欠かせないのがiOSシミュレータ・Androidエミュレータと、Webブラウザのデベロッパーツール(Webインスペクタ)です。これらのツールを上手に活用することで、よりスピーディで質の高いWebサイトの制作が可能になります。今回は、iOSシミュレータ、Androidエミュレータのインストール、使い方などをご紹介します。 iOSシミュレータ、Androidエミュレータのインストール、使い方 スマートフォン/タブレット向けのサイト作成にあたり、欠かせないのが各種エミュレータです。最終的に実機で確認する必要はありますが、ある程度Webサイトを作成するまでは、各種エミュレータを使って確認と修正を繰り返し、最後に実機で確認・微調整をおこなうのが良いでしょう。 iPhone / iPadの場合、iOSシミュレータと呼ばれるエミュレータが用
プッシュ通知管理ASPサービス PushMaker
トピックス 2014.10.24 「Apple Push Notification」でのSSL3.0サポート終了のニュースについて 米Appleは10月22日（現地時間）、「Apple Push Notification」でのSSL3.0のサポートを10月29日に終了すると発表しました。… ...続きを見る 2014.2.19 【新機能】iBeacon連動をリリース PushMakerが「iBeacon」に対応いたしました。 iBeaconはBLE（Bluetooth Low Energy）を用いて、無線で近距離データ通… ...続きを見る 2013.5.10 Google、自社ブラウザ「Chrome」向けプッシュ通知サービス「Google Cloud Messaging for Chrome」を発表【ニュース】 Googleは、自社が提供するWebブラウザ「Chrome」向けにプッシュ通
なんと、女子中高生の6割がiPhoneへ乗換中！ Androidは苦戦中...
なんと、女子中高生の6割がiPhoneへ乗換中！ Androidは苦戦中...2012.05.21 08:00 カワイイも勉強もがんばる女子中高生を応援するサイト｢ふみコミュ！｣が今年の4月に実施したアンケート結果によると、アンケートに答えた女子中高生のうち、半年以内に機種変をした60%がiPhoneに乗り換えていて、33.3%がAndroidに乗り換えていることが分かりました。 最近電車の中で、スマホを触っている中高生を多く見かけるようになってきましたが、iPhoneとAndroidを両方足すと、93.3%なので、僕達が想像する以上に中高生のスマホへのシフトが起きているのですね。ガラケーの新機種がほとんど出なくなってきているので、ガラケーの選択肢が以前よりも極端に減っているという現実も無視はできませんが...。 また、2月にもスマホのアンケート調査をしているので、合わせて面白そうな結果を
Monaca
Mobile App Development Fast, Easy and Flexible.Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud IDE
20代女性のスマホ所有率、昨年の9.6％から54.2％に急増【D2C調査】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スマホを判別するのに便利なJSスニペット:phpspot開発日誌
Detecting Mobile Devices with JavaScript | A Beautiful Blog スマホを判別するのに便利なJSスニペットが公開されています。 JavaScriptによってAndroid, iOSの差を吸収する際に使えそうです。 iOSかどうかの判別は、以下のように超シンプル if( isMobile.iOS() ) alert('iOS'); Android のタブレットの場合は Mobile が入らないので、タブレットも考慮する場合はそのへんのコードを追加するとよさそうです。 関連エントリ iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例 利用者のブラウザ・OS・バージョンを取得できるクラスライブラリ「Browser.php」
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery - かちびと.net
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集
TOP > Design , Photoshop , WebDesign > psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集 国内でも徐々に普及してきているスマートフォン。ここ最近ますます、スマートフォン移行が進んでいる感があり、WEB業界でもモバイルサイトやスマホアプリを受託する機会も増えてきていると思います。今回紹介するのは、モバイルサイトやスマホアプリを創るときに便利なGUIキット集「40 New Web, Mobile and Application GUI Kits」です。 Web GUI Kit このエントリーでは全部で40ものモバイルのデザインのための素材が配布されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Stencils for Sketching iPhone, iPad
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【アプリアイコン制作】必要なアイコンサイズまとめ＆気をつけたいこと：※ iPhone 6 Plus追加 | 日本VTR実験室
http://www.patternsofdesign.co.uk/