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