【21cafe】ハンズオン形式で学ぶ!HTML5勉強会/2013年10月17・24日(木)

21cafe_20151024_01

こんにちは!21cafe運営事務局の平沢です。

今回は10月17日、24日(木)に21cafeでイベントがあったhtml5jえんぷら部主催の「ハンズオン形式で学ぶ!HTML5勉強会~GitHub+CSS+Sass+Compass~」をレポートします!

次世代Webブラウザの標準仕様で、多くの開発現場で必要不可欠な存在になりつつあるHTML5。今回のテーマは「GitHub+CSS+Sass+Compassの入門講座」ということで、ハンズオン形式で2回に分けて勉強会を開催。スキルアップを目指した多くの方々にご参加いただきました!

そもそも「html5jえんぷら部」とは?

21cafe_20151024_02

html5jえんぷら部とは、Web技術者コミュニティの中でも、エンタープライズ分野の第一線で活躍するエンジニアメンバーが集い、結成されたグループです。今回講師を担当していただいた佐川さんに加えて、えんぷら部メンバーの方々にも参加していただきました。

第1回

21cafe_20151024_03

まずは「CSSコーティング」と「開発環境構築」。各自、Node・Ruby・Git・Sass/Compass・Yeomanのインストールを進めるため、もくもくと作業。分からないところ、つまづいたところがあれば、えんぷら部の方々がサポートしてくれました。

21cafe_20151024_04
21cafe_20151024_05

参加者同士で教え合う場面も。

WindowsとMacで手順が異なる場合もあるので、環境構築で苦戦する方もいらっしゃいましたが、第1回はひとまず終了!

第2回

21cafe_20151024_06

開発環境を整えたところで、この勉強会の本題でもある「Sass / Compass でコーティング」に突入!佐川さんがコマンドを操作しながら解説し、Yeomanを使ってハンズオン形式で進めていきます。まずは「generatorwebapp」のインストールから。

21cafe_20151024_07

いよいよSass/Compassでコーディングを開始!Sassには「SCSS記法」と「SASS記法」の2種類がありますが、今回は「SASS記法」を紹介。Sassを使うと、CSSの記述が圧縮できちゃうとか!Sassをさらに拡張したフレームワークであるCompassも便利な機能が盛り沢山!!第一回目に紹介されたCSSが効率よく簡単に書けちゃいます。

21cafe_20151024_08

各テーブルから挙がる質問に答えてくれた佐川さん。

21cafe_20151024_09

こちらは佐川さんを始め、講師陣オススメの書籍だそうです。要チェック!

21cafe_20151024_10

ご参加いただいたWebデザイナーの方々。今後のお仕事でSass/Compassにぜひ挑戦してほしいと思います。

21cafe_20151024_11

事前準備から講師まで担当してくださった佐川さん、運営サポートをしていただいたえんぷら部の川田さん、酒巻さん、仲さん、小川さん、参加者の皆さま、2回にわたる勉強会お疲れ様でした。

そして、ご利用ありがとうございました!またのご利用をお待ちしております♪

関連する記事

facebook

案件情報や最新記事をお届けします。
ぜひチェックしてみてください。