発行
lit-htmlで作成したテンプレートをLitElementのコンポーネントの中に組み込み、データをバインドして、コンポーネントの骨組みを作ります。
コンポーネントの記述の基本を解説します。コンポーネントを作るルールと、JSXの記述方法をしっかり押さえることがポイントになります。
Taiwind CSSの開発環境の構築方法とPurgeCSSの設定方法を解説します。PurgeCSSを設定せずに利用するとファイルサイズが大きくなってしまうので、注意が必要です。
発行
HTTP認証によって保護されているAPIへのリクエストを便利にする、Insomniaの機能について紹介します。HTTPリクエストにおける認証方式と資格情報の指定をサポートしてくれる機能です。
高画素密度ディスプレイで表示してもぼやけない、Canvasからの画像の生成方法を見ていきます。表示するディスプレイのピクセルデバイス比を考慮し、Canvasと画像のサイズを設定しましょう。
PreactはReactとほぼ同等の機能を持ち、Reactよりもさらに軽い動作が期待できるUIライブラリです。第1回目はReactとの関係性とPreactの導入について解説します。
発行
GTDを実践するためにTrelloのリストにカードを振り分けてカードを処理していきました。しかし、これを続けるだけではカードが溜まっていってしまいます。定期的にリスト内のカードを見直し、整理することが大切です。
CSSフレームワークのTailwind CSSを紹介します。まずはどのような特徴を持っているのか、通常のHTMLとCSSで記述した場合との違いはどのような点があるかを見てみましょう。
要素の動作をコントロールするためのディレクティブを紹介します。今回は使用頻度が高い、on: ディレクティブについて解説します。
発行
リクエスト情報の入力欄で利用できる、テンプレートタグ機能を紹介します。リクエストを実行するたびに毎回新しくランダムな値を入れる必要がある場面や、ほかのリクエスト結果の値が必要な場面で活用できます。
高画素密度ディスプレイでCanvas画像を表示する場合のぼやけ対策を解説します。基本的な対処方法はラスター画像の場合と同様ですが、いくつか注意点があります。
lit-htmlにはレンダリング結果をカスタマイズできるディレクティブと呼ばれる関数があります。使用頻度が高いディレクティブの機能と特徴を解説します。