CSS Nite in Kobe, vol.55 開催概要
![](/archives/057/202001/b110b0c8d2becfd67c781d11d79cc250.png)
タイトル
XDで進行するウェブサイト制作フロー3回シリーズ(ワイヤーフレーム・プロトタイプ・ビジュアルデザイン制作からコーディングまで)
第3回「モダンコーディング:XDで作られたデータを元に実装工程のセミハンズオン」
講師:鹿野 壮(ICS)
開催日時・会場
2020年2月29日(土)13:15〜18:00
起業プラザひょうご セミナールーム(三宮)
内容
3回シリーズのラスト第3回目は「モダンコーディング:XDで作られたデータを元に実装工程のセミハンズオン」
第1回でワイヤーフレームを制作し、第2回目はそれを元に、実際に使用するビジュアルデザインに仕上げウェブサイトのプロトタイプが完成しました。
今回は、XDで制作されたビジュアルデザインと、画面遷移や各所のインタラクションが表現されたプロトタイプを元に、CSSやJavaScriptを用いて実装する手法をセミハンズオンで習得します。
少し前までは、古いブラウザに無理やり対応させるためにハックを多用したコーディングが普通でしたが、スマホが中心となり、PCのブラウザも進化してきた現在は、コーディング手法も変化してきています。コーディングスキルと知識のアップデートと、XDのデータを受け取ったときの効果的なコーディング手法を学びます。
対象
- ウェブサイト制作者
- ウェブアプリ/サービス開発者
- CSS Gridやインタラクションの実装方法が不安なコーディング担当制作者
- 最近XDのデータを受け取ることが多くなったエンジニア
- じっくり最新のコーディング手法を学びたい人
- 実装中、デザイナーに何をどう確認をすればいいのか困ることが多いエンジニア
難易度
初級〜中級
セミハンズオンに必要な持ち物・必要な準備
- PC (Windows/macOSいずれでも)をご持参ください
- 事前に Adobe XD をインストールしておいてください
- 普段お使いのHTMLエディタ
セミハンズオンの注意事項
全ての項目について全体でやってみるのではなく、重要な部分だけ実際に手を動かしてやってみます。参加者全員が同じテンポではできないので、進行に付いていけない人はその都度フォローはできません。セミナー中に録っている動画をフォローアップメールでお知らせしますので、後からご自分のペースで復習してください。
イベント名 | CSS Nite in Kobe, vol.55 「モダンコーディング:XDで作られたデータを元に実装工程のセミハンズオン」 |
---|---|
日時 | 2020年2月29日(土) |
時間 | 13:15〜18:00 |
会場 | 起業プラザひょうご セミナールーム(会場へのアクセス) 神戸市中央区雲井通5丁目3−1 サンパル6F |
定員 | 36名 |
出演 | 鹿野 壮(ICS) |
セミナー参加費 | 5,500円(早割:1月31日決済分まで) 6,500円(2月1日以降) ※前回(vol.54)に参加される方は 1,000円オフ |
懇親会 | 終演後18:00~19:30 1,500円(税込) |
主催 | CSS Nite in Kobe実行委員会 |
共催 | CSS Nite |
ハッシュタグは、 #cssnite と #kobe55 です。 | |
イベントURL | http://cssnite-kobe.jp/vol55/ |