我慢できなかった、iPhone 6とNexus 4を比較した「iPhone 6ユーザーの皆さん：ようこそ2012年へ！」画像が話題です
我慢できなかった、iPhone 6とNexus 4を比較した「iPhone 6ユーザーの皆さん：ようこそ2012年へ！」画像が話題です 「iPhone 6」と「Nexus 4」の比較画像が話題になっています。画像を投稿したのは、米テクノロジーメディアArsthecnicaの編集者Ron Amadeo氏。以前は大手Android系メディアのAndroid Policeで編集者を務めていた人物です。 Ronが投稿したのは、"Dear iPhone 6 users: Welcome to 2012!"（iPhone 6ユーザーの皆さん：ようこそ2012年へ！）と題してiPhone 6とNexus 4の性能（端末由来・OS由来問わず）を比較した画像。Google+とTwitterに画像を投稿した際に、Ronは"Couldn't help myself. Sorry."（すまん、我慢できなかった）
iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク·ChocolateChip MOONGIFT
ChocolateChipはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア（BSD License）です。 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版とも言えるChocolateChipを紹介します。 例えばこちらはiPhone風。iOS 7に似ています。 同じ内容でAndroid風。 こちらはWindows Phone向け。 Todoなどで使えるリスト。 同じ表示もAndroid風にすると印象が随分変わりますね。 AndroidでスイッチUI。 iPhoneでレンジ。 削除できるリスト。 ポップアップ。 ポップオーバー。 タブバー。 ページネーション。 シート。半透明なのがiOS 7に似ていていい感じです。 リスト。サムネイル付きです。 アイコン付きリスト。 ChocolateChipはiOS 7風UIに対
Objective-CでAndroidアプリ開発 - WonderPlanet DEVELOPER BLOG
今回のエンジニアブログ担当の山下です。 フルネイティブなアプリを作る場合、iOSではObjective-C、AndroidではJavaで書くのが一般的です。 OSが変わればAPIも変わりますし、そもそも記述する言語も変わってきます。 いろいろ勉強してみるのも為になりますが、一度書いただけでサクッといろんな環境で動いてくれたら、 開発がとても楽になると思います。 マルチプラットフォームなアプリを作る際、ゲームアプリだとcocos2d-xやUnityといった 選択肢がありますが、なじみの無い言語だったり、デバッグが大変だと感じる方も いらっしゃるのではないでしょうか。 そこでApportableというツールがあります。 これがなんと、iOSアプリのプロジェクトからAndroidアプリを力業で生成してしまうというものです。 UIKitを使ったアプリはもちろんのこと(なんとxibを使ってもOK)、
Androidと-webkit-tap-highlight-color
Androidと-webkit-tap-highlight-color Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。 そもそも-webkit-tap-highlight-colorってなによ iPhoneなどのスマートフォンでa要素をタップしたときにハイライトさせるプロパティです。ハイライトと言ってもiPhoneの場合は半透明のグレーのレイヤーが表示されるのですが。 サンプル このレイヤーの色を-webkit-tap-highlight-colorで制御することが可能です。 a { -webkit-tap-highlight-color: rgba(0,0,215,0.40); } このようにするとハイライトカラーが半透明な青色に変わります。 サンプル ただし、このように指定してもA
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
アプリ「e国宝」約1000点の国宝と重要文化財を収録 #Android #iPhone
おすすめのポイント 国立文化財機構の公式アプリ 東京国立博物館、京都国立博物館、奈良国立博物館、九州国立博物館の4館が所蔵する約1000点の国宝と重要文化財を収録 国宝・重要文化財の高精細画像は解説つきで、ブックマークも可能 分野は「絵画」「書跡」「彫刻」「建築」「金工」「刀剣」「陶磁」「漆工」「染織」「考古」「歴史資料」「法隆寺献納宝物」 Android・iPhoneアプリ レビュー 国宝・重要文化財をスマホで閲覧 収録されている画像は、タッチ操作で自由にスクロール、拡大、縮小して閲覧することができる。 読み込みに少し時間を要するが、拡大しても容易にぼやけないほど高画質。重要文化財をアップで見られるのは貴重な体験。
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ
Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、モバイルネイティブのルック＆フィールを備えていると説明されてます。 modernizr、zepto、backboneなどに依存 Juniorが依存しているライブラリは以下。 modernizr（ブラウザごとに異なる実装を調べて、対応するコードを書きやすくする） zepto（jQuery互換のミニマルなライブラリ） zepto flickable（zeptoのタッチ対応プラグイン） lodash（U
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
モバイルデザインパターン
モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン： ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン サンプルPDF ● 「監訳者まえがき〜1章まで」（15MB） 監訳者まえがき 賞賛の声 序文 まえがき 1章 ナビゲーション 1.1 主要なナビゲーション 1.1.1 Springboard（スプリングボード） 1.1.2 List Menu（リストメニュー） 1.1
第1回 PhoneGap/Cordovaとは | gihyo.jp
PhoneGap Day US 2012にて、待望のPhoneGap 2.0.0がリリースされました。本連載では、PhoneGap 2.0.0の変更点をはじめとして、新機能の紹介やFile APIを使ったアプリケーションの開発方法について紹介していきます。どうぞお楽しみください。 PhoneGap/Cordovaとは PhoneGapはAdobeが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。詳細については、前回の連載の記事をご参照ください。 PhoneGap もともとPhoneGapはNitobi社が開発・公開していましたが、2011年10月2日（米国時間）にAdobe社がPhoneGapの開発元であるNitobi社を買収したと発表しました。PhoneGapは開発体制や配布方法が変更され、Apacheに寄贈され、現在にいたります。 Phone
PIRIKA（ピリカ）
ピリカは2011年に京都大学の研究室から生まれました。 人類が生み出した最も大きな課題である環境問題を、 科学技術の力で解決することに挑戦しています。
スマホがあんまり普及すると、モバゲーとグリーは大変かも。：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
スマホがあんまり普及すると、モバゲーとグリーは大変かもです。SAPのみんなは知っている話なんですけど、日経にも書かれたので、適当に書きます。 理由は、スマホのネイティブゲームの課金は、30%がAppleやGoogleさんが上納金を持っていくからです。現在、独自課金はマーケットから即刻追放されることになってます。その上さらに、結構な上納金をモバゲー・グリーさんが持っていくので、SAPは、ほぼ損します。つまり、作る意味が無いのです。SAPに残された道は、以下の二つです。 (A)グリモバ無しで、AppStoreやGoogle Playにアプリ配信。 (B)このままHTMLベースのゲームを作り続ける。 どっちがいいのかと言われたら、どっちもどっちです。 パズドラがパンドラの箱を開けてしまった： 「ソーシャルゲームって、集客が大変だねー、モバグリの集客力に頼るしかないよねーっ」て思っていたら、ガンホ
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone 6 Plusを予約するまえに、歴代スマホと比較できる画像
Engadget | Technology News & Reviews
心地よさを目指した布やゴムのようなツクロアのドロワーUI | 株式会社ツクロア
TechCrunch | Startup and Technology News
cmmntr.com