Tag#フロントエンド
8 posts
Latest trends
2026.08.06
Astro外でも使える、Markdown描画をユーティリティ化する設計の考え方
Astroで培ったMarkdownコンポーネントの発想を、フレームワークに依存しないユーティリティへ切り出す考え方と、制作現場での使いどころを整理します。
Latest trends
2026.07.17
Google I/O 2026のChrome新機能、CSS @functionと::search-textが利用可能に
Google I/O 2026で公開されたChromeの新機能から、CSSカスタム関数@functionとページ内検索を装飾する::search-textを、Web制作の実務視点で整理します。
Useful Information
2026.06.03
CSS position: stickyが軸ごとに指定可能に、上部固定と左端固定の同時実装が現実的に
CSS position: stickyの仕様が更新され、軸ごとのスクロールコンテナ指定が可能に。テーブルの上部固定ヘッダと左端固定列の同時実装が容易になります。
Latest trends
2026.04.26
JavaScriptモジュール設計が最初のアーキテクチャ判断になる理由と、進化するJSエコシステムの現在地
JavaScriptのモジュール設計がプロジェクト全体のアーキテクチャを左右する理由を解説。Bunのヘッドレスブラウザ機能など、進化するJSエコシステムの動向もあわせて紹介します。
Useful Information
2026.04.26
Chrome 147で追加された4つのCSS新機能、border-shapeで自由な形状が可能に
Chrome 147で新たに追加された4つのCSS機能を解説。border-shapeプロパティによるボーダー形状の自由な制御や、ライトモード関連の改善など、Web制作の実務に役立つポイントを整理します。
Latest trends
2026.04.23
2026年春のブラウザ動向まとめ、FirefoxのLinux向けRPMパッケージとChrome自動入力の改善
FirefoxがRPM系LinuxにBeta/Developer Editionを公式対応、Chromeはふりがな自動入力を改善。2026年春のブラウザ動向をWebディレクター視点で整理します。
Latest trends
2026.04.22
Chrome 148 betaが公開、View TransitionsやCSS状態管理の実装が現場で広がる
Chrome 148 betaの公開と合わせ、View TransitionsやRadio State Machineなど最新CSS実装の現場活用法をWebディレクター視点で整理します。
Latest trends
2026.04.22
2026年3月のBaseline動向まとめ、主要ブラウザで使える新機能が続々追加
2026年3月にBaselineへ追加されたWeb機能と、主要ブラウザで安定利用できるようになった新機能を整理。Webディレクターが押さえるべきポイントを解説します。