発行
Tailwind CSSのバージョン3.0を解説します。もっとも大きな変更点である、デフォルトとなったJust-in-Timeモードを中心に、新たに実装された機能、バージョン2からのアップデート方法を見てみましょう。
IE 11がリタイアした後に使えるJavaScriptの仕様のうち代表的なものをピックアップして紹介します。使っていなかった機能も置き換えられる機能はどんどん取り込んでいきましょう。
Netlifyのリライト機能によってプロキシする方法を使うと、1つに公開されているサイトを複数のリポジトリで管理できるようになります。どんな場合に便利なのか、見てみましょう。
発行
音楽大学から医学部勤務のプログラマーという、ちょっと変わった経歴をもつ渡辺。小さな組織の中で、役割の垣根をつくらず飄々といろいろな仕事をこなしてきた軽やかさを感じるインタビューです。
IE対応が必要なくなると、使えるようになるCSSの標準技術も広がります。また、Safari独自のCSSも一部使えるようになります。ブラウザの互換性が上がることでできる、さまざまな表現を見てみましょう。
名付けを実践する上での注意点について解説します。デザインデータの全容を効率よく伝達するために、伝わりやすくすることを意識した名付けを心がけましょう。
発行
aspect-ratioプロパティは、画像や動画などのコンテンツの幅と高さの比率をコントロールできます。その書き方と、どんな場合に使えるかを見てみましょう。
シリーズ内で使用したデモを題材に、より実践を意識したコンポジション関数とコンポーネントを組み合わせた構成で、順を追って再実装していきます。機能拡張にあわせた実装構成の変化にも注目してください。
Viteは開発時のビルドの高速化以外にも、モダンなフロントエンド開発で必要になるであろう機能を提供しています。これらの機能の詳細と、Viteの開発環境の構築を見てみましょう。
発行
IE対応が必要なくなる場合、これまで互換性を確保するために記述していたコードが不要になります。それらのコードを確認するとともに、IE非対応であれば使えるようになるHTMLの標準技術の主なものを見ていきましょう。
HTMLの文字列からh2だけで見出しを作り、目次に加工したHTMLに変換する例を解説します。今回は自分で構木文を操作し、unifiedの処理の中でそれらがどんな仕組みで動いているかを理解してみましょう。
静的サイトホスティングサービスのNetlifyで、リダイレクトとリライトを設定する方法を解説します。柔軟に設定できるのが特徴です。