NAVIGATION

CSS Nite in OSAKA, Vol.20 powered by FirstServer

ファーストサーバ株式会社

CSS Nite in OSAKA, Vol.20

Topic

現在策定中で話題を呼んでいるHTMLの次期バージョンHTML5。
様々な仕様の変更や新機能の追加の情報が日々更新されていますが、実際のところWebの未来はどうなるんでしょうか。

さらにWebデザイナーの中では注目度が高いCSS3。
画像無しで角丸背景やグラデーションが作れたり、フォントを埋め込んで使える@font-face、傾かせたりといった自由度と表現力が強化されているCSS3の基本中の基本についても触れていきたいと考えています。

HTML5は使えるのか？Webの未来を変えるのか？HTML5／CSS3について気になるところを現在日本でHTML5の第一線をリードしている3名をお招きし、基礎から最新の開発事情までをわかりやすく解説いただきます。

HTML5のぶっちゃけ？どんだけ？を関西で聞ける数少ない機会かもしれません。

現在予定しているセッション

HTML5の新しいタグやその周りの機能

  • Canvas（ブラウザで描画やアニメーションが出来るようになります）
  • Video（動画が再生出来るようになります）
  • WebForm 2.0 (フォームのバリデート機能、日付・カレンダー出力)
  • WebGL（Web上で3Dグラフィックスを表示する規格）
  • header, section, nav, ruby, footer
  • SVG（XMLベースの2Dベクター画像記述の規格）
  • MathML（XMLベースの数式記述言語）
  • Webfonts（TrueTypeやOpenType形式のフォントが使えます）

HTML5で出来る事、その優れた機能の入門者向け解説

  • Webworkers（バックグラウンドで負荷のかかる作業を実行）
  • Websockets（双方向通信、ネット対戦ゲームなどの原理）
  • Indexed SQL
  • Geolocation API（ブラウザ利用者の位置を取得することができます）

※内容は変更される可能性があります

Outline

CSS Nite in OSAKA, Vol.20 powered by FirstServer（本編）

イベント名 CSS Nite in OSAKA, Vol.20 powered by FirstServer
HTML5 + CSS3 次世代規格特集！
日時 2010年5月15日（土）14:30開場／15:00開演（20時終演・休憩有り）
会場 大阪産業創造館 4Fイベントホール
〒541-0053 大阪市中央区本町1-4-5
産創館へのアクセスはこちら（GoogleMap）または公式サイトの地図
定員 230名（今回は椅子のみの会場となります。）
主催 CSS Nite in OSAKA 実行委員会
協賛 ファーストサーバ株式会社
協力 web creators
株式会社デジタルスケープ
加賀電子株式会社
デジタルハリウッド大阪校
ワークスコーポレーション
毎日コミュニケーションズ
参加費 一般：4,500円
学生：3,500円（教育機関にて学習中の方・年齢問わず・要証明書）
早割り：3,500円（2010年4月15日までにお申し込みの方のみ）
出演 白石 俊平（株式会社OpenWeb Technology）
羽田野 太巳（有限会社futomi）
矢野 りん
丸山 章
事前登録 登録受付中終了しました
懇親会 終演後に懇親会を、会費4,000円程度で予定しています。出演者も参加されますので、この機会にぜひ交流を図りましょう！
Twitterタグ #cnio20

参加登録は終了しました

CSS Nite in OSAKA, Vol.20 序章編 for JavaScript Beginners（プレセッション）

イベント名 CSS Nite in OSAKA, Vol.20 序章編 for JavaScript Beginners
日時 2010年4月18日（日）15:30〜（2時間程度を予定しています）
会場 デジタルハリウッド大阪校B1階
大阪市北区西天満6-5-17デジタルエイトビル1F
デジハリ大阪校へのアクセスはこちら（GoogleMap）
定員 100名
参加費 無料
出演 田中 朋也、とみた ちひろ
事前登録 登録受付中終了しました
対象 JavaScriptがはじめての方、少しやったけどすぐにつまずく方
HTML5やCSS3にはじめて触れる方
詳細 http://osaka.cssnite.jp/vol20/pre.html
フォローアップ とみたさんのフォローアップ
田中さんのフォローアップ
CSS Nite in OSAKA, Vol.20 序章編の動画[Ustream]
HTML5+canvas要素で作る、シューティングゲーム

Speakers / Profiles

HTML5&API入門

HTML5と関連APIについての概要について、時間が許す限りデモを交えながらご紹介差し上げます。
HTML5の話題では、常にJavaScriptが非常に大きな比重を占めますが、本セッションはJavaScriptにそれほど詳しくない方でもご理解頂けるよう、「HTML5とAPIで新たに何ができるようになるのか」と言う視点から、HTML5を鳥瞰していきます。

写真：白石 俊平

白石 俊平（しらいし・しゅんぺい）

株式会社OpenWeb Technology代表取締役
html5-developers-jp管理人

プロフィール／著書など

Java EEエンジニア、フリーのテクニカルライターを経て、2010年3月にOpenWeb Technology社を設立。HTML5/CSS3などの最新Web標準で世界を笑顔にしようと画策中。
他にボランティアとして、HTML5 開発者コミュニティ「HTML5-developers-jp」管理人、Google公認 API Expert (HTML5)、Japan Java User Group幹事なども務める。
著書に「Google Gearsスタートガイド」(技術評論社)、「HTML5&API入門」(日経BP) がある。

関西のみなさんへのメッセージ

大阪に行くのは10年以上ぶりなので、すごく楽しみです。美味しいお好み焼きを食べて帰るのが、今回ぼくに課せられた使命だと思っています。

HTML5で変わるマークアップ

HTML5には、これまでのマークアップ手法を前提としていますが、新たな要素の追加など、大幅に改良されています。HTML5の到来によって、何が変わるのか、どんな効用があるのか、そして、なぜHTML5なのか、という疑問に答えます。
これまでのマークアップ・スタイルをバージョンアップしませんか？

写真：羽田野 太巳

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

有限会社futomi 代表取締役

プロフィール／著書など

1971年岐阜県生まれ。

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

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

関西のみなさんへのメッセージ

CSS Nite in OSAKAの出演は初めてですが、関西の皆さんにお会いできるのが楽しみです。

CSS3はつかえるのか？

図形を変形させたり文字に陰をつけたり段組みレイアウトを実現したり..。
派手な新機能が目立つCSS3。それぞれの新プロパティを実際の仕事に役立てるとしたら、どんなかたちが考えられるでしょうか。
っていうか、本当に仕事に生かせるのでしょうか？HTML5と併用する利点も含め、いろいろな角度でCSS3のポテンシャルを検証してみます。

写真：矢野 りん

矢野 りん（やの・りん）

制作チームrockrin' デザイン担当
日本アンドロイドの会女子部長

プロフィール／著書など

デザイナ兼ライター。

近著は「Webレイアウトの『解法』Webデザイナーのための実践的セオリー50」（MdNコーポレーション）
Android端末向けの変なIME「Simeji」のUIデザインを担当しています。

関西のみなさんへのメッセージ

CSS3とかHTML5とか、世の中色々な技術があってどこに軸足を置いたらいいのか迷ってしまいますよねー。
日々ものづくりにいそしんでいると、迷っていることがなんだか悪いことのようにも思えるものです。
しかしドイツの文豪ゲーテは小説「ファウスト」の中で「人間は努力するかぎり、迷うものだ」とか言っていました。
迷ってよし。
ということで、大阪ではみなさんといっしょに最新のウェブ実装技術について迷い、そして妥当な落としどころを見つけたいです。よろしくおねがいします。

DreamweaverでHTML5とCSS3のコーディング環境を構築する
　〜アップデータまで待てません〜

4月にDreamweaver CS5が発表されましたが、現時点では残念ながらHTML5とCSS3は対応されていません。アップデータが出るという話もありますが、いつ出るかは不明です。そこでせめてコーディング環境を構築するべく、HTML5タグとCSS3プロパティー&セレクタをコードヒントで出せる機能拡張を作成しました。このセッションではこれらの機能拡張の解説を行います。

写真：丸山 章

丸山 章（まるやま・あきら）

フリーランス

プロフィール／著書など

1970年岡山生まれ。鳥取県在住。

鳥取大学農学部大学院中退後、鳥取市内のデザイン会社に約10年間勤務。そこでいきなり自社Webページの作成を命じられ、以後Webの世界へ。その後派遣等を経て、現在フリーで細々と活動中。長年使っているFireworksやDreamweaverの機能拡張などを時々作成してブログにて公開中。
共著に『Dreamweaver プロフェッショナル・スタイル』（毎日コミュニケーション）。

参加登録は終了しました

Timetable

詳細が決定次第、掲載します。

タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。

時刻 進行 時間
14:30 開場  
15:00 開演・オープニングトーク／鷹野 雅弘（予定）  
15:10 『HTML5&API入門』／白石 俊平 60分
16:10 　- 休憩 - 15分
16:25 『HTML5で変わるマークアップ』／羽田野 太巳 30分
16:55 『CSS3はつかえるのか？』／矢野 りん 45分
17:40 　- 休憩 - 30分
18:10 『DreamweaverでHTML5とCSS3のコーディング環境を構築する
　〜アップデータまで待てません〜』／丸山 章		 30分
18:40 　- 休憩 - 15分
18:55 特設サイトのマークアップを検証／羽田野 太巳
（実行委員で制作したHTML5のマークアップに対してツッコんでいただきます）		 30分
19:25 クロージングトーク&こぼれ話 30分
19:55 終演  

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

参加登録は終了しました

Attention

キャンセルについて

CSS Nite in OSAKA, Vol.20 powered by FirstServerにお申し込みをされた方で、やむなくキャンセルされる場合は、下記キャンセルポリシーをご確認の上、お申し込み時に届いた「イベント参加の確認」メールの「キャンセル用URL」をクリックしてください。キャンセルの手続きが行なわれます。

ご都合の悪くなられた方の受講票を持参いただくことによる「代理参加」は可能ですので、ぜひご検討ください。

キャンセルポリシー

キャンセルの受付は、開催1週間前（2010年5月8日）までとなっております。それ以降にやむをえずキャンセルをされる方は、以下の料金をうけたまわりますのでご了承ください。

開催1週間（7日）前までのキャンセル 特に料金は発生しません。
開催3日前までのキャンセル 受講料の30％をお支払いいただきます。
開催1日前までのキャンセル 受講料の50％をお支払いいただきます。
当日のキャンセル 受講料全額をお支払いいただきます。

Sponser

ファーストサーバ株式会社

Cooperation