発行
Astroで開発をしているなら、アイコンの実装はastro-iconが便利です。前編は従来のアイコン実装との違いや、astro-iconを用いたアイコンの基本的な実装方法を解説します。
Astro 2.0から新しく追加された機能、Content Collectionsを使って詳細ページを作成してみましょう。Content Collectionsは型定義ができるため、受け取るコンテンツの型を管理することができます。
ピクセルグリッドで未就学児がいるスタッフに、仕事との両立はどんな具合かを聞いてみました。
発行
セレクトボックスはブラウザネイティブのUIが用意されており、意外と高機能です。まずはブラウザネイティブの機能を確認して、どこまで独自の実装を行うか検討していきます。
WebPは比較的新しい画像形式のため、書き出しができるツールが限られます。無料／有料、画像ツールのプラグインなど、いくつかのパターンに分けて紹介します。
GitHub Projectsは、その名のとおりGitHubが提供する管理ツールです。制作物のソースコードをGitHubで管理している場合は、とてもおすすめできるツールです。その特徴を見てみましょう。
発行
ピクセルグリッドではCloudflareのいくつかの機能を使って開発しています。いちユーザーとして、そして同じエンジニアとして、Cloudflare社のシニア・ディレクター Rita Kozlovさんに、Cloudflare Pagesについて、ざっくばらんにお話をうかがいました。
Markdownファイルを元にページを生成する方法を解説します。特定のテンプレートに流し込んだり、ファイルの内容を抽出したり、柔軟に扱うことができます。
GitHub Desktopでコミットする方法と履歴を見る方法を紹介します。さらに、コミットを取り消す方法についても見てみましょう。
発行
気軽にとはいきませんが、プロジェクトの技術検討段階で採用可能であれば、大きな効果を発揮できる6つの手法を紹介します。Webフレームワーク選定のポイントもわかります。
前回までで基本的なツールチップの実装を終えました。最終回はツールチップにおける禁じ手や、ライト・ダークモードや書字方向に配慮した応用的な実装を解説します。
TypeScriptに最適化されたVue 3では、JavaScriptと変わらないコードで型サポートを受けられます。しかし、より柔軟に要件に応えつつ型の利点を活かすには、明示的な型宣言が必要になります。TypeScriptの構文を使ったその方法を見てみましょう。