ATND アテンド β PRODUCED BY RECRUIT

ログイン or 無料登録

Frontrend Vol.3 powered by CyberAgent, Inc.

Beyond the Speed!

Default latent
日時 :
2012/10/21 (日) 13:30 ~ 18:00
定員 :
120人
会場 :
サイバーエージェント本社 17F セミナールーム(東京都渋谷区道玄坂一丁目12番1号渋谷マークシティ ウエスト17階)
URL :
https://www.facebook.com/frontrend.ca
主催者 :
ハッシュタグ :
#frontrend

photo credit: High Speed | Flickr

Frontrend(フロントレンド)とは

サイバーエージェントが主催するフロントエンド系技術セミナーです。
HTML5/CSS3やJavaScriptのトレンドやノウハウ等を惜しみなくお伝えします。

■ 申し込み

参加費は無料です (会場受付にATNDのIDをお伝え下さい)。

※ 10/08:セッション順変更


■ イベント概要

イベント名 Frontrend(フロントレンド) Vol.3 powered by CyberAgent
日時 2012年10月21日(日) 14:00 – 18:00(開場13:30)
会場 サイバーエージェント本社 17F セミナールーム
定員 120名
講師 谷 拓樹 @hiloki
石本 光司 @t32k
佐藤 歩 @ahomu
斉藤 祐也 @cssradar
主催 株式会社サイバーエージェント
参加費 無料
事前登録 必要(ATND)
ハッシュタグ #frontrend_ca
備考 スクール形式(机あり)

*当日は名刺をお持ちください。


■ タイムテーブル

時間 タイトル 発表者
13:30 開場
14:00 CSSプリプロセッサの取扱説明書 谷 拓樹
14:45 モバイル制作におけるパフォーマンス最適化について 石本 光司
15:30 ビルドプロセスの自動化で効率アップ 佐藤 歩
16:15 コーディングの品質を保つドキュメンテーション、スタイルガイドの作り方 斉藤 祐也
17:00 交流会(ドリンク/フードを無料提供)
18:00 終了


■ セッション概要と出演者のプロフィール

「CSSプリプロセッサの取扱説明書」

多くの制作現場で導入が増えているCSSプリプロセッサ。LESS,Sass,Stylusといったものが取り上げられていますが、それぞれにどういった特徴があるのでしょうか。またCSSプリプロセッサを扱う上での注意点やデメリットにもフォーカスして解説します。

谷 拓樹

- 谷 拓樹(たに ひろき) @hiloki

株式会社サイバーエージェント マークアップエンジニア。
中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、現在はスマートフォンアプリの開発、テクニカルディレクションを担当している。 主な著書に「 魅せるiPhoneサイト 」「 スマートフォン制作の教科書(共著) 」。


「モバイル制作におけるパフォーマンス最適化について」

世の中にはパフォーマンス最適化のためのベストプラクティスと呼ばれるものがたくさんありますが、一体どれから手をつければよいのしょうか、また一体どれが一番効果のある対策と言えるのでしょうか?一般論を言えば、ネットワーク改善から手をつけるべきで、その中でもHTTPリクエストを減らすのが一番効果的です。リクエストを減らすポピュラーなテクニックであるCSS SpriteをSass/Compassを利用しながら効率良く改善していきましょう。

石本 光司

石本 光司(いしもと こうじ) @t32k

株式会社サイバーエージェント マークアップエンジニア。
1983年石川県生まれ。大学でデザインを専攻後、晴れてWebデザイナーになるが、コーディング好きが高じてWebデベロッパーに転身。主要な業務としてはHTML/CSS/JavaScriptといったフロントエンド全般を担当。また社内教育やマークアップ監査なども担当している。

また、個人ブログ『 MOL 』 ではWebパフォーマンスやモバイルに関する記事を書いている。不定期でJavaScriptユーザーコミュニティ「 kanazawa.js 」を主催している。


「ビルドプロセスの自動化で効率アップ」

プロジェクト開始時に使い回す初期設定ディレクトリを作ったり、パフォーマンス最適化のために画像の最適化、JavaScript、CSSの短縮、結合、LESSやSassをCSSに変換するなどそれぞれのタスクに適したツールはたくさんありますがこれらのタスクを一元化、自動化したいとおもいませんか?
今回はGrunt.jsというnode.jsで動作するビルドツールを使ってこれらのタスクを自動化する方法について紹介します。

佐藤 歩

- 佐藤 歩(さとう あゆむ) @ahomu

株式会社サイバーエージェント マークアップエンジニア。
1985年名古屋生まれ。渋谷でマークアップエンジニアとして、JavaScript/HTML5などフロントエンド技術の実践に励んでいる。名古屋でWebプログラマーとして、サイト制作やアプリケーション開発に関わっていた経験もあって、元PHPer。

プライベートでは自動化や環境構築、サーバーサイドの技術全般にも取り組んでいる。 個人ブログ でも、Webエンジニアリングの情報を発信中。


「コーディングの品質を保つドキュメンテーション、スタイルガイドの作り方」

ウェブにはもともと従来のメディアよりも“早い”開発が可能であるという特性があります。その特性はこの数年で飛躍的な進化を遂げてきています。よりよいプロダクトを作る上で必須なイテレーションの土台となるのがスタイルガイドというワークフローではないでしょうか?  
今回は自信を持ってイテレーションを回すために知っておきたいスタイルガイドについて紹介します。
(2012/09/24:修正)

斉藤 祐也

- 斉藤 祐也(さいとう ゆうや) @cssradar

株式会社サイバーエージェント マークアップエンジニア。
1979年生まれ。ネバダ州立ラスベガス大学、プリントジャーナリズム学部卒。株式会社All Aboutで6年、2012年2月からは株式会社サイバーエージェントへ。

個人ではフロントエンドデベロッパのためのミニブックというコンセプトのブログ CSS Radar をはじめ海外記事やドキュメントの翻訳を掲載している en.ja を運営。

参加者プレゼント

すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則

エムディエヌコーポレーション 様より、弊社石本、谷、斎藤も執筆を担当した『 すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則 』3冊プレゼント提供していただきました。ありがとうございます!!参加者の中から抽選でプレゼントさせていただきます。

関連セミナー

  • このコメントは全員が閲覧、すべてのログインユーザが投稿することができます
EvieShuster
EvieShuster - (2014/02/24 (月) 13:13)
こんにちは。突然で失礼ですが、あなたはブログにワードプレスをお使いですか?ブログ初心者で、今自分のを作ってみようと試行錯誤しているところです。ワードプレスを使う際はやはりコードの知識などが必要なのでしょうか?どんな小さなことでも構いませんので、教えていただけたら光栄です! seo content
resepkuekeringku.com
resepkuekeringku.com - (2014/07/17 (木) 18:38)

sealkazz
luvne
yayasan Era Prima
Resepkuekeringku.com
Koki alay
Koki alay - (2015/02/21 (土) 16:20)
resep masakan enak

コメントを投稿するには、ログインしてください。

掲載されるイベント情報は、利用者の皆様によりご提供いただくものであり、株式会社リクルートホールディングスは本情報の正確性や内容について、一切保証するものではございません。詳しくは利用規約をご参照ください。