12月7日(土)札幌市産業振興センターで サイバーエージェントの Frontrend と SaCSS でコラボした、SaCSS Special4 Frontrend in Sapporo を開催しました。
SaCSS Special4 Frontrend in Sapporo
日本のWeb制作業界におけるHTMLやCSSの技術では先を走っているサイバーエージェント、そこの技術者の方々が札幌へ来てくださり、「最新フロントエンド技術アップデート特集!」というテーマにて、現在使われている CSS3 や Grunt 、 jQuery などの技術のお話をしていただきました。
なんかもうHTMLやCSSでコーディングができます!っていうだけでは取り残されてしまうというのが現実。しかし、札幌ではまだまだ最新技術の導入事例が少ない!ということで、内容的にかなり勉強になったと思います。
リンク:SaCSS Special4 Frontrend in Sapporo - Togetterまとめ
【CSSの章】現場で使える!CSS3デザインレシピ(原さん@herablog)
CSS3 を使った、実践で活用できるサンプルをたくさん紹介してもらいました。CSS3もいろいろと使ってみることでいろんな表現ができるんですよね。画像なしでもできることはたくさんあるというのがより伝わる内容だったのではないでしょうか。
書籍も発売しているのでぜひ勉強しましょう!
【HTML・CSS・JavaScript最適化の章】Brush up your Coding 2013 Winter (泉水さん@1000ch)
HTMLとCSS、JavaScript のコードを書いていく上で、使ったほうがいいツールは多々ありますが、そのツールを様々紹介してもらいました。 JavaScriptを書いていく上でのCSSLint・JSHintoの導入やそこでのエラー内容を紹介してもらいましたが、これらはやはり実践していかないとなかなかなれないもの。ここで紹介してもらったツールは是非導入をしてチャレンジをしてみてください。
紹介されたツール一例とサンプル
【jQueryの章】Hello jQuery (水野さん@pocotan001)
デザイナー・コーダーにとって、これは必須だろうと思われるスキルの jQuery、その導入方法から使うならこうしたほうがいい!というベストプラクティスを様々紹介してもらいました。
話の中でもでてきましたが、「何かを学ぶのに、自分自身で経験する以上にいい方法はない。」 ⇒ 「プログラミングは書かなきゃ覚えない」 と言ってたように、話に出てきた内容には、忘れないように、そして覚えるように是非書いて覚えてもらいたいものです。
参照:忘却の例
ちなみに、jQueryの英雄(ヒーロー)になる方法には会場からこの日一番の笑いがでていた気がします。
【黒い画面と戦うための章】Kuroi Gamenって何で使うの? (平木さんid:Layzie)
デザイナーやコーダーにとって苦手意識が高い 黒い画面 の導入から、使うとどんな便利なことがあるか!をお話いただきました。
実際私も、一年半前に黒い画面にチャレンジをし、今では黒画面でいろんなタスク実行したり管理したりしています。知れば知るほど便利さがわかってくるのですが、チャレンジして使ってみないとなかなか覚えないものです。jQueryなどのプログラムよりも、使わないと覚えないツールなのではないかと思います。
ちなみに、Macを使っている人はデフォルトが Bash というシェルなのですが、私は Zsh というシェルに変えて使っています。
泉水さんのツールの話にもつながるのですが、フロントで必要になっているツールのGruntも他にはSass、他にもGitなどのツールはGUIのツールも多々ありますが、基本はコマンドで使えるものです。苦手意識を持ってチャレンジしないでいるよりは、ぜひ今後のためにもチャレンジをしてツールを活用してみましょう!
まとめ
開催時間4時間という長い時間での内容でした。休憩もっと挟んでおけばよかったなーと反省もしつつ、たくさん濃い内容が聞けたセミナーでした。こういう話は札幌ではなかなか聞くことができないので、大変貴重な時間を過ごすことができました。
今回のお話をいただいたサイバーエージェントの皆様には感謝感謝です。ありがとうございました。
またぜひ札幌でセミナーを開催しましょう!
余談:特設ページのデザイン
ひとつは今回の特設ページについて。サイバーエージェントの人にもかわいいとお言葉をいただいた特設ページですが、このかわいい感じの特設ページを作ってくれたのは、 @marimelody11 です。急なお願いにもかかわらず、かわいいデザインを出してれて感謝感謝です。
- 参加者のブログ:
- SaCSS Special4 Frontrend in Sapporoに参加してきた
- SaCSS Special4 Frontrend in Sapporoへ行ってきました。 | marimelody.net
- SaCSS SP4 Frontrend in Sapporoでリファクタリングについて喋ってきました | 1000ch.net
- SaCSS Special4 Frontrend in Sapporo -最新フロントエンド技術アップデート特集- に参加しました! | Cat Speak
- 関連ブログ:
- SaCSSに出演します! - Life goes on
- SaCSS Special4 Frontrend in Sapporoに出演します | 1000ch.net
- Frontrend x SaCSS Special4 レポート|1 pixel|サイバーエージェント公式クリエイターズブログ
- あるフロントエンドエンジニアの1日 - Life goes on