HTML5/Javascriptでの加速度センサー・データの記録 | コンピュータ技術書籍の買取なら福書房
スマホの加速度センサーをリアルタイムに収集、結果を外部ファイルとして保存できるページを作ってみました。 コンセプトとしてスマホ側では完全にデータ収集に徹し、分析はCSVファイルを使ってPCのExcelなどで行いましょうというものです。 [構造概要] ・HTML5/Javascriptからセンサーの値を取得できるdevicemotionを使用 ・取得したデータはlocalStorage※に保存しCSVファイルでAndroid本体に保存することも可能 ・センサーが付いていればスマホに限らず、タブレットやPCでも動作する（はず） ※環境により最大5MB～10MBの仕様のようです。今までWEBで使えていたCOOKIEに比べると「膨大」な記録エリアですね。 一度HTML/JavaScriptを読み込んだ後は基本的にローカルデバイス上で処理されるので動作は端末性能に依存します。テストに使用したスマホは
池澤あやかの自由研究：深センは「スマホ決済社会が到来したら」を体現する街だった
中国・深センといえば、世界一の電気街であり、世界中の工場が集まる街でもあり、ハードウェアスタートアップが生まれる街でもあります。さまざまな側面のある深センですが、今回注目したいのは「スマホ決済サービス」についてです。 アメリカはクレジットカード社会、日本は現金社会だと言われていますが、中国は完全にスマホ決済社会です。テンセントの「WeChat Payment」や、アリババグループの「Alipay」などのスマホ決済サービスが広く一般に普及しています。 「広く一般に」というのは誇張表現でもなんでもなく、デパートはもちろん、タクシーや個人営業のお店でもこれらのサービスを使って決済することができます。
スマホにUSBメモリを接続して認識させる方法
スマートフォン（スマホ）にUSBフラッシュメモリを接続して認識させる方法を紹介します。 学校や会社でUSBフラッシュメモリが貸し回された場合や、急遽USBメモリのデータをコピーしなくてはいけなくなった場合に、家まで持ち帰る手間がなくなるので素早く対応できます。 まずはスマートフォンとUSBメモリを接続するために、USBホスト変換アダプタケーブルが必要になります。 USBホスト変換アダプタケーブルをつける 最寄りの量販店ではまず売ってないので、Amazonで購入しました↓ SANWA SUPPLY USBホスト変換アダプタケーブル(MicroBオス-Aメス) スマートフォンはMicroBメスの端子の穴がついてるので、MicroBオスを差し込みます。 USBメモリはAオスなので、変換アダプタは挿せるようにAメスになっているわけです。 普通のUSBフラッシュメモリを接続しました。 ほかに、最近は
“見た目”で売れる「INFOBAR A01」のAndroidとは思えない操作感 - 日経トレンディネット
「INFOBAR A01」は、KDDI（au）のデザインブランド「iida」のスマートフォンだ。おしゃれで個性的な外観は、これまでのスマートフォンと一線を画す。デザインは2003年に登場した第1弾モデルと同じ深澤直人氏が手がけた。鮮やかな色使いと持ちやすいシルエット。一目でINFOBARであることが分かる。 調査会社GfK マーケティングサービスジャパンの6月27日から7月24日の携帯電話製品別販売台数ランキングでは全体の3位に入っている。auの携帯電話、スマートフォンの中ではもっとも売れている端末だ。好調の要因は見た目の格好良さだけではない。Androidスマートフォンのイメージを大きく変える独自のユーザーインターフェース（UI）も見逃せない。基本スペックも高く、ワンセグやおサイフケータイ、赤外線通信など日本独自の携帯電話機能も盛り込んでいる。デザイン性と実用性を兼ね備えたスマートフォン
Android端末を買ったら入れておきたいアプリ100：Xperia非公式マニュアル
このサイト（前身のドタバタ体験記含む）を始めて1年と8ヶ月。 おかげさまで、なんと20,000,000というとんでもないアクセス数に達することができました。 これもひとえに僕のマニアックな記事のおかげ皆さまの応援のおかげとホント感謝しております。 （管理人は部屋の隅っこで小躍りして喜んでます） で、せっかくキリのいい数字なので、2000万PV企画をやろうかと思います。 その第一弾がありきたりかもしれないですが、（独断と偏見に満ちた）個人的ベストAndroidアプリ100です。 ちなみに第二弾はスマートフォンケース販売の「SECOND SKIN（セカンドスキン）」さん協賛のプレゼント企画を予定しています。 では早速いってみましょう。 あ、細かい誤字脱字やAndroidのバージョンの誤記載があったら、 「あいつ疲れてんな」と思って温かく見守ってください。気付いた時にこっそり直しま
アンドロイドアプリ情報サイト[アンドロイダー]
レビューサイト「アンドロイダー」サービス終了のお知らせ 2010年より運営してまいりました「アンドロイダー」は、 2017年6月30日(金)をもって、サービスを終了いたしました。 長きにわたりご愛顧いただき、心よりお礼を申し上げます。 アンドロイダーのビジネスについて アグリゲーション事業 端末メーカーや通信キャリア、各種メディアのご要望にあわせ。当社がアプリ開発者との窓口を担い、コンテンツやアプリのスピーディーなアグリゲーションを実現いたします。 事例: KDDI株式会社「auスマートパス」 株式会社NTTドコモ「スゴ得コンテンツ」 プライバシーポリシー
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
個人持ちスマホの業務利用はもはや避けられない？
今、企業のIT部門を悩ませている大きな問題がある。スマートフォンなどの社員の個人持ちデバイスの業務利用を認めるかどうかという問題だ。コンプライアンスを重視するこれまでのIT部門の常識からすると“禁じ手”とも言える手段だが、ここに来て無視できないほどの動きになろうとしている。 一つのきっかけは東日本大震災だ。震災直後に在宅勤務を余儀なくされた企業は多いが、事業を継続するために個人持ちのデバイスからの業務の解禁に踏み切った企業もある。例えばSAPジャパンは、自社の端末管理ツール（MDM）「Afaria」を用いて、個人持ちのスマートフォンやタブレットから業務を進められる環境を整えた。 社員が、個人持ちの携帯電話をスマートフォンに切り替えるケースが増えている点もその背景にある。そうなると多くの場合で会社支給のケータイよりも個人持ちの端末のほうが高機能になる。だったら、高機能な個人持ちの端末で業務を
「App Storeはほとんど死んだ」――UEI清水氏らが考えるスマホ時代の稼ぎ方
通信キャリア各社がスマートフォンに注力し、モバイルビジネスの主戦場はスマートフォンへとシフトしている。スマートフォン向けアプリビジネスでは、「マーケットで容易にアプリを配信できる」「世界を相手にビジネスができる」といった魅力が語られてきた一方、「マーケットでアプリが埋もれる」「有料コンテンツが売れない」など、ビジネスの難しさも長らく指摘されてきた。 「ひとつ確実に言えるのが、App Storeはほとんど死んだということ」――。6月10日に開催された「Interop Tokyo 2011」で、ユビキタスエンターテインメント（UEI）の清水亮代表取締役社長と、クウジットの開発部 シニアアーキテクト、三屋光史朗氏らが「スマートフォンアプリ時代のビジネス戦略」と題した講演を行った。清水氏はアプリマーケットが置かれた厳しい状況を指摘し、その中で「小さい会社ながら億単位で稼いでいる」という同社流のビジ
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
スマートフォン、いつ買いました？ 購入時期・機種でユーザー層に特徴
iPhone 3G/3GSが最初に購入したスマートフォンという「第1世代」は、男性が8割近くで平均年齢は約40歳、スマートフォンの機能を幅広く使いこなす一方、ファッションや外見はあまり重視しない──博報堂DYグループのスマートフォンユーザー調査で、こんな結果が出た。スマートフォンの購入時期で「世代」を3つに分け、それぞれの特徴を分析している。 ネットによるアンケート調査で2月中旬、全国の10～60代 515人に聞いた結果をまとめた。東日本大震災後の4月上旬にも、309人に震災後の利用状況を聞いた。 調査結果では、最初に購入したのがiPhone 3G/3GS（2008年7月～2010年6月ごろ）というユーザーを「第1世代」、iPhone 4（2010年6月ごろ～現在）は「第2世代」、Android端末（2010年10月ごろ～現在）は「第3世代」と分類。それぞれの特徴をまとめた。 第1世代にと
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
日本よ、スマートフォンをなめていないか？ | しょせんぼくはこんなもの
先頃2011年夏モデルがドコモとauから発表がありました。昨今のブームを受けて、殆ど両社ともAndroidスマートフォンを前面に押し出したラインナップになっています。 昨年のXperia(SO-01B)発売から考えると、日本のメーカーもキャリアもAndroidに対するノウハウがだいぶ蓄積されて来たようで、ラインナップもかなり充実して来ました。 シャープは相変わらず旺盛な開発力で、後から加わったソフトバンク向けも含めると合計7機種以上を今季提供しています。その内、ドコモ向けの1モデルは無接触充電機能を搭載、au向けの1モデルはフィーチャーフォンからの移行にも戸惑わないようにテンキーを搭載しており、残り1モデルはINFOBARのスマートフォン版です。 ソニーエリクソンはXperiaの新シリーズであるacroをドコモとauに提供。特にau向けには待望のXperiaの登場です。 NECカシ
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
よくあるご質問 | サポート | au
「iPhoneと過ごした1000日まとめ」が相変わらずスゴい件 - もとまか日記乙
［速報］スマートフォンとタブレットに分かれていたAndroid OSは1つに統合へ。Google I/O 2011
