CSS Nite in Kobe, vol.55 開催概要

タイトル

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

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

開催日時・会場

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


内容


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

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

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


タイムテーブル

12:45〜開場・受付開始
13:15〜オープニング
13:30〜「モダンコーディング:XDで作られたデータを元に実装工程のセミハンズオン」:鹿野 壮(255分)※途中何度か休憩が入ります
17:45〜エンディング・次回お知らせ
18:00終了
18:15〜19:30懇親会

出演者・セッション

モダンコーディング
XDで作られたデータを元に実装工程のセミハンズオン

Day3

じっくりXD習得3回シリーズの3回目です。

XDデータを元にコーディングを進める流れをセミハンズオンで学びます。
「ホバートリガー」を活用したインタラクションをCSSやJavaScriptでどう実装するか、「コンポーネントのステート」を利用したデザインシステムの構築など、現場ですぐ使えるテクニックをデモを交えて解説します。

  • Flexbox
  • CSSグリッド
  • インタラクションの実装

3回続けての受講がおすすめですが、1日だけのご受講でも楽しんでいただける内容です。

鹿野 壮(かの・たけし) ICS

インタラクションデザイナー

九州大学でメディアアートを学んだ後、株式会社ICSにてモバイルアプリ開発やウェブページ制作に携わる。最新のフロントエンド技術を駆使したコンテンツづくりが好きで、暇があればコードを書いている。ICS MEDIAの執筆者としても活動中。近著に『JavaScript コードレシピ集』(技術評論社)がある。

CSS Niteベスト・セッション2019ではベスト・セッションと、vol.53・54 講師の松下さんとのコンビでベスト・小芝居に選出された。


参加費とお申し込み

セミナー申込み5,500円 税込(早割:1月31日決済完了分まで)
6,500円 税込(2月1日以降)※事前決済のみ。
※空席がある場合のみ、当日参加(会場支払い:7,000円)可能です。
懇親会申込み1,500円 税込(税込)
※セミナー申込み時に懇親会参加/不参加を選択してください

前回割
前の回(vol.54)に参加される方は、1,000円オフした金額でお支払いメールを送信いたします。
vol.54に参加する(した)方は申込時の質問項目でチェックを入れてください。
※申込者の名前とメールアドレスで照合いたしますので、vol.54で申込みをしたときと同じものでお申込みください。


  1. 下記のフォームに必要事項を入力し送信してください。
    (スマホでご覧の方で入力がしずらい方は、直接こちらのフォームに移って入力お願いします。)
  2. 追って、セミナー参加費(+懇親会参加費)請求メールが届きます。
    (もし、申込みから24時間以上経っても届かない場合は、 info@cssnite-kobe.jp 宛にご連絡ください)
  3. 5営業日以内にご指定の方法でお支払いください
    5営業日を過ぎてもお支払いが確認できない場合はキャンセルとさせていただきます。
  4. 入金確認メールが届きます。
  5. 前日(または前々日)にリマインドメールが届きます。注意事項などをご確認ください。
  6. 当日受付にて申込時のお名前をお伝えください。


キャンセルの場合


キャンセルの場合は、こちらのキャンセル申し出フォームに必要事項を入力し送信してください。

キャンセルの場合は、開催日の4日前(2月25日中)までにご連絡いただければ返金いたします。PayPalでお支払いの場合はPayPalを通じて返金処理をします。銀行振込でお支払いの場合は、振込手数料+返金手数料 500円を引いた額の返金とさせていただきます。予めご了承ください。

開催日の3日前(2月26日)から以降のキャンセルに関しては返金はありません。どなかた代わりに参加いただくようお願いいたします。
欠席の場合も、当日の資料やスライド、動画などを配信するフォローアップメールは送信いたします。(※キャンセルで返金した場合は、参加者リストから削除されますのでフォローアップメールは送信しません。)


懇親会(アフターパーティ)

CSS Nite in Kobe では、参加したみなさまの交流会的なものを開催します。
セッションのあとは懇親会。懇親会も含めてのCSS Nite in Kobeです☆
登壇者を囲んで本編で聞けなかった突っ込んだ質問などしてみましょう。


交流会会場起業プラザひょうご(※セミナー終了後同じ場所で行います)
時間終演後 18:15~19:30
参加費1,500円(税込)セミナー終了後同じ場所で、ピザやスナックとドリンクで登壇者を囲んでの交流会
※会場の規定で、アルコール類の飲み物の提供はありません。お茶やソフトドリンクのみですのであらかじめご了承ください。
※参加申込みの方には、セミナー受付時に領収書をお渡しします。
※セミナー申込み時に懇親会参加の選択をしてください
定員36名

協賛のお願い】イベントの主旨にご賛同いただき、CSS Nite in Kobe に協賛いただける企業・団体を募集しています。

CSS Nite in Kobe 2020 年間協賛

CSS Nite 全国共通協賛

CSS Nite 制作会社年間協賛企業

CSS Niteに年間協賛 制作会社の紹介(順不同)
※表示はゴールドスポンサー