発行
デザインデータの要素やグループにつけられた名前は、その効果と用途を意識することで、閲覧者が名前から得られる情報量や粒度をコントロールすることが可能になります。今回はその効果と用途を解説します。
Viteは、大規模プロジェクトにおける開発時のビルドに時間がかかるという、既存のツールが抱える問題を解消してくれます。その背景にはどのようなことがあるのか、どのように問題を解消しているのかを見てみましょう。
後編はスクロールバーが表示される位置でツールチップが見切れてしまう問題や、スクロールバーの色の問題、スクロールバーのカスタマイズについて解説します。
発行
「CMSのWYSIWYGで入力されたデータにdivやクラスを追加したい」とか「見出しから目次を作りたい」など、自由にHTMLを加工したいという要望はないでしょうか。unifiedというnpmパッケージでrehypeにあるプラグインを利用すると、自分が希望する操作を行えます。
ウェブサイトを作るうえで、至るところに現れるのがスクロールバーです。そのスクロールバーついて実装時に配慮しなければいけないことを前後編で解説します。前編はスクロールバーの表示方法がページに与える影響をコントロールする方法です。
後編では状態データの生成におけるrefとreactiveの使い分けを、可読性や保守性に与える影響と併せて解説します。また、浅いリアクティブでオブジェクトを保持するshallowRefとshallowReactiveについても触れます。
発行
「Every Layout」のポイントとなる概念「レイアウトプリミティブ」を実務でどう活かしていけるのか、その可能性や取り入れ方について、さらに話を続けます。
Fetch APIによってリクエストした結果の取り扱いについて見てみます。そのほか、Fetch APIにまつわるトピックとして、XMLHttpRequestとNode.jsにおけるfetchについても取り上げます。
Webサイトには認証や検索、支払いやデータ管理など、高度な機能が必要な場合があります。Jamstackでは、そのような高度な機能に特化したサービスが提供しているAPIを使うことで、低いコストでその機能をサイトのユーザーに提供することができます。
発行
明けましておめでとうございます。さっそく恒例の年末年始座談会、後編はWeb制作現場で使われる技術について。とくにピクセルグリッドの得意とするJamstackの未来と課題の議論を盛りぎみにお届けします。
ブラウザ上のJavaScriptの役割に、サーバーサイドとの通信があります。ここでは、ブラウザ標準のFetch APIを取り上げ、データの取得や送信を見てみましょう。
デザインデータを元に実装するとき、デザイナーがなにを意図しているのか読み取れずやり取りが増えてしまうことがあります。デザイナーと実装者がより効率的に進められるためにはどうしたらいいか、その一歩として「名前」に注目してみましょう。