告知

同時開催決定！Illustrator&Dreamweaverハンズオンセミナー

  • 「イラストレーター完全制覇パーフェクト実践」2010年7月5日（月）開催
  • 「Dreamweaver効率的なサイト制作実践」2010年7月6日（火）開催

概要

イベント名 CSS Nite LP9 VideoRemix
通称「LP9 VideoRemix」（エルピー・ナイン・ビデオリミックス）
日時 2010年5月29日（土）　13:00〜18:00（開場12:30）
会場 スペースプラス
〒901-2126　沖縄県浦添市宮城1-35-10
（国道58号線沿い、ファミリーマート隣）
Googleマップ
定員 24名（残席0／05/13 13:20満員御礼）
特別ゲスト 益子貴寛（サイバーガーデン）@takahiromashiko
ビデオ出演（出演順）
徳田 和規（マインドフリー） @5509
石本 光司（ドーガ） @t32k
福田泰雄（AGN） @sigwyg
高津戸 壮（ピクセルグリッド） @takazudo
羽田野 太巳（futomi） @futomi
主催 龍球インク
共催 ブロッコ・デリ・アーキテクツ、CSS Nite実行委員会
協賛 KDDIウェブコミュニケーションズ
協力 サイバーガーデンbiz.、gen
参加費 3,500円
事前登録 必要
備考 スクール形式（机あり）
懇親会 予定しています（別途、実費）
twitterタグ #cssnitelp9vr
  • 会社名のうち、会社形態（株式・有限等）は省略させていただいております。

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

CSS Nite LP9 VideoRemixは、コーディング／マークアップにフォーカスし、jQuery、表示速度改善、HTML5、CSS3などをトピックとして取り上げます。

Coding with jQuery

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

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

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

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

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

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

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に書き換える「ライブコーディング」を通じて、セクショニング要素のつかい方とワークフローを学んでいただきます。

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

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

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

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

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

タイムテーブル

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

  • タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
時刻 進行 講演者
12:30 開場  
13:00 開演／イントロダクション  
13:10 Coding with jQuery 徳田 和規
13:55 （休憩）  
14:05 Webパフォーマンス最適化のためのコーディング手法 石本 光司
14:45 （休憩）  
14:55 CSS3 for tomorrow [ver.LP9] 福田泰雄+高津戸 壮
15:35 （休憩）  
15:45 HTML5 ライブコーディング 益子貴寛
16:30 （休憩）  
16:40 今日から使えるHTML5 API 羽田野 太巳
17:20 （休憩）  
17:30 質疑応答 益子貴寛
18:00 終了  

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

参加費とお申し込み

CSS Nite LP9 VideoRemixにご参加いただくには、参加登録が必要です。

  • 参加費：3,500円（1名）

CSS Nite LP9 VideoRemixに参加する

開催の背景

東京では毎週のように素晴らしいセミナーイベントが開催されていますが、遠く離れた沖縄からはなかなか気軽に参加できません。
CSS Nite in OKINAWA実行委員会では、その機会損失を埋めるべく、過去3年間を通して毎年CSS Nite in OKINAWAを開催して参りましたが、常々もっとたくさんのチャンスを沖縄のみなさんに獲得していただきたいと考えていました。
4年目を迎えた今年は、早々に『CSS Nite in OKINAWA, Vol.4』の開催を決定。さらに、前評判の高かった『CSS Nite LP, Disk 9「Coder's higher」』のビデオ収録の機会をいただき、今回のLP9 VideoRemix開催となりました。

CSS Niteおよび、CSS Nite in OKINAWAについては下記のページにて詳しく解説しております。

  • CSS Niteとは（CSS Nite in OKINAWA, Vol.4〜Photoshop Town Meeting〜）

FAQ’s

LP9本編との違いは？
最大の違いは講演がライブかビデオかというポイントです。
上演されるセッションの違いは下記の表をご参照ください。
イベント名 LP9「Coder's Higher」 LP9. VideoRemix
開催日 4月17日 5月29日
形式 ライブ ビデオ
講演時間 12:10-19:10（7H） 13:00-18:00（5H）
会場 ベルサール神田（東京） スペースプラス（沖縄）
参加費 8,000円 3,500円
キーノート ◎ ×
高速コーディング ◎ ×
jQuery ◎ ◎
UI設計 ◎ ×
パフォーマンス最適化 ◎ ◎
HTML5（マークアップ） ◎ ◎
このセッションのみ
益子貴寛によるライブ
HTML5（API） ◎ ◎
CSS3 ◎ ◎
コーディングコンテスト解説 ◎ ×
益子貴寛による解説
質疑応答		 × ◎
諸事情により参加できなくなりました。
お問い合わせフォームよりその旨ご連絡ください。決済後のキャンセルについては下記のポリシーにて行わせていただきます。手数料を頂戴しますので、あらかじめご了承ください。
期間 返金額
10日前まで 半額
前日、当日 2,000円
連絡なし 0円
代わりの方にご参加いただいても結構です。その際はお問い合わせフォームの備考欄にご参加いただく方のお名前とメールアドレスを併記ください。
なお、キャンセルの返金は、イベント開催後、その月末に行わせていただきます。
請求書は発行いただけますか？
申し訳ございません、発行いたしません。
領収書はいただけますか？
はい。開催当日にお渡しします。
当日は何を持参すればよいですか？
必要に応じて下記をお持ちください
  • 筆記用具
  • 名刺（必須ではありませんが、ぜひお持ちください。CSS Niteは単なる学習の場ではなく、交流の場としてもご活用いただきたいと考えています。）
  • ひざ掛けやカーディガン（エアコンの寒さ対策）
当日の配布資料はありますか？
基本的にございません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中の撮影・録音は、個人的な利用においてはご自由に行ってください。
ただし、撮影・録音時に音が出る機器（携帯電話など）のご利用、撮影・録音された情報の外部公開は（ブログ等へのアップロードも含め）ご遠慮ください。
読んでおくとよい本や参照すべきサイトなどを教えて欲しいです。

書籍

サイト

諸事情で、遅刻（途中退席）しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。
視力が弱いのですが、大丈夫でしょうか？
今回、会場の収容人数が24人と大変少ないので、後方のお席でも大丈夫かと思われます。
ご心配な方は、早めにご来場いただき、見やすい席を確保していただければ確実です（自由席です）。
なお、途中でもお困りの際にはお申し出くだされば、席替えなど柔軟に対応いたします。
パソコンを持参した方がいいですか？
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
無線LANなどの環境はありますか？
若干のご準備はいたしますが、基本的にはご自身でご用意ください。
twitterで実況中継（TSUDAっても）いいですか？
はい、どうぞ。ハッシュタグは「#cssnitelp9vr」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
USTREAMで中継してもいいですか？
こちらはご容赦ください（=NGです）。

関連情報

バナー

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

CSS Nite LP9. VideoRemix（幅160ピクセル×高さ160ピクセル）

twitter

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

お問い合わせ

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

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