2010/02/16

HTML5-FIT ~北陸のHTML5コミュニティ~

東京へは頻繁に行けない!北陸(福井、石川、富山)に住んでいても、HTML5や関連APIの勉強、情報共有をしていきたい!
という人たちのためのコミュニティを作りました。
もちろん、北陸以外の方の参加もWelcomeです。

去年まで、北陸でもHTML5関連のセッションが含まれた勉強会が何度か行われてきました。
今年はその活動を皆でさらに活発にしていきませんか?

Google グループ
HTML5-FIT(北陸)

FIT(フィット) は Fukui, Ishikawa, Toyamaのイニシャルを表しています。
FITが「調和」「適合」というイイ意味だったので、この並びにしました。

2010/02/07

Google Hackathon for GAE in 福井、TDD

福井ではじめてのGoogle Hackathonを行いました。
開催概要はこちらをご覧ください。

Google Hackathon for GAE in 福井
http://fitea.org/?p=115

この写真ともう一部屋に分かれてチーム毎に開発をしていました。


ちなみに「京都GTUGの山下さんが出身地の福井で、Google Hackathonを福井で一緒にやりませんか?という話があります。」というように、京都GTUGスタッフの@ofuku3fさんからいただいたのが、今回のイベント開催のきっかけです。

1/31のIdeathonでは、山下さんから「shoitoさんがどうしても福井でやりたいというので来ました」というように改変が加わってましたけど...、それも間違いではなかったです。

実は、企画は12月から京都GTUG, FITEA, 北陸エンジニアグループ, jig.jpのメンバー, アップグレードふくいの協力でみんなで進めてたんです。
福井開催に当たって決める事はいろいろあって、例えば↓

1. Hackathonで扱うテーマは何にするか
2. 開催日はいつにするか
3. IdeathonとHackathonは連日にするか
4. それともまとめて1日にするか
5. IdeathonとHackathonで1週間、間を空けるか
6. チーム分けをどうしようか
7. 事前勉強会をやろうか
8. ....

そもそも福井にいるメンバーは皆、Hackathon未経験者だったので悩みました。
あと、福井の運営スタッフ&私自身Hackathonを若干ナメてました。
実際にHackathonをやって実感したのですが、4の選択肢はないですね。
当日アイデアを考えて、開発して、夕方に発表って無理でした...

今回は5のIdeathonとHackathonで1週間、間を空けて開催したのですが、それでも各チームテンパってましたもの。
私自身はヘルプでウロウロと質問に答えて回ってたので、各チームの状況を見られたのですが、
15時過ぎた辺りからの参加者の焦燥感がスゴかったです。
17時からの発表に向けて準備をしなければならず、見せられるものにしようと皆必死でした。

16時過ぎたあたりから「あぁ、何も表示されなくなった..」「500系のエラーやっと出た」など阿鼻叫喚心配になる声が聞こえてきてましたが、各チーム、発表までこぎ着ける事に成功。
発表を終えた後はホっと胸を撫で下ろしていたようです。

Hackathonを終えた後の懇親会は脅威の出席率90%でした。
その辺は今回のHackathonの満足度が高かったのだと思いたいです。

そうそう、今回の参加者のレポートをghfukuiタグで、はてブにまとめ中です。
参加できなかった方は是非、参加者の感想をご覧ください。
http://b.hatena.ne.jp/shoito/ghfukui/

懇親会で話題に挙がっていたのですが5, 6月くらいのChrome Extension(Wave?) Hackathon、冬には、Googlerを招いてのカニHackathonを是非やろうってことになりました(ですよね?山下さん)。
かなり楽しみにします!


あ、タイトルのTDDはTeammate Driven Developmentのことです。Hackathonでは、これが一番重要ですね。
秋吉を楽しみにウズウズしていたyakiTori Driven Developmentではありませんのであしからず。

最後に、開催(参加/運営)に関わってくれた方々、会場を無償で提供してくれたjig.jp、
連夜の準備、週末に出かけっぱなしの私を許してくれたパートナーにありがとう!

Web・IT技術者大交流会へ行ってきた

...あとで書く

2010/01/21

YouTube HTML5 Video Playerを試してみた

YouTubeでYouTube HTML5 Video Playerのベータ版が公開されました。
以前からHTML5を使用したデモページが公開されていたのですが、ついにHTML5 ベータ版の登場です。

HTML5ベータ版への切り替え方法は、下記のURLにアクセスし、画面下方にある"HTML5 ベータ版を有効にする" リンクをクリックするだけ。
http://www.youtube.com/html5


あとは、いつものようにYouTubeにアクセスして観たい動画を再生するだけ。
いつもの見た目でプレイヤーだけがこっそりとHTML5のVideoタグを利用したものに切り替わっています。

ロード画面 - 中央に HTML5 であることを表示

再生中

2010/01/13

1/31, 2/7は福井でHappy coding♪

京都GTUG(Google Technology User Group)、北陸エンジニアグループ、FITEAとで、Google Hackathonを開催することになりました。
テーマはGoogle App Engineです。

「GAEってPython、Javaのどっちが対象?GAEっておいしいの?」という疑問を持たれる方がいるかも知れませんが、GAE/Jの登場でJava VMが動くようになってからは、RubyやPHP、Scalaも動かす事ができるようになったので、言語については特に制限を設けません。

「Hackathon?レベルの高い人たちの集まりかな?そんなの怖いわー。ついてけないよ。」という心配もございません。
Hackathonでは、入門者チームを設ける予定ですし、AppEngine API Expertの山下さん、京都GTUGスタッフの皆さん、チームメイト、力を貸してくれる方々が沢山いらっしゃいます。また、1/31(日)には事前勉強会も行います。
学生や初心者の方も安心してご参加ください。

Google App Engineを詳しく知りたい方はこちらに目を通しておくと良いと思います。
もちろん事前勉強会では「Google App Engineってなんぞや?」から扱うので、一読するのは勉強会後でもかまいません。

Google App Engine デベロッパーガイド
http://code.google.com/intl/ja/appengine/docs/

1/31(日)には、GAEの解説、グループ分け、アイデア出し(Ideathon)、午後にはHackathonに向けたGAEの勉強会を行います。
2/7(日)には、丸一日かけてみんなでガリガリ開発をします。

タイムスケジュールや詳細はこちらをご覧ください。
http://fitea.org/?p=115

参加される方はこちらの登録フォームから申し込みをお願いします。
http://bit.ly/611cYf

=================================================================
『Google Hackathon for GAE in 福井』 1/31(日) & 2/7(日)

■イベント概要
 Google App Engine(GAE)をテーマに技術者が集ってその場でアプリ
ケーションやサービスを作り、最後にプレゼンをするイベントです。
 App Engine API Expertの山下大介氏をお迎えします。
 GAE初心者向けの勉強会も同時開催しますので、学生や初心者の方も
安心してお気軽にご参加ください。
■日時:2010年1月31日午前及び2月7日全日
 ※2日構成で、1/31と2/7両日ともの参加が必要です。
 ※1/31の午後にはGAE勉強会が開催されます(無料)
■定員:最大30名(事前登録制)
■参加費:無料
 ※但し、ランチ代は各自ご負担となります(出前又は弁当等)。
■会場:めがね会館7F 株式会社jig.jp様 会議室
■主催・運営:京都GTUG、FITEA、北陸エンジニアグループ
■会場協力:株式会社jig.jp 様
=================================================================

個人的には、GAE側でHTTPサービスを提供するようにしてUIを Flex / Flash や GWT、HTML5 関連APIゴリゴリで作りたいなぁ。
デザイナさん、チームに欲しいなぁ。

Hackathonと言えば、この辺は要チェックですね。
Hackathon in a Box - http://sites.google.com/site/devreljp/Home/hackathon-in-a-box
Hackathon を快適にする Tips - http://googlejapan.blogspot.com/2009/03/hackathon-tips.html