CSS Nite in OSAKA, Vol.29 で発表したスライドです。改訂版を http://www.slideshare.net/HiroakiWakamatsu/ss-14011485 にアップしました。Read less
スマホアプリ開発は HTML5/jQuery Mobileとネイティブ どっちがいいの? 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク?」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』~これからのアプリ開発のトレンド~」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
Webサイトの待ち時間の80%はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
昨年11月にjQuery Mobile 1.0として最初の正式版が登場してからわずか5カ月。最初の大きなバージョンアップとなるjQuery Mobile 1.1.0がリリースされました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れるJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 jQuery Mobile 1.1では、画面上部もしくは下部につねに表示されるFixed Toolar(固定ツールバー)のちらつきがなくなった点、画面遷移がよりスムーズになった点などの改善が行われています。 固定ツールバーがCSSベースに モバイルデバイスのユーザーインターフェイスとして、画面上部
新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
iPhone 4はiPhone 3GSと同じ画面サイズのまま、2倍の解像度となった。 Androidでは機種により異なるが、1.5倍のものが多い。 同じ画面サイズで表示できるピクセル数が増えたため、細かい文字もくっきりとして読みやすくなった。 しかし、コンテンツの1pxをデバイス上の1pxとしてそのまま表示すると、全体的に小さく表示されてしまうことになる。 そこで、WebKitをベースとしたブラウザには「devicePixelRatio」というプロパティが用意されている【1】。 devicePixelRatioとは、直訳すると「デバイスのピクセル比率」で、コンテンツの1pxを実際のデバイス上で何pxとして描画するかを示すものである。 【1】スマートフォンのdevicePixelRatioと解像度の一例
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知 れないです。 というわけで、レスポンシブWebデザインの対応確認ツールです。他にいろいろ。先に紹介します。 ResponsivepxResponsive Design TestingSimple Media Queries TesterscreenflyResizer使い方の説明は多分不要です。これらは同じ目的で作られてますので使いやすいのを選ぶ感じで。 で、今日はresponsive.isっていうツールと、responsinatorっていうツールの2つをご紹介です。 ちょっとキャプチャだと分かりにくいんですけど・・・最上部にスマフォとかタブレットのアイコンがあ
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
Android案件の見積り | クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね^^」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね^^直さないと削除しちゃうよ^^」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
2011年08月12日 06:00 カテゴリiphoneの小技 まとめてみたよ!あなたは何個知ってる?iPhoneの小技25連発【後編】 Posted by to_mozo No Comments No Trackbacks ども!ともぞう(@luvuminchu)です。 まとめてみたよ!あなたは何個知ってる?iPhoneの小技20連発【前編】に引き続き意外と知らない利用シーン別iPhoneの小技をご紹介! 前編に引き続き あなたは何個知っていますか? ロック画面編 小技その10 ロック画面からiPodを操作 実はロック画面からiPodを起動して音楽が聴けるんです。 操作は簡単この画面でホームボタンを2回押すだけ そうするとこんな感じの画面で再生できちゃいます! 小技その11 ロック画面から音声コントロール こちらもロック画面から今度はホームボタンを長押し! 音声コントロールが起動します
iPhoneを購入すると、公衆無線LANサービス「BBモバイルポイント」を無料で利用できますが、そのときのWEPキーやログインID/PASSを忘れたときに便利な方法を紹介します。iPhoneであれば、プロファイルをダウンロードすれば自動的に設定できますが、ノートPCなどから利用しようとすると、WEPキーを入力しなければなりません。 詳細は以下より。 WEPキーやログインID/PASSを調べるのは簡単! 「t@bbmp.jp」に空メールを送るだけです。iPhoneのSMSからは空メールを送ることはできないので、本文に空白を入れたりして送ります。 返ってきたメールには、このようにWEPキーやID/PASSが記されています。 覚えておくと便利ですよ! via koroharo twitter log たまに 犬って突然いなくなるよね。日記] (カメきち)
iPhoneの使い方は人それぞれ。そして愛用しているアプリも十人十色だ。 つい先日まで、購入したアプリは全部iPhoneに入れておかないと気が済まなかった。 12面全部を埋め尽くし、当然足りずにフォルダ機能を使いまくっていた。 でもふと思い立ち、iPhoneアプリの断捨離を実行した。アプリを必要最低限にして空き容量を作ったら、iPhoneが超快適になった! 好きなアプリしか入っていないiPhone。自分が使いやすいようにホーム画面の配置を工夫するのは楽しい。 そして自分が知らないアプリを友達や知人か使いこなしているのを知り、自分でも試してみるのも楽しい。 厳選するからワクワクする。使うものだけ入れているから気持ちがいい。 というわけで、僕のiPhoneホーム画面を公開します! 今日現在でインストールしてあるアプリを全部公開!100連発だ!! iPhoneアプリ紹介!Dock編! PostE
最近、「iPhoneだけで非破壊的自炊する」という禁断の果実にハマってる感のある私ですが、更にハマってしまう出来事がありました。それが以下。 最速自炊カメラコンセプトモデル完成したよー。 URL2011-11-17 17:25:53 via TweetDeck な、なんと・・・!! 以下がそれです。sumihiro/Jiucie - GitHub 私のちょっとした無茶振りに対する、なんて華麗なレスポンス!!さすが、素晴らしいです。2時間でエヴァカメラクローンを作り上げる仕事の速さは伊達じゃないですね。 Togetter - まとめ「iPhoneアプリ開発できる方を探してます。エヴァカメラと同等の仕様で納期が明日昼と急ですがよろしくお願いします」 それはさておき。早速このプロジェクトを試してみたところ、 これ、かなり凄すぎる!! と、そのポテンシャルの高さを感じたので、実際に非破壊的自炊して
iPhoneとiPadをサクッと切り替え 出来て、ランドスケープ(横向き) にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneとiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneとiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまs・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhone ⇔ iPadの切り替えが楽 iPhoneとiPadの切り替えが凄い楽です。これだけ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
【トクモード】専業主婦の耳元に要注意! Bluetooth3.0対応ハンズフリーセットが1480円2011.11.08 12:15 皆さん、ギズモードライターの三浦一紀さんをご存じですか? 日本一早く iPadを手に入れたiPad男としてソフトバンクの孫社長、藤井リナさんからiPadを手渡されたことでも有名ですが、実は大の Perfumeファンでもあるんです。 ギズモードの大ヒットエントリー「iPhone に好きな曲の 着信音 を設定する方法を詳しく解説させていただきます(iTunes 10対応版)」で使われている画面キャプチャは Perfumeの楽曲ばかり。 一時、ギズモード編集会議の後の飲み会では毎回のように Perfumeの素晴らしさを力説し、3時間とうとうと語ることも。あ~ちゃんが誕生日に寮長さんにケーキをプレゼントされて泣いているレア映像を iPhoneで見せながら「ほんと、あ~
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く