アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
GREE、モバゲー。ARPU逆転劇を一枚にまとめてみた: Shares BLOG
2011-11-04 GREE、モバゲー。ARPU逆転劇を一枚にまとめてみた ツイート ◆ GREEvsモバゲー、ARPUでの逆転劇！ GREEがDeNAの営業利益を逆転というエントリーを逆転！というエントリーをお届けしました。しかし、もう一つ大きな逆転劇がありました。 それは、ARPU（Average Revenue Per User）。いわゆる、「一人当たり売上高」というやつです。その逆転劇を一枚にまとめてみました。 赤線がDeNA、青線がGREEです。それぞれの推移を追いかけてみましょう。 ◆ モバゲー、ARPUアップダウンの要因は？ DeNAは変曲点が3つあります。まずは、2009年6月から9月期にかけての下落、そしてその後の急上昇、さらに2010年9月以降の停滞です。 それぞれの動きの要因は何だったのでしょうか？DeNAのプレスリリースを追ってみました。 2006年6
.htaccess だけで簡単キャリア判定してみる | バシャログ。
まだ 6 月だってのに早くも今年初あせもができちゃったよ！かいーの nakamura です。 サイトのモバイル、スマホ対応もすっかり一般的になってきた今日この頃、みなさんいつもどんな方法でキャリア判定を実装しているでしょうか。がっつりフレームワークなどを使っていればさほど難しくはありませんが、ほとんどプログラムが動いていないような静的なサイトの場合はちょっと面倒ですね。今日はそんな時に有用な .htaccess を使ったキャリア判定の方法をご紹介します。 仕様 今回、ルートディレクトリ / は PC 用サイト、/m/ 以下がモバイルサイト、/sp/ 以下がスマホサイトとして以下の仕様を元に記述方法を考えていきます。 PC で /m/, /sp/ 以下にアクセスしたら / にリダイレクト。 モバイル、スマホで PC サイトにアクセスしたらそれぞれ /m/, /sp/ にリダイレクト。 モバイ
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
誰がガラケーをやめてこれからスマートフォンを買うのか？ (1/2)
情報家電、デジタル機器、ハイテク商品というのは、どんなときに買われるのだろうか？ 購入を阻んでいるのは「値段が高い」ことや「習得の難しさ」だ。一方で購入する理由は、それによって得られる「利便性」や「満足感」だろう。これらの要素の心理的な距離が、時間の経過とともに接近してきて交差するあたりで、購買行動は起こる。 心の中に“Ｘ”字形のグラフがあって（縦軸は心理的なもので、横軸は時間）、ピョンと跳び越えて早めに買ったり、ずっと我慢していたものをようやく買ったりしている（図1）。性能や使いやすさが年々向上して、お値段が相対的に下がってくるのがハイテク機器の特徴で、いわゆる「ムーアの法則」が独特の市場原理を作り出している。 そんな機器の中でいま売れているのが、「スマートフォン」である。量販店の販売データを集計しているBCNによると、2010年12月には、携帯電話販売台数の48％がスマートフォンだった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
本の置き場所をなくしてスッキリ! 今日から始める「自炊」超入門
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！