Android、iPhoneが向いている方向をWeb地図上で表現してみる（leaflet.js使用）
前回Javascriptでコンパス機能を実装して、Android、iPhoneの背面が向いている方角が数値（0～360：0が北）で分かるようになりました。 今回は地図上で向きを視覚化する処理をざっくり検証してみようと思い […]
カテゴリー: html5
Javascriptでコンパスを作ってAndroid、iPhoneが向いている方角を特定
普段は意識しなくても、AndroidもiPhoneも自然データをデジタルに変換するセンサーの塊です。 加速度センサー 重力センサー ジャイロセンサー 地磁気センサー 気圧センサー 照度センサー 温度センサー 位置センサー […]
Android+ChromeでlocalhostアクセスしてPCサーバへPort Forward（Fwdアプリ使用）
昨今はプライバシーの侵害防止、セキュリティ観点から、HTTPS環境下でないと使えないHTML5 APIが増えました。 反してAndroid7でオレオレ証明書に関する仕様が変わり、Android6だった2017年くらいまで […]
hidden.inとSoftEtherで無料のビデオ会議環境を構築する
自粛が続いて会えない人も多くなり、人との交流が恋しくなりますね。 仕事ではミーティングをオンライン化するニーズが増え、以下メジャーなパブリックサービスを使っている人も増えていると思います。 Skype Google Ha […]
キャッシュされているはずのServiceWorker資源にオフラインアクセス出来ない（Workbox + ionicons）
そのHTTPリクエストしたファイル資源、ひょっとしてURLパラメータついてたりしませんか？ 事象 ionic3（SPA）でWorkboxを使ったServiceWorkerキャッシュを行ったが、オフラインだとキャッシュされ […]
ionic3（SPA）のServiceWorkerライブラリをsw-toolboxからWorkboxに切り替える
昨今は閲覧速度向上やオフラインでも使える利便性が求められ、Webアプリ開発とPWAはセットで考えられるようになってきましたね。 PWAは「ServiceWorker API」を使ってキャッシュする資源をコーディングしてい […]
History APIを使ってIonic（3以前のSPA）でブラウザの戻るボタンやAndroidバックキーを押すと前サイトに戻ってしまう件に対応する
Ionic2や3ではまだAngular Routerを採用していなかったので、ページ遷移をしてもブラウザ履歴が積まれず、Androidのバックキーやブラウザの戻るボタンを押すとサイトに入ってくる前のページまで戻らされてし […]
Chrome75に実装された「Web Share API Level 2」を使ってみた
（2019/06現在、個人的な感想としては実戦投入はまだ早い印象でした） Webアプリにシェア機能を付けたい時があります。OSネイティブAPIを呼べないWebアプリではsharer.jsやremoteStorage.js […]
IndexedDBにblob保存されたPDFファイルを外部アプリに頼らずにJavascriptで表示（後編）
はじめに 前回の続きです。 PDFをJavascriptでブラウザに表示するライブラリはMozillaの「PDF.js」がデファクトスタンダード、PDF内容をパースしてcanvasにレンダリングしていてテキスト選択も可能 […]
IndexedDBにblob保存されたPDFファイルを外部アプリに頼らずにJavascriptで表示（前編）
はじめに PDFをHTTPダウンロードするとHDDに保存されるか、外部ビューワが起動するかの2択になります。スマホだとHDDに保存されると表示が面倒ですし、外部ビューワが入っていないAndroidなんかだとインストールす […]