開催レポート:!important #05 -コーダー & フロントエンドに贈るハンズオン祭り-

2017年10月14日に!important #05 -コーダー & フロントエンドに贈るハンズオン祭り-を天神のクリエイティブセンター福岡で開催しました。
今回は「コーダー」と「フロントエンドエンジニア」にフォーカスして「RWD(レスポンシブウェブデザイン)」「JS(JavaScript)」「SVG」を、!important初のハンズオン形式で行いました。
講師には株式会社イー・ネットワークスの前川昌幸さん、株式会社KDDIウェブコミュニケーションズの阿部正幸さん、株式会社まぼろしの松田直樹さんの3名をお招きしました。

!important #05 -コーダー&フロントエンドに贈るハンズオン祭り - の参加者集合写真
撮影:サン・スタジオ / 鍋坂樹伸

ハンズオンの様子

スタッフは後ろで見守っていたのですが、講師のみなさんが丁寧に説明されていたのと、解らない人が手を挙げると駆けつけるサポートの方にもフォローいただいて、全体としてしっかり体感しながら身につけてもらえたのではないかな?と感じています。

RWD(レスポンシブウェブデザイン)

講師は株式会社イー・ネットワークスの前川昌幸さん。
内容はCSSプリプロセッサー Sass(node-sass) を使った RWD(レスポンシブウェブデザイン)の構築手法のハンズオン。
皆さん、スタートから真剣な表情でもくもくと手を動かしてました。

参加者のパソコン操作を見て回る講師の前川昌幸さん
撮影:サン・スタジオ / 鍋坂樹伸

途中、前川さん自らフォローしてくださっていたこともあり、ほぼ全員が最後までできたようです。現場で使えるネタを、惜しげもなくたくさん見せていただけました。

JavaScript(JS)オブジェクトを理解しよう

講師は株式会社KDDIウェブコミュニケーションズの阿部正幸さん。
こちらは最初にJavaScriptを基本から学び、JavaScriptオブジェクトを理解した上で、各種ライブラリのソースも読めるようになる!というゴールを目指したハンズオンでした。

JavaScriptのハンズオンを担当した阿部正幸さんの説明を真剣に聞く参加者
撮影:サン・スタジオ / 鍋坂樹伸

初歩的なところから丁寧に解説していただいたこともあり、時間がややオーバーしてしまう場面も。
難しめの内容ということで、通称「駆けつけサポート」としてゆうてんさん、はなださん、いけべさんの3名が阿部さんの代わりに参加者の皆さんをフォローしてくれました。ありがとうございました!

SVG Maniax in FUKUOKA(セッション+ハンズオン)

最後の講師は株式会社まぼろしの松田直樹さん。
「GoogleアナリティクスのグラフもSVGだよ」というお話から始まり、冒頭でSVGとは何か、どんなことができるのかを解説していただきつつ様々なデモを見せてもらいました。
皆さんが「早くやりたい!」とウズウズしてきたところで、早速ハンズオン!

いくらの画像を使ってSVGについてわかりやすく解説する松田直樹さん
撮影:サン・スタジオ / 鍋坂樹伸

JavaScriptの理解を深めてから、SVGという流れだったこともあり、しっかり活用できている人が多くなかったにも関わらず、アンケートがとても高評価でした。
こういうメリットもあるので、3本立てでハンズオンが開催できてよかったです!

座談会の様子

最後に講師の方3名で座談会形式のディスカッションをしていただきました。

座談会
撮影:サン・スタジオ / 鍋坂樹伸

「ディレクターが意識すること」、「エンジニアと話せるようになるには」、「案件が始まったときに気にすること」、「今後のWebについて、どのように情報収集をするか」といったことをざっくばらんに話していただきました。
ハンズオンセミナーは、アンケートで高評価か低評価のどちらかに評価が偏りやすいのですが、今回はどの講師の方も高評価!さらには全体の総評価で驚きの「4.9」をいただきました!
参加されたみなさま、長時間お疲れさまでした。

参加レポートを書いていただきました

レポートを書いてくださった方、ありがとうございます!
!important #05 に参加しました/kurokorollさん
https://kurokoroll.com/diary/important-05
職人気質じゃいられない!ぶっとくなろう。「!important#05」参加レポ/サチコさん
http://analogtan.hatenadiary.jp/entry/2017/10/18/234803
!important #05 -コーダー & フロントエンドに贈るハンズオン祭り- に参加しました!/佐藤 毅 さん(スタッフ)
Part1:https://blog.gti.jp/post-9687/
Part2:https://blog.gti.jp/post-9695/
Part3:https://blog.gti.jp/post-9712/
次回の「!important」はシェア割&レポート割を導入しますので、ぜひご利用ください。

次回の!importantのお知らせ

!important #おかわり – Think more! –

2017年11月17日(金)/森のコミュニティルーム「風の森」
#01 に出演の松尾 茂起さん、#03に出演の田口 真行さんが新ネタでワークショップ!
▽詳細・お申し込みはこちら
https://important.doorkeeper.jp/events/65178

!important #06 – 初めて明かされるプロデューサーとディレクターの本質と本音 –

2017年12月2日(土)/クリエイティブセンター福岡
#01 に出演した角掛健志さんが、福岡初登壇のディレクター、名村晋治さんと共に出演!
▽詳細はこちら
https://www.facebook.com/events/122098565145346/

関連セミナーのお知らせ

CSS Nite LP54 Coder’s High

2017年11月4日(土)/ベルサール半蔵門 イベントホール
今回RWDを担当した前川昌幸さん、JSを担当した阿部正幸さんが登壇されます!
▽詳細・お申し込みはこちら
http://cssnite.jp/lp/lp54/

9-pitch in Kumamoto「Webマーケティングでライバルサイトに差をつけろ!!」

2017年11月11日(土)/会場調整中
!important#01に出演された松尾茂起さん、今回出演された阿部正幸さんが登壇されます!
▽詳細・お申し込みはこちら
http://cssnite.jp/9pitch/kumamoto/

Webアクセシビリティの学校 in 山口

2017年11月23日(木・祝)/mirai365 多目的スペース(JR山口駅 徒歩7分)
!important #04 に出演した植木真さんが開催している「Webアクセシビリティの学校」が山口で開催されます。
▽詳細・お申し込みはこちら
https://a11yschool.doorkeeper.jp/events/63655

Webアクセシビリティの学校 in 高知

2017年11月25日(土)/高知市文化プラザ かるぽーと 9F 第一学習室
!important #04 に出演した植木真さんが開催している「Webアクセシビリティの学校」が高知でも開催されます。
▽詳細・お申し込みはこちら
https://a11yschool.doorkeeper.jp/events/63655

CSS Nite in OKAYAMA, Vol.7「UI/UXから考えるウェブ制作」

2017年11月25日(土)/専門学校岡山情報ビジネス学院(12Fホール)
今回JavaScriptのハンズオンの講師を担当した阿部正幸さんが登壇されます!
▽詳細・お申し込みはこちら
https://cssnite-okayama.jp/