発行
不要なJavaScriptをいかにして減らすのか。まずはプロジェクトの状況を問わず試す価値のある汎用的な手法を4つ紹介します。
この記事ではTwitterで人気が高かったCSS Tipsを元に、実務でありがちではあるけれど、ちょっと実装方法に迷ってしまいそうなケースを集めて解説しています。
Vue 3は、TypaScriptへの対応が進んでいます。前編と後編に分けて、TypeScriptによるVueアプリケーション開発の手引きを解説していきます。
発行
Webページの表示速度、パフォーマンスのキーのひとつとなるJavaScript。そのJavaScriptの現状を、Webサイトにおけるサイズや利用率などのデータで見ます。それらのデータから、JavaScriptのどのような状況が問題となるのか、把握しましょう。
transformプロパティで座標変換処理をする場合、個別のプロパティを利用すると簡単に記述できるようになります。それぞれのプロパティの書き方を見て、transformプロパティとの使い分けを考えてみましょう。
Escキーでツールチップを非表示にする実装をします。その際、フォーカス枠が消えない問題があるので、その問題にも対処します。
発行
画像の内容に合わせて適切にファイル形式を選ぶことで、ファイル容量を抑えることができ、意図しない画像劣化を防ぐことができます。画像の内容と、それにふさわしい形式を考えてみましょう。
scriptブロックにsetup属性を指定することで、コンポーネントをより簡潔なコードで実装できます。具体的な実装方法とその注意点を見てみましょう。
JSXへMDXコンポーネントを埋め込む方法を解説します。MDXには個別の記事コンテンツが書かれているという想定で、サイト開発と運用の分離をイメージしてみてください。
発行
2022年以降使えるようになったことを踏まえ、エンジニアが「素振り」をして試しているCSSの機能や、これからの開発ツールの使い心地などを話しました。
OSの視差設定に基づいたアニメーションのオン・オフを切り替え、ツールチップのテキストの選択や、読み上げにも配慮した実装を行います。
外部のJSONファイルやAPIからデータを取得し、データをもとに動的にタイトル名のHTMLファイルを生成する方法を解説します。Astroのファイルルーティングの基礎知識も押さえましょう。