[JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ（仕様比較）
タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定（2フィンガータップ、ロウテイト、ピンチアウト、ピンチ） 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
yebo blog: モバイル決済サービス「カードケース」は面白い
2011/11/16 モバイル決済サービス「カードケース」は面白い Squareという会社のモバイル決済サービス「カードケース」が注目されているそうだ。日本でのモバイル決済は、ほぼFelicaを用いた電子マネーが中心だが、「カードケース」は非常にユニークだ。スマートフォンを操作したり読み取り装置にかざしたりする必要が無い。レジで名前を名乗るだけで支払いが済んでしまうのだ。その仕組みはこうだ。利用者は、スマートフォンにカードケースのアプリをインストールする[itunes (USのみ)]。そして、カードケースで支払いができるお店ではレジで名前を告げる。レジ係はiPadで店舗用のアプリを使い、名前と顔写真を確認。これで支払いが完了する。レシートはスマートフォンに送られてくる。カードケースのアプリ(iPhoneとAndroid用がある)はジオフェンシング (Geo-fence)技術を使っており、ア
［CEDEC 2011］企画と開発からひもとく「忍者ロワイヤル」の作り方。DeNAが目指すソーシャルゲームの進化とは
［CEDEC 2011］企画と開発からひもとく「忍者ロワイヤル」の作り方。DeNAが目指すソーシャルゲームの進化とは ライター：丹治正行 「CEDEC 2011」の初日，2011年9月6日に行われた講演「忍者ロワイヤルの今までと今後」を紹介しよう。 「忍者ロワイヤル」とは，その名前でピンとくる人もいると思うが「怪盗ロワイヤル」と同じくディー・エヌ・エー（以下，DeNA）が開発・運営している“スマートフォン向け”のソーシャルゲーム。講演を行ったのは，DeNAの徳丸祥之助氏と佐藤大悟氏。それぞれ企画と開発で，本作に深く関わりのある人物だ。忍者ロワイヤルの誕生から現在，そして今後の展開までを，企画者と開発者という2つの視点からひもときながら，ソーシャルゲーム制作のノウハウをシェアしよう，というのが当セッションの趣旨である。 忍者ロワイヤルには，敵を倒して経験値やお宝などを入手できるミッションと，
Googleの提供する広告ネットワーク『AdMob』はスマートフォンアプリ開発者の救世主となるのか？|ガジェット通信 GetNews
先日、 グーグルのキム・チョンサ氏の「AdMob で実現する無料アプリの収益化」という講演を聞く機会がありました。 急成長しているスマートフォンのアプリ業界において、企業はもちろんですが個人の開発者も素晴らしいアプリを開発しています。ただ個人では開発費やサーバー管理費など、どうしても資金の問題で開発を続けていくことが難しくなっていく場合があります。そんな時、自分が開発したアプリから収益をあげることができれば、さらに素晴らしいアプリが提供される可能性も出てきます。 今回のキム氏の講演は、人気アプリ開発や、アプリから収益を上げるヒントや事例が解説されており、スマートフォンアプリ開発者の悩みを解決するかもしれません。 日本のスマートフォン／アプリ環境 2011年7月末現在、日本では1億2000万台を超える携帯電話が利用されていて、そのうち約2000万台がスマートフォンとなっています。また、201
AndroidにてGoogle Analyticsを用いてアプリの使用状況を調査する方法 | TechBooster
Androidのアプリケーションでは、Google Analyticsを用いてアプリケーションの使用状況を調査(トラッキング)することが可能です。 Google Analyticsは、主にウェブサイトなどの使用状況(訪問数や滞在時間など)を調査するための、Googleが提供するWebサービスです。下図はGoogle Analyticsによる解析結果を表示する画面の一例です。解析結果はブラウザにて閲覧可能です。 Google Analyticsには、Google Analyticsfor Mobile apps SDKが用意されており、AndroidやiOSなどのモバイルプラットフォーム用にAPIが定義されています。 今回はその中から、Google Analytics SDK for Androidを使用して、アプリケーションの訪問回数やボタンがクリックされた回数などをトラッキングしてみたい
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
「本当に来ちゃった」――売上5億のピザ注文アプリ、ヒットの裏に「ワオ体験」
「セールスへの貢献が非常に大きかった。1年2カ月で5億円の効果。ピザ1枚1枚に換算して考えると、とんでもないもの作ったなと実感する」 宅配ピザのドミノ・ピザ ジャパンが展開するスマートフォン向けアプリ「Domino's App」が注目を浴びている。2010年3月にiPhone向けに提供を開始した同アプリは、端末のGPSを使って“自分の今いる場所”にピザを届けてもらえる機能が話題を呼び、同年7月にはアプリ経由の売上が1億円を突破。さらに2011年6月には5億円を達成した。Androidアプリも2010年12月から提供している。 こうした成功が評価され、ディーツー コミュニケーションズが主催する広告賞「第10回モバイル広告大賞」では優秀賞を獲得。授賞式もかねたイベントが7月14日に行われ、開発に関わったドミノ・ピザ ジャパン、博報堂、カヤックの担当者や、賞の審査員らが成功の背景を議論した。 ピ
スマートフォン全機種検証者がおすすめする機種としない機種
仕事柄、スマートフォンのアプリを日々検証してます。 特に最近は怒涛の如く新機種がリリースされているため、新機種が出るたびに検証と、少なくともここ1年では一番大変です。 一通り検証するだけで、丸1日かかります。 今後が怖すぎます。個人的には楽しみなんですけどね。 せっかくなので、全機種を一通りいじり倒したこの経験を共有しておこうかと思いました。 先月から今月にかけてたくさんの機種が出てますので、現在購入検討されている方など、少しはお役にたてるのではないかと思ってます。 ご覧の通り広告も入ってませんしステルスマーケティングでもないのでご安心ください。 ただし、当然主観が入ってますので、参考程度にしておいてください。 キャリア別に分けて書かせていただきます。 2009年にいち早くAndroid端末を出し、その後も積極的にAndoroid端末のリリースに注力しているドコモは、全キャリア中最もAnd
スマホ用JavaScriptフレームワーク5つ＋1を徹底研究（1/5） - ＠IT
スマホ用JavaScriptフレームワーク5つ ＋1を徹底研究 jQuery Mobile、iUI、jQTouch、 Sencha Touch、Wink toolkit、PhoneGapとは アシアル株式会社 鴨田健次 2011/6/22 スマートフォン向けJavaScriptフレームワーク／ライブラリを使うと、スマートフォンアプリっぽい見た目のページデザイン、UI（ユーザーインターフェイス）パーツやページ遷移アニメーションを簡単に実装できます。多くは、おのおののフレームワークのルールにのっとったHTMLを書くことで、それらの機能を実現します。 本稿では、jQuery Mobileを筆頭として、いくつか発表されているスマートフォンサイト向けJavaScriptフレームワークを紹介します。 ■ PCサイト向けJavaScriptフレームワークについて PCサイト向けJavaScriptフレー
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
Aiming代表取締役CEO 椎葉忠志氏インタビュー 「僕らのノウハウは10年経てば無価値。2012年12月までに世の中を驚かせるようなタイトルとその成功を見せたい」