発行
セレクトボックスの選択項目の初期状態を設定します。ネイティブの動作を確認し、それからカスタムのセレクトボックスに実装してみましょう。
検証の際に適切に値を変換する方法や、変換前後の型の違いに注意しながら、Zodスキーマのデータ構造をTypeScriptの型として扱う手法を解説します。また再帰構造の表現も考えてみましょう。
ひとくちに「実装前に要件を整理する」といっても、その情報は多岐にわたっています。またそれらがすっきりとまとまる案件は少数でしょう。そんな時に整理する役割を担うのが、ディレクターです。
発行
ViteでVueのプロジェクトを生成した場合、簡単にJSXを利用できるようになっています。JSXの基本的なことを確認し、Vueの開発でJSXを選択する必要性はあるか考えていきます。
前回作成したリンクチェッカーを、GitHub Actionsを利用して実行させます。スクリプトを定期的に実行するようにし、エラーがあった場合はレポートを出力するようにしましょう。
前回までは基本を理解するためにHygraphに手動でデータを登録しました。今回はより実務に即したデータの一括登録を解説します。
発行
WebフレームワークのAstroでは、バージョンアップで画像の最適化機能がビルトインで提供されるようになりました。その指定方法を見てみましょう。
マウス操作への対応を続けます。開閉処理と選択された項目の反映という、他の動作からも使われる処理をメソッドとして作成します。
いずれかの条件にマッチすれば合格という、OR条件の表し方を検討します。どのような型同士をOR条件で並べるかによって、メソッドを使い分ける必要があります。
発行
Web制作業務中に発生する機械的な作業は、プログラム処理で対応できないか考えてみましょう。ここでは、リンク切れがないかチェックする「リンクチェッカー」を作ってみます。
ディレクターが実装者とともに案件を担当することで、品質を管理でき、ユーザー／クライアント／制作者の三者が納得できる制作物をつくることができると考えます。その理由をお伝えします。
1つのファイルに書かれていたページコンテンツを責務によって分割します。また、分割したコンポーネントのどこでデータを受け取るのがよいか、その方法とメリット、デメリットを解説します。