blog.jxck.io
Puppeteer で静的サイトの Font Subsetting
Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。
すべて
blog.jxck.io
WebCodecs と WebTransport でビデオチャット
ブラウザの持つ Video/Audio コーデック実装へアクセスする API として WebCodecs の仕様策定と実装が進んでいる。これにより、映像や音声の変換などといったユースケースへの応用も可能だ。本来なら WebCodecs 単体
blog.jxck.io
img の srcset 指定時に選択される画像
<img> や <picture> で srcset に複数の画像を指定することで、デバイスに応じて適切な解像度の画像を提供することができる。この画像が、どういった条件で選択されるのかを頭では勝手に理解していたつもりだが、理解とは違う挙動が
blog.jxck.io
Webbundle によるサブリソース取得の最適化
WebBundle を用いてサブリソースのみを Bundle する、Subresource Bundle の策定と実装が進んでいる。これを用いると、複数サブリソースの取得を 1 回の fetch で行うことができ、RTT を減らしつつも個別
blog.jxck.io
ローカル開発環境の https 化
Web の https 化が進み、それに伴って https を前提とする API も増えてきた。そうした API を用いた開発をローカルで行う場合、localhost という特別なホストを用いることもできるが、それだけでは間に合わないケース
azukiazusa のテックブログ2
Express + TypeScript + MondoDBでやる
Expressは、Node.jsのWebアプリケーションでもっとも利用されているフレームワークです。Expressは、HTTPによるWeb上の相互作用とNOde.jsプラットフォームの中間に位置するので、ある種のミドルウェアと言えます。 E
blog.jxck.io
QuicTransport によるアプリケーションレイヤでの QUIC 活用
WebTransport の Quic 実装である QuicTransport の開発が Chrome で行われている。Chrome で Origin Trials が開始されたので仕様と実装を解説する。
azukiazusa のテックブログ2
Node.js - サーバーサイドのJavaScript
Node.jsは、V8 Javascriptエンジン上に構築されたJavaScriptの実行環境です。サーバーサイドのJavaScript環境であり、非同期、イベント駆動といった特徴があります。
azukiazusa のテックブログ2
Firebase④ Cloud FireStore - クエリ
Firebase4回目の記事です。 前回は、Firebaseにおける単一のドキュメントに対するCRUD操作までを取り扱いました。 今回は複数のコレクションから取得するためのクエリについて説明していきます。
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 にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方