「 html5 」 一覧
-
-
Android、iPhoneが向いている方向をWeb地図上で表現してみる(leaflet.js使用)
前回Javascriptでコンパス機能を実装して、Android、iPhoneの背面が向いている方角が数値(0~360:0が北)で分かるようになりました。 One IT Thing 8 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のバックキーやブラウザの戻るボタンを押すとサイトに入ってくる前のペ …
-
-
Angular、React、Vueプロジェクトを新規作成した時に生成されるリソース規模比較
アンチウィルスのディスクフルスキャンが日に日に遅くなっていく・・・ 一年後には丸一日掛かっても終わらなくなり、仕事終わりにかけて行ったフルスキャンが翌日まだ頑張っている。 この原因、ちょこちょこ作って …
-
-
Angular、React、VueのDL数をnpmtrends.comで調べる
対象読者 これからフロントエンドの勉強をしようと考えている方。 3つの内どれを選ぶべきか 勿論使わない選択肢もあります。これらが台頭する前に開発されたWebもまだ多いですから、プロジェクトに途中参画し …
-
-
Chrome75に実装された「Web Share API Level 2」を使ってみた
2019/06/14 -html5
Web Share API(2019/06現在、個人的な感想としては実戦投入はまだ早い印象でした) Webアプリにシェア機能を付けたい時があります。OSネイティブAPIを呼べないWebアプリではsharer.jsやremote …