MdN Design｜総合情報サイト
Webデザイン 1-14 スマートフォン／タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文／白木達也（アローグ・プランニングス） 飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー／IA であるルーク・ウロブレウスキ（Luke Wroblewski）氏
ドコモ光GMOの評判の悪さとデメリットを完全解剖
スマホとのセット割などで人気のドコモ光は、プロバイダが選べるのが特徴です。 今回は数あるプロバイダの中でも特に人気のあるGMOについて、 GMOでドコモ光を登録した人の口コミと評判 GMOをプロバイダに選ぶメリットとデメリット 新規登録方法 などを詳しく解説していきたいと思います。 これからドコモ光を契約する人で、プロバイダ選びに悩んでいる人はぜひチェックしてみてくださいね。 ドコモ光GMOについては以下からどうぞ。 GMOドコモ光公式サイトはこちら【無料】 同じGMOでもwimaxであれば更に安く利用する事も可能です。 GMOとくとくBB公式サイトはこちら【無料】 光回線おすすめ安い比較ランキング。プロバイダ戸建てマンション ドコモ光のプロバイダGMOのガチ口コミと評判を大解析！ まずは、ドコモ光のプロバイダGMOを実際に利用した評判を見てみましょう。 「キャンペーンでお得に使えた！」A
今後のメディアを考えるうえで知っておきたいデータ10選 - メディアの輪郭
日々、いろんな海外メディアの情報を追っているのですが、改めて日本におけるメディア関連データで気になるものを足下から整理しようと思い、調べてみました。 1. スマートフォンの所有率 （出典：ビデオリサーチインタラクティブ | プレスリリース） 昨年の時点でガラケーの所有率をスマホが上回っていたようですが、今年はさらに差が広がっていますね。特に女子学生（85.2%）、男子学生（78.3%）のスマートフォン所有率が高いとのことです。タブレットもじわじわ増えています。 2. スマートフォン加入者数 総務省によれば、日本にはインターネット利用者数が9652万人いるようです。また、IDC Japanの2013年～2017年の国内スマートフォン加入者数予測によれば、2014年には6277万人に、2015年には約7000万人がスマホを持つことになりそうです。 3. スマートフォンの利用場所とシーン ヤフー
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,005 そうこ 片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6／6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5～4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11％も減少しているのです。 時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1～5.7
hi-posi » スマホ向けFlashサイトを作るには？ 第一回 準備編
『スマートフォン向けFlashサイトを作るには？』このテーマで、4回に分けて記事にしました。 内容は以下の４回です。 スマホ向けFlashサイトを作るには？第一回 準備編 スマホ向けFlashサイトを作るには？第二回 Flash編 スマホ向けFlashサイトを作るには？第三回 Swiffy編 スマホ向けFlashサイトを作るには？第四回 HTML編 まずは第一回目という事で「準備編」です！ 何のツールを使って、どういう端末でチェックすればいいのかを書きました。 では、はじまりはじまり～ ■スマートフォン向けのFlashサイトを作りたい！ スマートフォンのサイトを作る機会が増えてきました。HTMLとJavaScriptをちくちく書いて作るのも良いけど、Flasherとしては、やっぱりFlashを使ってスマートフォン向けのインタラクティブなコンテンツを作りたい！です。 アプリであれば、Flas
Günstige Nike Kleidung, Schuhe, Accessoires Blau/Dunkelblau/Dunkelgrau/Grau/Oliv/Rot Online Kaufen | Nike Outlet
Kaufen Sie Mode Nike kleidung,schuhe,accessoires online - 40% Rabatt, bietet viele Styles zur Auswahl!Füßlinge,sportsocken,kapuzenpullover,sweatshirt,jogginghose,leichte jacke,sweatjacke,poloshirt,t shirt basic,funktionsshirt,sneaker nike,nike fußball,usw.Günstigen Preis, willkommen zu kaufen
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
「サイトの次はメール」がスマートフォン時代の緊急課題 エイケア・システムズに聞く「メルマガのスマホ対応に立ちはだかる壁と解決法」
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
【企画】「スタートアップとだけ付き合っても意味はない」ーーノボット小林清剛氏が語る創業に大切な8つのヒント | Startup Dating [スタートアップ・デイティング]
たった一度の起業でも労力や時間は相当なものだ。そういう状況において、連続して新しい起業を試みる「シリアルアントレプレナー」と呼ばれる人物は、次世代の起業家にとっても様々なアイディアやアドバイスを与える存在だ。 アドネットワーク事業を手がけるノボットを2009年4月に創業し、2011年7月にKDDI子会社medibaへの売却を発表した小林清剛氏は、若手シリアルアントレプレナーとして注目を浴びている。 同氏がMOVIDA JAPANの主催する起業家向けスクール「MOVIDA SCHOOL」でスタートアップに向けて、次の起業家候補に向けて語ったアドバイスを8つのヒントにまとめた。 3年後を予測し、常に仮説検証を心がける ノボット創業時、まだスマートフォンの広告事業の分野は市場が少なく、前職もITとかけ離れた立場のツテもコネもない状態から、代理店などに対してヒアリングを徹底的におこない、次に何がく
スマートフォンに特化したEコマースシステム·MobileCartly MOONGIFT
MobileCartlyはスマートフォンに特化したコマースシステムです。 スマートフォンにおけるEコマース利用は無視できないレベルに大きくなっています。特に携帯電話でのモバイルコマースが活発だった日本ではそうでしょう。そこで注目したいのがMobileCartly、スマートフォンに特化したコマースソフトウェアです。 メイン画面です。 商品詳細です。スライドの切り替えでカートに追加します。 詳細情報を表示しています。画像が出てきました。 カートです。数量変更はスライダーです。 発送先の入力です。 住所などを入力します。 MobileCartlyは主にiPhone、Androidに対応したコマースシステムになっています（Windows MobileやBlackberryからも利用できます）。商品一覧からカートまで提供されており、PayPal連携もできます。データベース無用で使えるのが特徴で、さら
スマートフォンサイトでアドレスバーを隠す方法（iPhone/Android）│ISC開発者ブログ
スマートフォンサイトでアドレスバー隠すようなサイトが多くてやってみよう！と思いました。 まずは、TAM テクニカルチーム|jQuery Mobileでスマートフォン用サイトを作成するを参考にスマートフォン用のページを作りました。 こんな感じ ※ぜひスマートフォンで見てください。 そして、アドレスバーを隠すようにしてみました。 ※iPhone Memo | 画面読込時にアドレスバーを隠すを参考にしました。 [html] <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" /> <link rel="stylesheet"
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
成功するスマートフォンアプリ戦略とは？マーケティングからマネタイズまで《基礎編》
下記からダウンロード可能です。 http://www.facebook.com/metaps?sk=app_208195102528120Read less
CVRが1.75倍！Yahoo!ショッピングで実施したスマートフォンユーザー向けのメール事例
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
http://exdroid.jp/d/31450/
