手元になくとも実機テスト。クラウド実機テストサービスまとめ - FJCT_ニフクラ mobile backend（mBaaS）お役立ちブログ
エミュレータ/シミュレータを使ったテストは大事ですが、それでもなおスマートフォンアプリでは実機テストが欠かせません。速度的な問題やCPU/メモリが少ないために起こる不具合もあります。快適に操作できるUXはやはり実機を使わないと分からないでしょう。 しかしスマートフォンやタブレットの種類はとても多く、とても全ての端末でテストすることはできません。そこで使ってみたいのがクラウドベースで実機をレンタルしてくれるサービスです。実に300種類を越えるデバイスをWebブラウザを介して使えるようにするサービスなどがありますのでぜひチェックしてください！ Scirocco Cloud Sumatium Remote TestKit モバクラウド Sauce Labs MacinCloud Testdroid Cloud AppThwack pCloudy Perfecto Mobile Xamarin T
無料で動きのついたデザインモックアップを作りiOS・Androidで動作確認ができる「Fluid UI」
「Fluid UI」は既存のパーツを配置するだけでWebサイトやアプリのモックアップをサクサク作成でき、簡単な画面遷移や複数人での編集も行えるサービスです。実際に使ってどんなことができるのか試してみました。 FluidUI.com - Create Web and Mobile Prototypes in Minutes https://www.fluidui.com/ Fluid UIのページへ行き、右上の「CREATE ACCOUNT」をクリックします。 メールアドレスとパスワードのほかに、最初のプロジェクトの名前とどんな端末の画面で表示させるかを設定します。 今回は「first project」という名前の「iPhone 6」向けのプロジェクトを作成することにしました。入力したら「CREATE ACCOUNT」をクリックします。 画面上の「Add page」ボタンで新しいページを追加
AMPって導入すべき？表示速度は４倍でも、今AMPを導入しない理由 | LISKUL
最近「AMP」というキーワードがWeb界隈を賑わせています。「うちも対応しておいて！」と上司から言われた担当者の方も多いのではないでしょうか？ WordPressでつくられている本メディア「LISKUL（リスクル）」でもAMP導入を試してみましたが、今は導入せず、1ヶ月後に状況を見て再度検討という判断をしました。 この記事では、「そもそもAMPってなんだ？」という基本的なところから、実際のAMP導入の手順、そしてLISKULがAMPを導入しなかった理由も合わせてご紹介します。 そもそもAMPとは、「モバイルのWebページの表示を高速化するGoogleのプロジェクト」AMPは、Accelerated Mobile Pagesの略です。 ざっくり何が起こるかを説明すると「モバイルのページが、驚くほど速く表示される！」というものです。 AMPで策定された仕様に沿ってモバイルサイトを構成すれば、ウ
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
Titanium iPhoneの設定画面に設定項目を追加できるようにする。 - ありの日記
ちょっとタイトルが意味分からないけど、iPhoneのホーム画面にある「設定」を選択するとアプリケーションごとの設定が出来る画面があると思う。これのこと。 しらばらく調べると、Titaniumのプロジェクト以下にmodules/iphone/Settings.bundleにRoot.plistというファイルを作ってそこに色々設定を行うことで、勝手に登録されるぽい。 KitchenSinkの以下の場所にサンプルがあった。 https://github.com/appcelerator/titanium_mobile/tree/master/demos/KitchenSink/modules/iphone/Settings.bundle これは、iPhoneの設定ファイルらしいので、以下のURLとかで詳細を調べるとよい。 http://developer.apple.com/library/io
モバイルアプリのバックエンド(Web API)に特化したサービスのまとめ - laiso
最近乱立している「モバイルアプリのバックエンド(Web API)に特化したサービス」に興味があったので、いろいろ試してみた。 「モバイルアプリのバックエンド(Web API)に特化したサービス」と書いたけど、まだまだそんなに一般的ではないのでBaaS(Backend as a Service)とかCloud Hosting とかいろんな呼ばれ方をしている && サービスによって提供する領域も違う。まあとくに定義はしないので気になったらその都度公式のヘルプでも読んでみて。本稿では呼びやすいのでBaaS と表記します。 BaaS とは？ 最初に後程も紹介するdonayama さんのCocoafish の紹介エントリの一節がわかりやすいと思ったので引用します おそらくどのようなサービスであっても「ユーザ管理」をすると思いますが、ひとことにユーザ管理といっても、（場合によっては招待状による招待→）
jQuery MobileのDateboxをカスタマイズ-その２ - Kimura.Memo
iPhone、Androidなどのスマートフォンで動作するjQueryMobileプラグイン - DateBoxが、jQueryMobile v1.1.1に対応*1したので、前回に続き、しつこくまとめてみました。 カレンダー式入力モードを少し使ってみた感じでは、以前より動作が大分安定してきています。 設定オプションがかなり増え、日本語用ローカライズファイルを読込むことで、簡単に日本語表記になってくれます。 また、デフォルトでマニュアル入力が無効にされているので、カレンダーが表示されたと同時にソフトキーボードが起動するということも無くなりました。 以下、主にカレンダー式入力モード（CalBox mode）についてまとめています。 jQueryMobile DateBox とは jQueryMobile DateBox の使い方 必須条件 必要なJavaScriptとCSSを読込む 入力フィー
パララックスでレスポンシブでjQuery Mobileな企業サイトを開発・公開しました（株式会社シーエー・モバイル公式サイト） - IT-Walker on hatena
http://www.camobile.com 昨日オープンしたのですが、こちらでも宣伝しておきます。 この2ヶ月弱というもの、こちらのサイトを開発してました。 ぼくが現在お世話になっている、株式会社シーエー・モバイルさんの企業サイトです。 死にそうなほど忙しかったけど、なかなかインパクトのあるサイトができたんじゃないかと自負してます。 自由にやらせていただき、締め切りの延長にも応じて下さった、シーエー・モバイルさんの懐の深さに感謝。 マウスホイールのない方は、方向キーでもお楽しみいただけます。 もちろんぼく一人で作ったわけではなく、作業のほんの一部をお手伝いしただけです。 一緒に制作したメンバーである稲田真帆さん、金井健一さん、桑田美由喜さん、柴田麻衣さん、ほかシーエー・モバイル デザイン室の皆様には、深く感謝を申し上げます。 今回、かなり自由にやらせていただけたので、技術的なチャレンジ
jQuery Mobile 1.2 最新情報 & Tips
2012/07/19に行われたWeb Cat Studioでの講演資料です。jQuery Mobile 1.1.1の変更点や1.2の新機能、パフォーマンス・チューニングについて触れています。
PCでも見れる！書籍サンプルサイト作成いたしました。『ポケット詳解 jQuery Mobile辞典』 | jQeryMobileでサイトをつくろう
執筆させていただいた書籍『ポケット詳解 jQuery Mobile辞典』のサンプルサイトを作成いたしました。 ■書籍『ポケット詳解 jQuery Mobile辞典』サンプルサイト http://jquerymobile-memo.com/sample/ このブログの右のサイドエリアにもバナーをつけました。 タグ辞典は毎回自分で書かないといけないというのが面倒だなと自分もいつも思っているので参考になればと思って作成してみました。 またこちらでは jQuery Mobile1.1で作成しており、今後変更や追加などがありましたらこちらを反映させていきたいと思います。 スマートフォンでももちろん、cromeやsafariなどでも閲覧できますのでコードをコピペして使いたいなどの場合はPCサイトから見るのが便利です。 タグ辞典をご購入していただいて勉強している方はこちらもよかったら参考にしてください
jQuery Mobileでスマホサイトを作ろう！国内外で制作されているサイトやjQuery Mobileについて | jQeryMobileでサイトをつくろう
jQuery Mobileとは？ jQuery Mobileは、jQueryをベースとした、「スマートフォン向けフレームワーク」です。 もっと簡単に言うと、「スマートフォン向けコンテンツ制作の土台を作ってくれるソフトウェア」です。 スマートフォン向けの直観的かつ使いやすい、ネイティブアプリケーションさながらのページやUI※1が、瞬時にしてできあがります。開発者はわずかなHTMLやJavascriptを書くだけです。 「UI」 ※1ユーザーインターフェースの略。jQuery MobileはわずかなHTMLの記述のみで、リストやボタン、ナビゲーションバーなどのスマホ向けUIを自動構築してくれる。 2010 年10 月にアルファ版がリリースされ、2011 年11 月ついにjQuery Mobile 1.0正式版が公開されました。現在も、jQuery の開発者であるJohn Resig 氏（@je
jQuery MobileでJavaScriptプログラミング ― グローバル設定とイベント ―（1/2） - ＠IT
連載：jQuery Mobile入門 第5回 jQuery MobileでJavaScriptプログラミング ― グローバル設定とイベント ― 山田 祥寛 2012/05/17 前回までの内容で、マークアップだけで賄えるjQuery Mobileの主な機能をおおよそ解説した。jQuery Mobileを利用することで、JavaScriptのコードすら記述することなく、ネイティブ・アプリ・ライクなサイトを作成できることを実感いただけたと思う。 もっとも、jQuery Mobileの魅力は、その手軽さばかりではない。JavaScriptのAPIも充実しており、独自の機能をごく手軽に実装できる。連載第5回となる本稿では、それらJavaScript APIの中でも、「グローバル設定」と「イベント」について解説していく。 ■jQuery Mobileの動作をカスタマイズしよう ― グローバル設定 j
HTML5モバイルWebフレームワークの比較 - きしだのHatena
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック·jQuery Mobile Icon Pack MOONGIFT
jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。 jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。 アイコンの一覧です。 実際に使っている例。data-iconで指定するだけで使えます。 多数のアイコンが揃っています。 シンプルで使い勝手が良さそうです。 アイコン画像は全て一つの画像となっており、CSS Spriteで切り出すようになっています。このアイコン群を使う限り読み込みは一度なので高速に表示が可能です。 jQuery Mobile Icon PackはCSS製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る 3Gを
小さな Titanium Mobile の読み物
小さな Titanium Mobile の読み物Titanium Mobile (タイタニウム モバイル) は Appcelerator, Inc. が開発している iOS/Android 向けアプリケーション開発ツールです。 Titanium Mobile はウェブサイト開発で使われる JavaScript を使ってクロスプラットフォームアプリケーションを開発できる特徴があります。 こう書くとウェブアプリケーションを単品のアプリケーションとしてパッケージにする「ハイブリッド」なアプリケーションをイメージする人もいると思いますが、 実際には各プラットフォーム向けにネイティブなアプリケーションを開発できます。 これが Titanium Mobile 最大の特徴といえるでしょう。 ただし、 Titanium Mobile は 1 つのコードで iOS/Android 両方に対応するわけではあり
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（1/2） - ＠IT
スマホアプリ開発は HTML5／jQuery Mobileとネイティブ どっちがいいの？ 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク？」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
モバイルに最適化した5kBのJavaScriptフレームワーク「jqMobi」が正式版公開
モバイルデバイスのレンダリングエンジンとして事実上の標準になっているWebkitに特化し、iOSやAndroidに最適化したJavaScriptフレームワークの「jqMobi」が、正規版となる1.0を公開しました。 jqMobiは、jQuery Mobileと同様にHTML5をベースにモバイルアプリケーションを開発できるJavaScriptフレームワークのコアモジュール。jQueryと同様の文法を備えたセレクタエンジンです。 ユーザーインターフェイスを構築するモジュールである「jqUi」と合わせて使うことで、HTML5のタグを記述することによりモバイル向けユーザーインターフェイスを備えたアプリケーションの開発が可能になります。 小さくて早いのが特徴 jqMobiとjqUIの特徴は、Webkit上でのモバイル向けアプリケーションに特化したことでサイズを小さくできたこと、環境に最適化できたこと
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT
Twitter Bootstrap jQuery Mobile ThemeはTwitterのBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterのBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更
jQuery Mobileでネイティブ・アプリ・ライクな入力フォームをデザインしよう（1/3） - ＠IT
連載：jQuery Mobile入門 第2回 jQuery Mobileでネイティブ・アプリ・ライクな入力フォームをデザインしよう 山田 祥寛 2012/02/21 jQuery Mobileは、「jQuery UIのモバイル版」ともいえるライブラリだ。jQuery Mobileを利用することで、あらかじめ決められたマークアップに従うだけで、モバイル・デバイス（＝タッチ・パネル）に適したWebページを開発できる。 前回、jQuery Mobileの基本ともいえるページとリンクの概念について解説し、まずはjQuery Mobileでスマートフォン・アプリケーション（以降、スマホ・アプリ）の基本的な骨組みを記述できるようになったはずだ。 そこで今回からは、いよいよjQuery Mobileで用意されているさまざまなエフェクトやウィジェット（UI部品）について解説していくことにしよう。今回は、あ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
