blog.jxck.io
Site Isolation 及び Web のセキュリティモデルの更新
Origin は Web におけるセキュリティモデルの一つとして、コンテンツ間の Communication に関する境界を定義し、リソースを保護してきた。しかし、Spectre の発覚以降、Communication に関する制限だけでは
すべて
azukiazusa のテックブログ2
Denoとはなにか - 実際に使ってみる
Denoは、Node.jsの製作者であるRyan Dahlによって作られた、新しいJS/TSランタイムです。簡単に説明すると、Node.jsのイケてなかったところを改良したものがDenoになります。
blog.jxck.io
mozaic.fm v3 リリースと Podcast の PWA 化
mozaic.fm をリニューアルし v3 としてリリースした。今回の更新は以下のような変更/修正を実施している。PWA 化before install promptBackground FetchPeriodic Background S
azukiazusa のテックブログ2
Firebase③ Cloud Storage
Firebase3週目の記事です。 今回は、主に画像などのデータを保存するストレージ機能を提供するCloud Storageを取り扱います。 Vue.jsを利用したブログにサムネイル画像を設定する機能をもとに説明していきます。
azukiazusa のテックブログ2
JavaScript ECMAScriptとかBabelとか
JavaScript ECMAScriptとかBabelとか
azukiazusa のテックブログ2
Firebase④ Cloud FireStore
Cloud FireStore(以下FireStore)とは、FireBaseの提供するドキュメント指向型 のNoSQLデータベースです。 NoSQLとしての特徴としてのスキーマレス、スケーラブルといった特徴のほかにリアルタイムアップデート
blog.jxck.io
Periodic Background Sync 及び Web を Install するということ
メールクライアントや RSS リーダーのようなユースケースを PWA で実装する場合、バックグラウンドで定期的にタスクを実行したいケースがある。このユースケースに特化した API として提案されているのが、Periodic Backgrou
azukiazusa のテックブログ2
Firebase② Firebase Authentication
Firebase第二弾です。 Firebase Authenticationのメールアドレスによるログインと、FireStorageについて説明していきます。
azukiazusa のテックブログ2
firebaseとは
Firebaseは、Googleが提供するバックエンドサービスです。 Firebaseは、バックエンドのサービスを担ってくれるので、開発者はアプリケーションの開発に専念することができ、バックエンドで動くサービスを作成、管理する必要はありませ
blog.jxck.io
Scroll to Text Fragment を用いたサイト内検索の実装
Scroll to Text Fragment のユースケースとして、本サイトにサイト内検索を実装した。
blog.jxck.io
牧歌的 Cookie の終焉
Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。State Less が基本だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方
blog.jxck.io
3rd Party Cookie 調査のための Web 広告導入
昨今、特に広告サービスを中心に 3rd Party Cookie を用いたトラッキングについての議論が多く行われている。Safari による ITP や、Chrome による Privacy Sandbox への移行など、技術的な変化も著し
blog.jxck.io
Service Worker の Background Fetch によるメディアのキャッシュ
Podcast を PWA 対応するために、待望だった機能の 1 つが Background Fetch だ。これにより、通常 Range Request で取得するような、大きなファイルを事前にダウンロードしておくことができるようになる。
blog.jxck.io
ブラウザで何が起こっているのかを知る Reporting API と ReportingObserver
Web サービスにおいては通常、Web サーバから取得できるアクセスログやエラーログを取得し解析する基盤を保有するだろう。しかし、Web サーバから取得できる情報だけでは、ブラウザで何が起こったのかを知るのは限界がある。今回は、ブラウザ内で
blog.jxck.io
2019 年をふりかえる
例年通り 2019 年を振り返る
blog.jxck.io
WebBundle によるコンテンツの結合と WebPackaging
依存コンテンツを 1 つにまとめて配信する WebBundle の仕様策定と実装が進んでいる。これは Signed HTTP Exchange と合わせて WebPackaging を実現するための仕様であり、組み合わせれば WebBund
blog.jxck.io
Intel NUC で自宅 Ubuntu 開発環境構築と SSH Port Forwarding によるアクセス
家では Mac を使っていたが、やはり Ubuntu 開発環境を作ることにした。前々から気になっていた Intel NUC をベースに Ubuntu 環境を構築。また、外出時もアクセスできるように SSH Port Forwarding を
blog.jxck.io
Scroll To Text Fragment と :~:text
ページ内の特定の位置へのスクロールは、URL フラグメントと HTML の ID 属性を用いて行われていた。しかし、ID を持たない要素へのスクロールというユースケースをカバーするために、フラグメントの拡張仕様が提案されている。Chrome
blog.jxck.io
Noto Sans Hinted と font-feature-settings: 'palt'
Noto Sans のサブセット生成を見なおし、Noto Sans Hinted から pyftsubset で生成し、ついでに font-feature-settings を有効にした。作業と検証の記録を兼ねて、実施結果を記す。
blog.jxck.io
Promise.allSettled と Promise.any
Promise.allSettled() と Promise.any() の仕様策定が進んでいる。両者は近いレイヤの仕様では有るが、作業の進捗には差がある。Promise.allSettled は Stage 4 であり、Chrome や