発行
ESM対応のCDNとimport mapを組み合わせると、ビルド環境なしでnpmのパッケージを読み込めます。ベア指定子の解決やCDNの選び方を見たうえで、バンドラーとの違いと使い分けを整理します。
ナレッジスキルの3分類の最後、「ベストプラクティス」をスキルにする方法を紹介します。「pxかremか」のような小さな判断をスキルに残す意味、AIエージェントの推論との関係、そして筆者のナレッジドキュメントの育て方と失敗談を通して、スキルとは何かをまとめます。
シリーズ最終回は、初回から予告してきた「選んだ画像をグレースケールにするデモ」を完成させます。URL.createObjectURL()による画像の表示と、Canvasから取り出したピクセルのバイト列の書き換えを組み合わせます。最後にシリーズ全体を振り返ります。
発行
見た目が同じでも、Unicode上では異なるコードポイント列で表現され、比較が一致しない文字列があります。NFC・NFD・NFKC・NFKDという4つの正規化形式の違いを整理し、String.prototype.normalize()を使った解決方法を日本語の具体例とともに紹介します。
GitHubに置いたAI向けナレッジを、MCPサーバーでどのAIクライアントからも参照できるようにします。さらに会社で共有すべき情報を分離し、経営方針を社内へ届ける新しい経路になった実践を紹介します。
第2回は折り返すリストの区切り線を題材に、機能検出の落とし穴と交点の制御を解説します。
発行
AIが認証のプロトタイプを書き、要件は動くもので確かめながら固まっていく。その先で、実装を引き受ける側に何が起きたのか。フロントエンド・エンジニアの森 大典に聞きました。
第3回は、Next.jsで作ったサイトをCloudflare Workersにデプロイします。静的エクスポートによるSSGと、OpenNextのアダプターを使ったSSRの2通りを取り上げ、Astroとの違いや、開発時と本番でランタイムが異なることによる注意点を解説します。
type="module"の利点は、ファイルを分割できることだけではありません。変数の衝突が起きない、DOMContentLoadedを待たなくてよい、strict modeになる、トップレベルでawaitが書けるなど、importを1行も書かなくても得られる特徴を整理します。
発行
段組みの段間に線を引くcolumn-ruleが、CSS GridやFlexboxでも使えるようになりました。第1回は従来のcolumn-ruleを題材に、「隙間に線を引く」考え方とborderとの違いを押さえます。
AIの回答が一般論で終わる原因は、渡している情報の不足かもしれません。GitHubリポジトリに自分の判断基準をMarkdownで蓄積し、AIに自分らしい判断をさせる実践を紹介します。
前回作ったPNG画像の幅と高さを読み取るコードは、バイト列をコードに直接書き写したものでした。今回はBlob・Fileを使って実際のファイルからバイト列を取り出せるようにします。ファイルの中身を覗ける16進ダンプのツールを作り、それを応用して、任意のPNG画像から幅と高さを読み取れるようにします。