ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
スマホ連動でカラーや明るさを変更できるフィリップスのLED照明システム「hue」
リモコン操作可能な照明器具は珍しくはありませんが、スマホをリモコン代わりにして明るさや光る色まで変更できるという照明がフィリップスから発売されました。ただのLED照明ではなく、新機能をダウンロードして追加することも可能となっています。 Philips hue https://www.meethue.com/ アプリケーションで明かりをカスタマイズできるLED電球「Philips hue」を発表 In living color: Ars reviews the hacker-approved Philips Hue LEDs | Ars Technica http://arstechnica.com/gadgets/2012/11/in-living-color-ars-reviews-the-hacker-approved-philips-hue-leds/ 以下が商品の機能を解説している
スマホ内蔵カメラの遠隔操作がパソコンや別のスマホから可能になる「Camera Remote」
PCやスマートフォンからリモート操作でスマートフォン内蔵カメラのシャッターを切り、撮影後の写真転送も可能なAndroidアプリが「Camera Remote」です。実際に遠隔操作してみたムービーや操作・設定方法などについては以下から。 Camera Remote - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.busywww.cameraremote&hl=ja Camere Remote PC Application for Android http://www.busywww.com/CameraRemotePCHelp.htm まず、PCからスマートフォン内蔵カメラのシャッターを切るムービーは以下から。 「Camera Remote」を利用して、PCからスマホ内蔵カメラを操作
カギ・ペット・スーツケースなどがどこにあるかBluetoothとスマホで管理できる「Stick N Find」
なくしがちな家のカギやリモコンに取り付け、Bluetoothを使ってスマートフォンで小物のある場所を管理できるようにするのが「Stick N Find」。小物だけでなく、ペットの首輪や子どもの靴などに取り付け、指定した範囲内から出てしまった時にアラームで教えてくれるようにも設定でき、迷子発生のリスクを減らすことも可能です。 StickNFind- Bluetooth Powered ultra small Location Stickers | Indiegogo http://www.indiegogo.com/sticknfind 詳細の説明や使っている様子は以下のムービーから。 The Stick N Find - YouTube こちらがStick N Find。 こんな感じでセットになっています。 直径は24mm、薄さ4.1mmで、重さは4.5gと超小型デバイスです。 リモコンの
PCのブラウザからAndroid搭載スマートフォンが操作できるアプリ「Remote Web Desktop」
Androidアプリの「Remote Web Desktop」を使えば、PCのブラウザからAndroid搭載スマートフォンのファイル・フォルダのアップロード・ダウンロード、カメラの操作、SMSの利用、Wi-Fiキーボード操作などが可能になります。インストール、操作方法については以下から。 Remote Web Desktop https://play.google.com/store/apps/details?id=net.xdevelop.rm 上記Google Playのページにあるアプリを「インストール」。 インストール後にアプリを起動。 アプリの操作画面が表示されます。 PCのブラウザからAndroid搭載スマートフォンを操作する場合は、使用するポートを確認してから、PCから接続する際に必要となるログインパスワードを入力して、「Start Server」をタップ。 Start Se
市販の電球を無線LAN対応にしてスマホからコントロール可能にするソケット「Spark」
iPhone、Android搭載スマートフォン、タブレット、PCなどからWi-Fi経由で、調光対応電球のオン・オフ、明るさの調整ができるソケットが「Spark」です。部屋が暗ければ自動的に部屋を明るくでき、スマートフォンでメールを受信した場合には部屋を点滅させることも可能で、さまざまな使い方ができます。 Spark: Upgrade your lights with Wi-Fi and apps by Spark Devices - Kickstarter http://www.kickstarter.com/projects/sparkdevices/spark-upgrade-your-lights-with-wi-fi-and-apps Sparkは電球のソケット（規格はE26）です。 電球をSparkに付ければ、スマートフォンからWi-Fi経由で電球の明るさを調整できます。 このよ
UIが美しすぎる15の次世代モバイルアプリデザイン ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜならデザインには歴史があり、誰もが有効なものと有効でないものから学ぶべきだからだ。 今回の記事では、あなたのデザインのインスピレーションのなるような、15の見事なユーザーインターフェース（UI）のリ
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
短期間でのスマホ向けWeb開発
スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30～ ＠IDCフロンティア ～『短期間でのスマホ向けweb開発について』～ セミナー資料
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
HTML5でスマホアプリを作ってみよう。第２回「加速度センサー」 - もとまか日記
HTML5でスマホアプリを作ってみるシリーズ第２回目。ちなみに前回は以下です。 HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 今回のテーマは「加速度センサ」です。 前提条件 前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。その辺の詳細な説明は省いてるのでご了承ください。また、第１回目のチュートリアルの内容を踏まえた内容にしてます。 HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 何度も同じことを書くと長くなるので・・・ご了承ください。基礎情報や基本の詳細は以下をご覧ください。 HTML5でゲームを作りたい時に参考になりそうな記事のメモ前から気になってたHTML5について色々調べてみました 加速度センサーを使ってみる 前回の基本部分の「onload = function() 」部分を以
Googleが提供する世界のスマホユーザーの動向が分かるWEBサイトを知ってる？ – MARS DESIGN Co.,LTD.
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,131 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,786 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,664 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
