タグ

ブックマーク / blog.htmlhifive.com (3)

  • WebブラウザからBluetooth接続できるWeb Bluetoothを試す

    HTML5の新しいAPIの中でも特に先進的なAPIがWeb Bluetoothです。Google Chrome60以降、Androidのブラウザでも56以降でしかサポートされていないAPIになります。しかしWebブラウザがBluetooth通信をサポートする各種デバイスと通信できることで様々な使い道が考えられます。 今回はそんなWeb Bluetoothの簡単な使い方を紹介します。 コードについて Web Bluetoothを扱う場合にはPromise処理が連続して行われます。例えば今回はバッテリーレベルを取得します。 まずWeb Bluetoothをサポートしているかどうかは navigator.bluetooth の有無で判定します。 This file contains bidirectional Unicode text that may be interpreted or com

    WebブラウザからBluetooth接続できるWeb Bluetoothを試す
  • Promiseを使った非同期ループ処理の書き方について

    JavaScriptで常に頭を悩ませるのが非同期処理ではないかと思います。非同期処理を幾つも実行したりすると、思ったタイミングで処理が走らないといったことが多々あります。 そんな中でループ処理になると、特に厄介ではないでしょうか。そこで今回はPromiseを使ったループ処理について紹介します。 0から10まで順番に処理をしたら抜けるループ 非同期処理でない場合は次のように書けます。 This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more

    Promiseを使った非同期ループ処理の書き方について
  • iOS8.0で、カメラ画像をFileReaderで読み込もうとするとエラー?

    2014/10/1追記: iOS 8.0.2で、下記の問題は解決されました。 今日から配布が始まったiOS8.0ですが、<input type=”file”>(HTML Media Capture)とFileReaderやURL.createObjectURL()を組み合わせてカメラやカメラロールの画像を読み込もうとするとエラーにな…る…気がします。 (iOS7.1.2ではFileReaderを使ってふつーにData URLを取得し、Imageのsrcに入れたりできていました。PCChrome37でも、下記のコードで画像を表示できています。) ちなみに、Macにつないで開発者ツールを開くと、FileReaderでreadAsDataURL()するとNOT_READABLE_ERRが出ています。 また、Chrome for iOS (37.0.2062.52)で下記ページを動かすと、inp

    kjw_junichi
    kjw_junichi 2014/09/19
    これ、自分もこの現象が発生している。Macが近くにない環境にいて、何が起こっているのか分からなかったが、WebGL対応に浮かれている場合ではないよね。 bit.ly/1yiNsHH
  • 1