タイトル

XDで進行するウェブサイト制作フロー3回シリーズ（ワイヤーフレーム・プロトタイプ・ビジュアルデザイン制作からコーディングまで）

第３回「モダンコーディング：XDで作られたデータを元に実装工程のセミハンズオン」
講師：鹿野 壮（ICS）

開催日時・会場

2020年2月29日（土）13:15〜18:00
起業プラザひょうご セミナールーム（三宮）

内容

3回シリーズのラスト第３回目は「モダンコーディング：XDで作られたデータを元に実装工程のセミハンズオン」

第１回でワイヤーフレームを制作し、第２回目はそれを元に、実際に使用するビジュアルデザインに仕上げウェブサイトのプロトタイプが完成しました。

今回は、XDで制作されたビジュアルデザインと、画面遷移や各所のインタラクションが表現されたプロトタイプを元に、CSSやJavaScriptを用いて実装する手法をセミハンズオンで習得します。
少し前までは、古いブラウザに無理やり対応させるためにハックを多用したコーディングが普通でしたが、スマホが中心となり、PCのブラウザも進化してきた現在は、コーディング手法も変化してきています。コーディングスキルと知識のアップデートと、XDのデータを受け取ったときの効果的なコーディング手法を学びます。

対象

• ウェブサイト制作者
• ウェブアプリ／サービス開発者
• CSS Gridやインタラクションの実装方法が不安なコーディング担当制作者
• 最近XDのデータを受け取ることが多くなったエンジニア
• じっくり最新のコーディング手法を学びたい人
• 実装中、デザイナーに何をどう確認をすればいいのか困ることが多いエンジニア

難易度

初級〜中級

セミハンズオンに必要な持ち物・必要な準備

• PC （Windows/macOSいずれでも）をご持参ください
• 事前に Adobe XD をインストールしておいてください
• 普段お使いのHTMLエディタ

セミハンズオンの注意事項

全ての項目について全体でやってみるのではなく、重要な部分だけ実際に手を動かしてやってみます。参加者全員が同じテンポではできないので、進行に付いていけない人はその都度フォローはできません。セミナー中に録っている動画をフォローアップメールでお知らせしますので、後からご自分のペースで復習してください。

Facebookイベントページはこちら