発行
これまでフロントエンド開発に登場してきた「静的サイトジェネレーター」をキーにこれからのサイト制作の開発手法を展望する座談会です。第1回目は静的サイトジェネレーターの変容の歴史をざっくり話しました。
マークダウンの中にJSXを埋めるMDXを利用してドキュメントを作成していきます。DocsPageに比べて少し手間はかかりますが、ドキュメントの自由度が高くなります。
画面プレビューを、ニュース詳細画面と一覧画面に実装していきます。プラグインを利用することで、一から画面プレビューを実装するよりも実装コストを抑えることができます。
発行
UIをデザインするのに、いきなり見かけから考え始めるのはお勧めしません。まずは、そのUIが置かれる「意味の文脈」を理解することが大切です。架空の営業施策のためのデザインをもとに、具体的に考えてみましょう。
Preactで実装したハンバーガーメニューをクライアントサイドで動作するように、JavaScriptの読み込み指定を行います。このような読み込みの制御ができるのがAstroの特徴のひとつです。
Gatsby Cloudへデプロイしたニュースサイトの画面プレビューを実装していきます。Gatsbyには画面プレビューを作れるプラグインが用意されています。
発行
後編では前編で扱った「会話」以外の、オンラインでの画面共有、チャット、ミーティングの記録の取り方にフォーカスし、そのコツを紹介します。
Storybookのドキュメントとなる、「Docs」を解説します。今回は、自動的に生成されたDocsPageを見ていきますが、これにコンポーネントの説明文や各引数の型や情報を加え、充実させていきましょう。
ユーザーによって開閉可能な、JavaScriptを必要とするインタラクティブなハンバーガーメニューをPreactで実装します。Preactの導入から、コンポーネントの実装までをやってみましょう。
発行
案件の設計や思想が古くなっていくことは、長期案件にとっては避けられないことですが、さらに新機能追加の要望があった場合はどうしたらよいでしょうか。ピクセルグリッドの実案件をもとに考えます。
これまで作ってきたニュースサイトをGatsby Cloudへデプロイし、公開します。Gatsby Cloudの特徴や価格などを踏まえ、どのような場合にGatsby Cloudを利用するとメリットがありそうか、考えてみます。
普段オンラインミーティングをリードすることが多いテクニカルディレクターがオンラインミーティングのコツを紹介します。前編はオンラインミーティングにおける「会話」にフォーカスします。