発行
Vue.jsなどのJavaScriptライブラリやフレームワークを前提に、HTML/CSSの実装が行われることも多くなった昨今、マークアップエンジニアのJavaScriptの学習をサポートする記事を紹介します。
UIの操作に応答してデータ表示が変わるコンポーネントへと実装を進めます。使用するプロパティや、イベントハンドラの定義を解説します。
GitHub Actionsで単体テストのJestによる実行について解説します。リポジトリにpushするのをトリガーに、Jestのテストによるチェックをかけてみましょう。
発行
Next.jsの特徴を簡単なデモを使って確認してみます。Reactをベースとし、用途に合わせSSRやSSGを組み合わせた柔軟なサイト書き出し機能を試してみましょう。
GraphCMSにリクエストする際に必要な、GraphQLクエリの構文について解説します。使用例を元に、構文の基本を見てみましょう。
迷子にさせずに意図が伝わるデザインデータを作るために、目次を活用していきます。また、デザインデータを見る人に不要なデータを見せない工夫もしましょう。
発行
Vue.jsでできることの特徴を把握するために簡単なコンポーネントを実装してみます。データ定義、データバインディング、ディレクティブなど基本的な概念がわかります。
Webデザインにおいて、協業を前提としたデザインツールの利用が増えています。そのため、協業者に「デザイン意図を伝える」ということを考えてデータ作成を行うことが大切です。Figmaを例に見てみましょう。
GitHubで行うアクションをトリガーに任意の処理を実行できる継続的インテグレーションGitHub Actionsを紹介します。第1回目はまず使い心地を体感するため、必要な設定などを解説します。
発行
後編ではHTML/CSSの2020年の動きと、2021年からのこれからのHTML/CSSやJamstackを考えます。開発の現場で感じ取っている変化を掘り下げます。
見出し要素に囲まれている範囲を検出したい、しかし見出し要素自体はマッチ結果に含めない。こうしたケースを正規表現のみで解決する方法を考えていきます。また、正規表現が複雑になってしまう状況を、どう工夫してマッチ結果を求めるかも見ていきましょう。
利用している社外のサービスが事故を起こした際の対応事例として、noteを取り上げます。公式に発表される情報を整理したうえで非公式な情報も考慮し、多角的に考えていくことが大切です。