概要

イベント名 CSS Nite LP, Disk 9「Coder's Higher」
通称「LP9」（エルピー・ナイン）
日時 2010年4月17日土　12:10-18:4519:10（開場は11:40）
会場 ベルサール神田
東京都千代田区神田美土代町7　住友不動産神田ビル2F（〒101-0053）
定員 400名（満席。キャンセル待ちも終了）
出演（順不同）
大藤 幹 @ofujimiki
大杉 充（スキルパートナーズ） @oosugi20
徳田 和規（マインドフリー） @5509
森田 雄 @securecat
益子貴寛（サイバーガーデン） @takahiromashiko
長谷川 広武（24-7） @h2ham
福田泰雄（AGN） @sigwyg
高津戸 壮（ピクセルグリッド） @takazudo
石本 光司（ドーガ） @t32k
小山田晃浩（ピクセルグリッド） @yomotsu
羽田野 太巳（futomi） @futomi
主催 CSS Nite実行委員会
協賛 ドーガ、スキルパートナーズ、Web検定、デジタルスケープ、24-7
カゴヤ・ジャパン、龍球インク、a-blog cms
特別協力 ピクセルグリッド
協力 サイバーガーデンbiz.、優クリエイト 、シナップ、シックス・アパート
プレゼント協賛 awesome! クリエイターズショップ、 Designer's Garage、毎日コミュニケーションズ、Mozilla Japan
メディア協賛 ASCII.jp Web Professional、Web担当者Forum、Gihyo.jp
参加費 8,000円
事前登録 必要
備考 スクール形式（机あり）
懇親会 予定しています（別途、実費）
twitterタグ #cssnitelp9

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

CSS Nite LP, Disk 9「Coder's Higher」は、コーディング／マークアップにフォーカスし、スピードコーディング、jQuery、表示速度改善、HTML5、CSS3などをトピックとして取り上げます。

出演者、講演内容は、予告なく変更になる可能性があります。
プロフィールは、本セミナーイベント開催時のものです。

キーノート：マークアップエンジニアのキャリアパス

マークアップエンジニアに求められるスキルセットとは何か、また今後はどのようなポジションとしての活躍が期待できるのか、由来と現状から将来の展望まで、元祖マークアップエンジニアが語ります。

写真：森田 雄（もりた・ゆう）

読書家

2000年に株式会社ビジネス・アーキテクツの設立に参画し、2005年より取締役。ディレクター、プロジェクトマネジャー、インフォメーションアーキテクトとして多数のプロジェクトに携わる。2009年8月に同社を退職、現在は読書家と称して充電中。HTMLやCSSなどのフロントエンド技術、アクセシビリティ、ユーザビリティのスペシャリスト。

CG-ARTS協会委員。広告電通賞審議会選考委員。IA Institute会員。アクセス解析イニシアチブ会員。アックゼロヨン・アワードグランプリおよび内閣総理大臣賞、グッドデザイン賞、Webby Awards、New York Festivalsなど受賞多数。

XHTML&CSS超高速コーディング術 LIVE!

『XHTML&CSS超高速コーディング術』コーディング専門のプロ集団「牧野工房」が蓄積したノウハウを公開する書籍『XHTML&CSS超高速コーディング術』（ソシム）。その著者である大藤幹と牧野工房の制作開発部長である大杉充が、さらに詳しい内容をデモを交えながらご紹介します。

特に、たっぷりと時間をかけて行う予定の「牧野工房の実際の業務のときと同じようにサンプルサイトを制作するデモ」では、書籍を読んだだけではわからなかった新しい発見があるはずです。

大藤 幹（おおふじ・みき）

札幌在住。大学卒業後、複数のソフトハウスに勤務し、CADアプリケーション、航空関連システム、医療関連システム、マルチメディアタイトルなどの 開発に携わる。

写真：1996年よりWebの基本技術に関する書籍の執筆を開始し、2000年に独立。その後、ウェブコンテンツJIS（JIS X 8341-3）ワーキング・グループ主査（多忙のため途中辞退）、情報通信アクセス協議会・ウェブアクセシビリティ作業部会委員などを務める。

現在は、 Webデザインに関連する書籍の執筆のほか、各種セミナーの講師もおこなっている。著書は30冊以上。月刊誌Web Designingにおいて「CSS Analysis」を5年以上に渡り連載。

写真：大杉 充大杉 充（おおすぎ・まこと）

スキルパートナーズ株式会社
制作開発部部長　シニアディレクター

コーディング専門サービス「牧野工房」にて、主にディレクターとして200サイト以上（最大1200ページ規模）のコーディングに携わる。

「牧野工房」立ち上げ直後から入社し、業務フローと社内外ガイドラインを開発、制作全般の管理・人材育成などを担当。自らも第一線でコーディングを行う。またそれらの経験を活かしセミナー講師も勤め、制作工程全体の効率化を目指している。

Coding with jQuery

jQueryをもっと知ろう。なんとなく使っていませんか？
プラグインを使っているだけ…もったいないです！
なんとなくのjQueryから前に進んでコーディングがもっと楽しくなる！？

プログラマではない、コーダー目線からの
・jQueryを利用したコーディングや実際の活用方法
・jQueryで実現するUIのアイデア・実装方法
・jQueryプラグインの開発
等の解説を交えて「難しそうでやってなかった」を「やってみよう」に変えましょう。

写真：徳田 和規徳田 和規（とくだ・かずのり）

マインドフリー株式会社
ディレクター

Web製作会社にてHTML/CSSコーディングなどの業務を行いながら、Ajax/JavaScriptに興味を持ち、ブログで多数の自作jQueryプラグインを公開する。JavaScriptの特性を活かしたUI開発を得意とする。

2009年9月からマインドフリー株式会社にディレクターとして参加するが、入社早々3ヶ月間みっちりAjaxプログラマとして大型案件のUI開発に関わる。

実例に学ぶ！コーディングから参加するUI設計

クライアントからの「UI面でこんな動作を実装して欲しい」という要望に対して、実際の要望や制作の実例を題材にコードやデモを交えてご紹介・解説します。

どのような実装をすべきか？ 使い易いサイトにするためには？ コーディングから参加する人がどのようなことを想定して設計・実装したらいいのか？ などの着眼点からのスタディ（実装後の動作についてよかった点や問題になったこと）を共有します。

また、jQueryのプラグイン利用のメリットや注意点も、実例と共に説明します。

写真：長谷川 広武長谷川 広武（はせがわ・ひろむ）

株式会社24-7
ディレクター

大学卒業後、出版会社のWeb製作部門での制作・運用更新経験を経て、2009年より株式会社24-7に入社。Webサイトの運用更新業務を中心に制作業務を行う。各種CMSのカスタマイズやjQueryを利用したUI設計などを得意とする。

また、札幌でWebのコーディング担当者向けの勉強会「SaCSS」開催などの活動も行っている。

Webパフォーマンス最適化のためのコーディング手法

Googleがページ表示速度をランキングアルゴリズムに含むと噂されるようになり、Webパフォーマンス最適化の分野がにわかに注目を集めています。

世の中にはYahoo!高速化サイトのための14のルールやGoogleのパフォーマンスベストプラクティスなど対策方法が溢れていますが、正直どれから手をつけたらよいのか困っているという声を聞きます。

実サイトで最適化の試行錯誤のスタディをふまえ、コーダーが対処すべき手法に絞り、効果的なものからご紹介します。そう、大事なのはHTTPリクエストを減らすことです。

写真：石本 光司石本 光司（いしもと・こうじ）

株式会社ドーガ
ウェブデザイナー

1983年石川県生まれ。2007年に株式会社ドーガに入社後、ウェブデザイナーとして主にECサイトの機能追加・サイト設計に携わり、同社デザイン部内のコーディングルールやガイドラインの作成なども担当している。

自身のブログ「warikiru」ではウェブパフォーマンスやアクセス解析などの視点からデザインの数値化を試みている。

CSS3 for tomorrow [ver.LP9]

CSS3は、まだ新しい技術です。
「新しい技術ばかり追いかけていても、まだ業務には使えない」と諦めている方も多いのではないでしょうか？

それは正しい意見です。
でも足りません。

ブラウザの進化が急速に進むなか、幾つかの実装は既に使える領域にまで踏み込んでいます。CSSの可能性ではなく、明日の仕事を助けるツールとして。

3月CSS Nite in Ginza, Vol.45で紹介し切れなかった、より高度なCSS3について、デモや実例を交えて解説を行います。

備考：ご参加の方はCSS Nite in Ginza, Vol.45（CSS3）フォローアップのスライド・音声で予習いただけますようお願いします。

写真：福田さん福田泰雄（ふくだ・やすお）

株式会社AGN
マークアップエンジニア

大学卒業後、試行錯誤を経てマークアッパとして現在の会社に入社。半年ほどでバイトから正社員となり、現在に至る。主な業務内容はCGI作成やDB構築。

入社1-2年はそれなりに大規模なマークアップも経験したが、次第にバックエンドへと移行している。
でもマークアップが大好きで、業務から遠ざかったフロントエンドの話題やノウハウを補完するためにSugamo.cssという勉強会（交流会）を立ち上げる。良縁に恵まれ、タイミングも良かったのか、今のところ順調に稼働中。

Sugamo.cssは毎月第一土曜開催。

写真：高津戸さん高津戸 壮（たかつど・たけし）

株式会社ピクセルグリッド
フロントエンドエンジニア

大手Web制作会社にてHTML、CSS、JavaScriptエンジニアとして経験を積む。その後フリーランスとしての活動を経て、株式会社ピクセルグリッドに入社。数10カ国語対応サイトや数千ページ規模のWebサイトのCSS、JavaScirpt設計の経験を持つ。

月に1回、フロントエンド周りの話題を持ち寄る勉強会“Sugamo.css”の副主催を務めている。MdN web creatorsにて、CSSやJavaScriptに関する特集の記事を多数、執筆している。

今日から使えるHTML5 API

HTML5では数多くのAPIが規定されていますが、すでにブラウザーに実装があり、注目度が高いAPIを厳選して紹介します。APIの概要や特徴を分かりやすく解説し、どのようなシーンで、そして、どのように活用できるかを、デモを通して説明します。

HTML5で実現できる新たなウェブ・アプリケーションのステージに、あなたもジョインしてみませんか？

羽田野さん 羽田野 太巳 （はたの・ふとみ）

有限会社futomi
代表取締役

1971年岐阜県生まれ。
ホスティングサーバー（共用サーバー）でも利用できるウェブ・アプリケーションの独自開発・販売を手がける。主にPerlによるCGI制作が中心。
オーダーメードのウェブ・アプリケーション制作/ウェブ・サーバー管理業務も手がける。
2007年にHTML5.JPを開設し、Canvasを使ったJavaScriptライブラリの開発、HTML5の最新情報の発信、HTML5関連仕様の日本語訳を手がける。

主な著書に『徹底解説HTML5マークアップガイドブック』（秀和システム）、『JavaScript,Ajax,DOMによる Webアプリケーションスーパーサンプル』（ソフトバンククリエイティブ）、『標準DOMスクリプティング JavaScript＋DOMによるWebアプリデザインの基礎』（ソフトバンククリエイティブ）など。

ノリとツッコミで進める HTML5 ライブコーディング

XHTML1.0からHTML5に書き換える「ライブコーディング」を通じて、セクショニング要素のつかい方とワークフローを学んでいただきます。

ライブコーディングと解説を小山田が、実況とツッコミを益子が担当。HTML5による新たなマークアップを体感してください。

小山田さん 小山田 晃浩 （おやまだ・あきひろ）

株式会社ピクセルグリッド
フロントエンドエンジニア

1982年生まれ。2006年よりweb制作会社におけるUI実装や運用を経験した後、2010年からフロントエンド・エンジニアとして（株）ピクセルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI実装を手がけている。

Web関連雑誌での執筆活動や技術関連の講演も行うほか、個人のブログ「ヨモツネット」ではHTMLやXML、CSSなどに関する技術の情報を発信している。

写真：益子 貴寛益子 貴寛（ましこ たかひろ）

株式会社サイバーガーデン 代表取締役
金沢工業大学大学院 工学研究科 客員教授

1975年生まれ。早稲田大学大学院商学研究科修了。大学院在学中の1999年5月にWebリファレンス＆リソース提供サイト「CYBER@GARDEN」を立ち上げる。一般企業に就職後もWebデザイン誌での執筆やW3C仕様書の翻訳活動を続け、2003年5月に独立。Webサイトのプロデュースや戦略立案、制作業務、コンサルティング、Webクリエイター向けの講義やトレーニング、執筆活動に従事。

社団法人 全日本能率連盟登録資格「Web検定」プロジェクトメンバー。2008年8月より、金沢工業大学大学院 工学研究科（東京・虎ノ門大学院） 知的創造システム専攻 客員教授。

主な著書に『Web標準の教科書─XHTMLとCSSで作る"正しい"Webサイト』（秀和システム）、『伝わるWeb文章デザイン100の鉄則』（秀和システム）、『現場のプロから学ぶXHTML+CSS』（共著、毎日コミュニケーション）など。

タイムテーブル

2010年5月12日 時点で最新のものです。変更の可能性があります。

  • タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
時刻 進行 講演者
11:40 開場  
12:10 開演／キーノート 森田 雄
12:35 スピードコーディング 大藤 幹+大杉 充
13:45 （休憩）  
14:05 jQuery 徳田 和規
14:50 UI設計とコーディング 長谷川 広武
15:25 （休憩）  
15:45 ウェブパフォーマンス 石本 光司
16:25 CSS3 福田泰雄+高津戸 壮
17:05 （休憩）  
17:25 HTML5ライブコーディング 小山田 晃浩+益子貴寛
18:10 HTML5（HTML5 APIデモ） 羽田野 太巳
18:50 コーディングコンテスト発表  
19:10 終了  
19:30 アフターパーティ  

終了後に、アフターパーティ（別途、実費）を開催します。

最新エントリー

コーディングコンテスト

2007年5月に開催した「LP3：Coder's High」同様、「第2回コーディングコンテスト」を併催します（主催：ピクセルグリッド、協力：シナップ、シックスアパート）。

CSS Nite LP, Disk 9「Coder's Higher」開催当日に、審査発表、および解説を予定しています。LP9に参加されない方でも、コーディングコンテストに応募できます。

審査委員（順不同）

「第2回コーディングコンテスト」の詳細はこちらから。

参加費とお申し込み

CSS Nite LP, Disk 9「Coder's Higher」にご参加いただくには、参加登録が必要です。

  • 参加費：8,000円（1名）

満席になりました。キャンセル待ちを受け付けます。
キャンセル繰り上げが可能な場合には、3月15日までにご連絡いたします。

再演イベント

早々に満席になったため、6月5日に再演イベントを企画しました。現在、mixiで参加表明を受け付けています。

LP9 repriseに参加する

開催の背景

2007年5月に「LP3：Coder's High」を開催しました。その続編です。

CSS Niteについて

2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っている。

名古屋、大阪、青森、福岡、沖縄、秋田、札幌、福井、仙台、福島、広島、新潟、京都、石川、高松、山形、富山にて、“地方版”を展開。地方版は現地の有志が運営し、地方のコミュニティ活性化の一助となっている。
2010年は宮崎で開催予定。茨城、静岡も構想中。

これまでに140回を超える関連イベントを通し、のべ22,000名以上が参加している（2010年2月末現在）。

CSS Nite LP

CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。今回のCSS Nite LP, Disk 9はその第9弾。「LP9」（エルピー・ナイン）はそこから来ています。

『Dreamweaverプロフェッショナル・スタイル』（Dreamweaver CC連動）、『Movable Typeプロフェッショナル・スタイル』（MT4LP5の連動）など、連動書籍をリリースする試みも行っています（今回、書籍企画はありません）。

アップルストア銀座でのCSS Niteをシングル盤に見立てると、LP盤だよね、ということでVolではなく、Diskでカウントしています。

過去の開催

FAQ’s

都内以外での開催はありますか？
今のところ、予定していません。
諸事情により参加できなくなりました。
キャンセルフォームからご連絡ください。決済後のキャンセルについては下記のポリシーにて行わせていただきます。手数料を頂戴しますので、あらかじめご了承ください。
期間 返金額
開催1ヶ月前 全額返金
10日前まで 半額
前日、当日 1/4
連絡なし 0円
代わりの方にご参加いただいても結構です（受講票をお譲りください）。
なお、キャンセルの返金は、イベント開催後、その月末に行わせていただきます。
請求書は発行いただけますか？
はい、ご希望される場合には発行いたします。その場合、決済方法は銀行振込のみ、かつ、定価に消費税をオンしてのご請求とさせていただきます。
なるべく「請求書なし」にご協力いただければ助かります。
領収書はいただけますか？
はい。開催当日にお渡しします。コンビニ決済の方はレシート、または、入金確認メールのプリントアウトなどをご持参ください。
法人名などの宛名が必要な場合には、休憩時間に受付にてお申し出ください（事前のご連絡は不要です）。
当日は何を持参すればよいですか？
開催の1週間くらい前に受講票をメールにて発送します。そちらをプリントアウトしてご持参してください。プリントアウトが困難な方は、携帯電話の画面でのご提示でも結構です。
当日の配布資料はありますか？
ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。ただし、撮影時に音が出る機器（携帯電話など）はご遠慮ください。
セッション登録はどのように行えばよいですか？
今回のCSS Nite LP, Disk 9は1トラックで開催します。つまり、同時進行で複数のセッションは進行しませんので、セッション登録などは不要です。すべてのセッションをお楽しみいただけます。
読んでおくとよい本や参照すべきサイトなどを教えて欲しいです。

書籍

サイト

諸事情で、遅刻（途中退席）しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。
視力が弱いのですが、大丈夫でしょうか？
スクリーンは250インチ（幅5m）と、かなり大きめですので、後方の席でも十分に見やすいと思われます。ご心配な方は、お早めにご来場いただき、見やすい席を確保していただければ確実です（自由席です）。
なお、途中でもお困りの際にはお申し出くだされば、（席替えなど）対応いたします。
書籍販売コーナーはありますか？
今回はご用意いたしません。
急遽参加できなくなりました。代わりの人間が参加してもよいですか？
はい、どうぞ。その際には、cssnite@gmail.comまでご一報ください。
パソコンを持参した方がいいですか？
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
無線LANなどの環境はありますか？
若干のご準備はいたしますが、基本的にはご自身でご用意ください。
twitterで実況中継（TSUDAっても）いいですか？
はい、どうぞ。ハッシュタグは「#cssnitelp9」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
USTREAMで中継してもいいですか？
こちらはご容赦ください（=NGです）。
なぜ、超早割とか早割とかあるんですか？
イベントの主催側では、常に集まらなかったときのリスクを考えており、早めのお申し込みをありがたく感じています。さらに、CSS Niteは、日程とテーマのみで告知を開始することもあり、そんな状況でも参加する、と決断くださる方に対し、本当にありがたいと感じています。これらをカタチにするひとつとして割引をご用意しています。
過去には、遠方からのご参加に対しての割引をご用意したこともありますが、複雑になりすぎるので、今回はご用意していません。遠方からのご参加にも感謝します。

関連情報

バナー

ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。

CSS Nite LP, Disk 9「Coder's Higher」（幅160ピクセル×高さ160ピクセル）

twitter

発言の最後に半角スペース＋「 #cssnitelp9」を入れてつぶやいていただくと「#cssnitelp9」に自動的にリンクが張られて、CSS Nite LP, Disk 9「Coder's Higher」関連の発言を参照することができます。ぜひ中継や覚え書きなどにご利用ください。

お問い合わせ

ご不明点やお気づきの点がありましたらこちらのフォームからお知らせください。

お問い合わせ前に、FAQをご一読ください。