Hackathonでこんなプレゼンをしてみた

2/2(土)にとても自由なハッカソンが開催されたのでそれに参加してきました。

参加者は7人くらいと少なかったこともあり、短い時間ではありましたが落ち着いて開発することができました。

ハッカソンの最後にあったプレゼンタイムでは、上記スクリーンショットのように、ChontentEditableを使ってGoogleの検索結果画面を編集し、スライド代わりにしました。

私はCoffeeScript(JavaScript)でChrome拡張を2つ作ったので、ここで紹介しておきます。

主にビルド周りではYeoman(Grunt)さんに助けていただきました。

ChontentEditable

https://chrome.google.com/webstore/detail/chontenteditable/amnpphhcbandchhkmgloehggicoedcpl

https://github.com/shoito/chontenteditable-chrome-extension

これはChromeで表示中のページを編集できるようにするChrome拡張です。

やっていることは簡単で、ボタンをポチッと押したらhtmlタグにcontenteditable属性を付与/削除して、テキスト編集モードのON/OFFを切り替えられるようにしています。

てっきりアプリのデモだけかと思ったら、前の発表者の方々が自己紹介〜いろいろスライドを作ってたので、即席で作りましたがChontentEditable拡張のデモにもちょうど良い感じになりました。

java2yuml

https://chrome.google.com/webstore/detail/java2yuml/glhmljgoioemnbaaijkpbiggmjkogbkb

https://github.com/shoito/java2yuml-chrome-extension

これは以前、某CV社にいた時に作ったjava2class拡張をベースに、yUMLを用いてクラス図を表現したChrome拡張です。

GitHubやBitbucket, Google Code HostingでJavaのソースコードを読んでいるときに、右上にそっとコード解析結果からクラス図を表示して、コードの理解を助けてくれます。

JavaDocを見ているときはJavaDocのHTMLをパースして、クラス図を同様に表示してくれます。

しかし、これにはちょっと欠陥があってフィールドやメソッド数が多いとyUMLに渡すURL文字列が長くなり過ぎて、正常にクラス図が作れないようです。

(502 Bad Requestとレスポンスが返ってきます)

今のところは程よいサイズのクラス限定対応になっています。

yUMLはこちらを参考に。

http://yuml.me/diagram/scruffy/class/samples

最近、Chrome拡張やastahプラグインばかりを作っていたので、そろそろWebサービスやタブレット用アプリの開発に戻りましょうかねぇ。

やっぱりもくもく開発するハッカソンは楽しいイベントですね。

福井でみんなで集まってサービス/ソフトウェアを作ってみませんか？[3/5, 3/12]

2011年3月5日(土), 3月12(土)に第2回Google Hackathon for GAE in 福井が開催されます。なんで第２回かというと、2010年は2月にGoogle App Engine、4月にChrome拡張をテーマにGoogle Hackathonが行われており、無料で使えるクラウドプラットフォーム Google App Engine(GAE)をテーマにするのが2回目だからです。

今回は3月12日のHackathon当日に、京都GTUG(Google Technology User Group)からGoogle API Expertの山下さん、GoogleからGoogle App Engineを担当されている松尾さんに来ていただきます。GAE/Python、GAE/Javaの先生がいるのでここぞとばかりに疑問をぶつけるチャンスかと思います。

現在の申込者の統計(だいたい)としては、下記のようなデータとなっています。
GAE初心者：90%
デザイナー：20%
女性：10%

「Hackathon？レベルの高い人たちの集まりかな？そんなの怖いわー。ついてけないよ。」という心配はありません。事前勉強会やIdeathonからHackathonまでの準備期間が十分にありますので 学生や初心者の方も安心してご参加いただいております。

また、バックエンドはGoogle App Engine + 各種Webサービス、フロントエンドはPC/Mac、iPhone/Android/ガラケーというように組み合わせはいろいろ考えられますので、フロントエンドのデザイン/開発をしたい方の参加も強く願っています。
是非、JavaScript , Objective-C , HTML5 , CSS3 など持っている知識を存分に活かしてください。

====== イベント案内 ======
■名称
　第2回Google Hackathon for GAE in 福井
■申し込み
　こちらのフォームからお申込みをお願いします。
　http://goo.gl/UMfRE
■日程
　2011年3月5日(土) 事前勉強会, Ideathon
　　　　　12日(土) Hackathon

　※Hackathonのみの参加は原則出来ません。Ideathonにもご参加下さい。
　難しいなという方はコチラへご相談ください -> gh.fukui at gmail.com
■スケジュール
　3月5日（土）
　　12：30 ～　開場
　　13：00 ～ 15：00　事前勉強会(こちらは必須ではありません)
　　　GAE/Java編　　@shoito
　　　GAE/Python編 @rch850
　　15：00 ～ 18：00　Ideathon(ここからの参加でOKです)
　　18：30 ～　懇親会(ビアバッシュ)

　3月12日（土）
　　09：30 ～　開場
　　10：00 ～ 18：00　Hackathon
　　18：30 ～　懇親会
■会場
　めがね会館7階 株式会社jig.jp様 会議室
　・地図： → http://goo.gl/2rXe
　・アクセス：JR鯖江駅から徒歩15分、鯖江ICから車で5分
■定員
　最大30名（事前にお申し込みが必要です）
■対象者
　プログラマー、デザイナー、Hackathonに興味がある方 (入門者や学生の方も大歓迎)
■参加費
　一般1,000円、学生は無料
　※参加費は備品の準備、遠方よりご参加いただくスタッフへの交通費に割当てさせていただきます。
■その他
　twitter公式タグは #ghfukui です。

HTML5時代のWeb技術について勉強会をやります - 福井

11/27(土) HTML5などなど次世代Web勉強会 in 福井

HTML5やCSS3、SVG、関連APIなどをテーマに「講演」や「自作サービス/アプリのデモ＆裏側を解説」というスタイルの勉強会を開催します。

Mozilla Japanのdynamis(@dynamitter)さんにFirefox4と次世代Web技術についてのお話、Firefox for Androidのデモをしていただけることになりました。
Firefox, ThunderbirdなどMozillaのソフトウェアにお世話になっている皆さん、日頃の感謝、要望などを直接お伝えできるチャンスです。

イベントのターゲットは初心者、開発者、デザイナー問わずになっておりますのでお気軽にご参加ください。
クリエイターに直接質問できる良い機会になると思います。

イベント受付ページ
http://kokucheese.com/event/index/5492/

日時： 2010年11月27日 13:30 - 17:30
定員： 30名
会場： 福井県鯖江市新横江2-3-4 めがね会館7F 株式会社jig.jp 会議室
最寄り駅： JR鯖江駅

[開催プログラム]
* 13:00 - 13:30 開場、準備
* 13:30 - 13:35 オープニング
* 13:40 - 14:30 Firefox4で見るHTML5時代のWeb技術 by Mozilla Japan @dynamitter
* 14:30 - 15:30 W3C総会レポート＆使おうSVG by @rch850
-- 休憩10分 --
* 15:30 - 17:20 サービス/アプリのデモ＆解説

デザイナーがつくるHTML5アプリ（仮） by @shirokuro331
利用技術: Canvas

Canvasでアニメーションしてみたよ（仮） by @taiju
利用技術: Canvas

twistmap(仮) by @mirutover
利用技術: WebSocket(socket.io), node.js

クイズアプリ(仮) by @tkmsm
利用技術: WebSocket, Scala

HTML5で始めるお気楽プログラミング(仮) by @aroma_black
利用技術: Web Storage, Offline Web Applications, CSS3, (Flask@Python), Widgets

Firefox for Android by Mozilla Japan dynamis(@dynamitter)

* 17:20 - 17:30 クロージング
* 18:00 - 20:00 懇親会 (秋吉 鯖江店)

11/13-15にWeb Directions East 2010開催!

Web Directions Eastというイベントをご存知でしょうか？
http://east.webdirections.org/2010/

jQueryの開発者John ResigやIntroducing HTML5の著者Bruce Lawsonなど、世界トップレベルの人間が集まりカンファレンスやワークショップが行われます。
毎年開催されているのですが、私は中々都合(日程や費用的に)がつかずに参加できておりません。
カンファレンスのタイムテーブルを見るとHTML5, CSS3, SVG, モバイルアプリ開発, クロスブラウザなど、惹かれるテーマでいっぱいです。

そんなことを考えていたところ、運営の方から以下のご案内を頂きました。
うまいこと誘惑してきますねw
あぁ、ホント行きたいなぁ。



＞＞『WDE 2010は、オバマ大統領を当選させた舞台裏に迫ります！』

オバマ大統領を当選させたデザイナーであるスコット・トーマス氏が来日し、
"Designing Obama"として印象的な青のカラーの選択、フォントの変更など、
デザインの本当の重要性や方法論・思考法ご紹介いただいます。

現在、大統領の活動でいろんな情報が飛び交っていますが、オバマ氏の
当選にまつわるWebデザインの活用においては多大なる貢献をしています。
オバマ氏当選の裏側を覗いてみてはいかがでしょうか？

＞＞『「電子書籍」「スマートフォン」「HTML5」もご紹介！』

今年のバズワードとしても注目されている「電子書籍」「スマートフォン」
「HTML５」はWDE２０１０でもご紹介いたします。

特に、電子書籍元年と言われる今年はいろいろなところで電子書籍の規格が生まれ、
情報が溢れ出回っていますが、世界標準規格であるePubについてW3Cからご紹介いただきます。

スマートフォンやHTML５については、日本では知られていない技術はもちろん
技術への取り組み・思考を伝授していただきます。世界トップから学ぶこの３日間は
技術者にとって特別な時間になる事でしょう。

【日　　程】：11月13～15日
【会　　場】：野村コンファレンスプラザ日本橋
【参加料金】：49,000円（カンファレンス／ワークショップ一律、税別）
【URL】： http://east.webdirections.org/2010/

その他、スピーカー情報。

▼　ジョナサン・スターク (Jonathan Stark)
http://east.webdirections.org/blog/2010/10/12/jonathan_stark/

▼　ブルース・ローソン：（Bruce Lawson）
http://east.webdirections.org/blog/2010/09/28/bruce-lawson/

▼　ステファニー・サリバン・ルイス：(Stephanie (Sullivan) Rewis)
http://east.webdirections.org/blog/2010/10/05/stephanie_sullivan/

[9/11] Flex meets Progression - Flex勉強会第121回＠福井

Flex勉強会全国ツアーも終了し、一段落したところでFlex勉強会を福井で開催します。
今回はFlexだけではなく、FlashフレームワークであるProgressionも扱う形になります。

私は「Flex meets HTML5 Family」と題して、Flex/FlashとHTML5関連APIの連携について話をさせていただきます。
気軽にご参加ください。

セッション
・Flex meets MovableType by @morishita_surf
・Flex meets Designer by @haruiruka
・Flex meets HTML5 Family by @shoito
・ないしょ: by @itsuki_kosen
・Progressionのススメ　～みんなで手軽にFlash始めちゃおっ。～ by @shirokuro331

-----
目的：北陸をもっともっと盛り上げていきましょう！
対象者：デベロッパー＆デザイナー
　　　Flex/AIR, Progression, ActionScirpt初心者
定員：20名程度

日時：09月11日(土) 14:30～
　　　　　　受付：14:00～
場所：(株)サーフボード 1階会議室
住所：〒910-0842 福井県福井市開発2丁目614
最寄駅：えちぜん鉄道勝山永平寺線「越前開発駅」徒歩5分
地図：http://www.surfboard.jp/profile/map_fukui.asp

参加費：無料
参加方法：ATNDで参加登録お願いします
http://atnd.org/events/7277

「.fukui vol.2 -続・JavaScriptの巻-」をやりますよ

隔週くらいで適当に集まって、手を動かす勉強会みたいなのをしたいね、という流れで「.fukui(ドットフクイ)」というイベントをやっています。
vol.1(8/4), vol.2(8/18)はまずはJavaScriptをテーマに各々がカチカチとやります。
ちなみに私はSencha Touch(Ext JS)を使ったアプリを勉強がてら作っていますよ。
開発者だけじゃなくて、デザイナーの人も参加しているので、困ったときは頼りにしています。

[8/4] .fukui vol.1 -JavaScriptの巻-
http://atnd.org/events/6652

[8/18] .fukui vol.2 -続・JavaScriptの巻-
http://atnd.org/events/6981

以下、ATNDより抜粋

毎日のように新しい技術と情報が飛び込んでくるWeb業界。
・勉強しないとまずいなーとおもいつつ、なかなか時間がつくれない。
・1人で勉強してると、いろんな誘惑に負けてイマイチ技術習得に身が入らない。
・同じことを勉強している人と情報交換して、スキルを高めたい。

そんなふうにお考えの方。
みんなで同じ場所に集まってプチ合宿形式で技術を身に付けませんか。

基本的には毎回勉強するテーマを決めて開催しようと思いますが、何を勉強するのかはお任せします。
例えばHTML5がテーマだけど、ちょっとjQueryのことも調べてみよう、というのもOKです。
今回のテーマは「JavaScript」です。

誰かがスピーカーとして話すタイプではなく、手を動かす（何かを作る）タイプの勉強会です。
ゆるいけど、切磋琢磨する。そんな感じで勉強会をしていければいいかなと思います。
よろしくお願いします。

.fukui（ドットフクイ）とは・・・
福井クラスタが集まって勉強する会です。
クラスタとcssのclass(.)をかけてます（わかりにくい？
プロパティはHTML5やjQuery、JavaScriptなど様々です。好きなスタイルで勉強しましょう。

HTML5Rocksでロックな写経会 in 福井 - 7/14(水)

7/14(水)にHTML5Rocksでロックな写経会 in 福井を開催します。

HTML5RocksのPLAYGROUNDを写経(実際にコードを入力)して、HTML, JavaScript API, CSSの新たな部分の理解を深めようと思います。
分からない部分が出てきたら、参加者同士で教えあいましょう。
下記のATNDから参加登録をして、気軽にご参加ください。

HTML5Rocksでロックな写経会 in 福井
http://atnd.org/events/6184
日時 : 2010/07/14 19:00～
定員 : 10 人
会場 : 株式会社サーフボード 1階会議室 （福井県福井市開発2丁目614）
参加費: 無料

ソロでやるも良し、ペアでキャッキャウフフやるも良し、そこは自由です。
先月開催されたjsdo.itをいじる会で扱ったjsdo.itを使うのもありですね。
個人的にはCSS周りに弱いので、まずはCSSのパートからやろうかと思ってます。

HTML5Rocks PLAYGROUND
http://playground.html5rocks.com/

※写経とは
仏教において経典を書き写すこと。経文の真髄を会得する大切な行法のこと。
何かを学ぶ初期段階には良い方法だと思います。


東京へは頻繁に行けない！北陸(福井、石川、富山)に住んでいても、HTML5や関連APIの勉強、情報共有をしていきたい人たちのコミュニティとして、Google GroupにHTML5-FITを作っています。
興味をお持ちの方、ぜひご参加ください。

HTML5-FIT
http://groups.google.com/group/html5-fit

Flex User Goupが勉強会全国ツアーを11都市で開催中

Flex User Goup(FxUG)では全国各地で開催していた勉強会が通算100回を超えました。
現在、通算100回を記念して、Adobe Systemsと一緒に全国行脚に出ています。

通常の勉強会とは趣向を変えて、地域を越えて、Flash/Flex/RIA好き/アルファギークの仲間達が交流し、情報交換できるようなプログラムにしています。

名古屋を皮切りに、札幌、京都、金沢、広島、仙台、熊本、沖縄、福岡、大阪、東京と全国11都市を巡ります。
是非、この機会に最寄りの会場で開催される全国ツアーに参加しませんか？

Flex User Group Japan Tour 2010
http://tour.fxug.net/2010/


金沢 - 6/19(Sat)
http://tour.fxug.net/2010/kanazawa/

広島 - 6/27(Sat)
http://tour.fxug.net/2010/hiroshima/


Adobe MAX 2010 in Los Angelesツアーに無料招待してくれるのプレゼントがあるみたいです。
全国ツアーイベントへの参加者数を考えると確率は高そうですね。

Adobe Systems提供の参加者プレゼント
http://goo.gl/FWEI

Python-FIT 0回目勉強会に参加してきた

Python-FIT 0回目
http://atnd.org/events/4352

Pythonの勉強会って、実は需要があったんだけど北陸では行われていなかったようで、今回0回目がPython-FIT(Fukui, Ishikawa, ToyamaのPythonグループ)主催で行われました。

メモ程度に...
Python-FITでは初めての勉強会開催なので、参加者で顔合わせ＆自己紹介。
みんなOpy好き。
次回以降、どんなことを勉強会でやっていきたいのかを皆で雑談。
とりあえずPython初心者が多いという事でPythonチュートリアルを眺める。

@aroma_blackからPython Challengeの紹介。
何をやりたいかのアンケートでは読書会、コードリーディングが人気。
コードリーディングが圧倒的割合。

セッション開始...
@rch850からDjangoの紹介。
@rch850はテストを書くためにPythonを使っている。

Django-nonrelっていうnon-relational(NoSQL)データベース向けのDjangoもあるらしい。
NoSQL=BigTableとかリレーショナルDB以外の総称。

@aroma_blackからPythonでDDDとSphinxの紹介。
DDDの解説本はPython Testingが唯一ではないだろうか by @aroma_black
DDD is not Domain Driven Development。
DDDの解説 => doctest&unittestの比較紹介 => doctestのデモ。

@yuuichiroからのWSGIの紹介
WSGI=Web Server Gateway Interface
WebサーバーとWebアプリケーション/フレームワーク間の統一的なインターフェース定義。
telnetでサーバーに接続してGETww
termtter - http://termtter.org/

セッションはここまでで、最後に次回はPythonチュートリアルを読み進めるということで、サテライトでどう実施するか検討。
私の方から仕事の朝会で実際に行っているMikogo+Skype音声通話を紹介。
みんなでMikogoを繋げて画面共有を確認。

メインの懇親会へ！
懇親会では、 @yuuitiro と最北端は最先端Talkをたっぷりとさせていただきました。
丸山先生の面白話が聞けて、すんごく楽しい時間でした。


最後に、福井で勉強会を開催する際には結構な割合で、(株)jig.jpと(株)サーフボードから支援いただいています。
振り返ってみるとGoogle Hackathon、FxUG、HTML5-FIT、Python-FITなどなど、いつもお世話になっているなと。
この2社のコミュニティへの貢献は大きいなーと感謝しています。
これからも是非よろしくお願いします。

Chrome拡張Hackathonやりませんか？

前回、Chrome Extensions with HTML5作ってみよう会のご案内をしましたが、
京都GTUGと連携して、Google Chrome ExtensionsのGoogle Hackathonを
4/17(土), 4/24(土)に福井県鯖江市の(株)jig.jp様にて、開催することになりました。

4/17に、Chrome Extensionsの解説と数名のグループに分かれて、
4/24に作るもののアイデアを考え(Ideathon)、そして4/24には
グループ毎に丸一日かけて実際の開発(Hackathon)をして頂きます。

Google Hackathonを1/31, 2/7にも開催したのですが、その時と同様に、
Google API Expertの山下大介氏をお迎えします。
さらに今回はGoogleの方にもご参加いただけるかもしれません。

優勝チームには全員にGoogleからTシャツなどのステキなグッズを
お贈りしますので優勝目指してがんばってください。

技術的な心配をされる方もいるかもしれませんが、事前勉強会や
IdeathonからHackathonまでの準備期間が十分にありますので
学生や初心者の方も安心してご参加いただけます。

ちなみに、前回のGoogle Hackathonでは、参加者の大半がGoolge App Engine未経験者でした。

=================================================================
『Google Hackathon for Chrome Extensions in 福井』 4/17(土) ＆ 4/24(土)
　詳細情報：http://goo.gl/5XQp
　お申込み：http://goo.gl/NgRf
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
■イベント概要
Google Chrome Extensionsをテーマに有志が集って、実際にみんなで手を
動かしてChrome Extensionsを作るイベントです。

Chrome Extensions初心者向けの勉強会もIdeathonの同日に開催しますので、
学生や初心者の方も安心してご参加いただけます。
ご友人、同僚を誘って是非ご参加ください。

『Chrome Extensionsって何ですか？』
Google Chrome(Chromium)ブラウザを拡張できる機能、Firefoxのアドオンに
相当するものです。

Chromeでは、一般的なWebサイトと同様にJavaScript/HTML/CSSを用いて
拡張機能を開発することができます。

また、ChromeがサポートしてるHTML5/CSS3の機能、また関連APIを使うことも
可能です。

現在、2000個以上の拡張機能がGoogleのギャラリーで公開されています。
https://chrome.google.com/extensions/

■日時：
　4/17(土)15:00～18:00 - Ideathon
　4/24(土)10:00～18:00 - Hackathon
　※4/17のIdeathon、4/24のHackathon、両日の参加が原則必要です。
　※4/17 13:00～14:30にはChrome Extensions初心者向けの勉強会が開催されます。

■定員：最大30名（事前登録制）

■参加費：一般：1500円、学生：無料
　※備品、遠方よりご参加いただくスタッフへの交通費に割当させていただきます。
　※ランチ代は各自ご負担となります（出前又は弁当等）。

■会場：めがね会館7F 株式会社jig.jp様 会議室
■主催・運営：京都GTUG、北陸エンジニアグループ、FITEA
■会場協力：株式会社jig.jp 様
=================================================================

Chrome Extensions with HTML5作ろう会 Vol.1 - 福井やります

HTML5のスピーカー/オーディエンス型の勉強会は何度かやってきたので、そろそろみんなで手を動かしても良い時期ですよね。
というわけで、4/7(水) 19:00から「Chrome Extensions with HTML5作ろう会 Vol.1 - 福井」というイベントをやります。

4/17(土), 4/24(土)には、京都GTUGと連携して、福井で2度目のGoogle Hackathon for Chrome Extensionsを開催いたしますので、予習にはもってこいです。
http://groups.google.co.jp/group/hokuriku_engineer/web/ghfukui-vol02

ATND参加申し込みページ
http://atnd.org/events/3852

■イベント概要
Google Chrome拡張(Extensions)をテーマに集って、Chrome拡張がどんなものなのか、
どうやって作るのかを学び、実際に手を動かして作るイベントです。

Chrome拡張って何？という段階から進めるので、学生や初心者の方も安心してお気軽にご参加ください。

『Chrome拡張(Extensions)って何ですか？』
Google Chrome(Chromium)ブラウザを拡張できる機能、Firefoxのアドオンに相当するものです。
Chromeでは、一般的なWebサイトと同様にJavaScript/HTML/CSSを用いて拡張機能を開発することができます。
また、ChromeがサポートしてるHTML5/CSS3の機能、また関連APIを使うことも可能です。

現在、2000個以上の拡張機能がGoogleのギャラリーで公開されています。

日時：2010/04/07(水) 19:00～21:00
定員：10名
参加費：無料
準備：ノートPC, MacBook等場所：(株)サーフボード 1階会議室
住所：〒910-0842 福井県福井市開発2丁目614
最寄駅：えちぜん鉄道勝山永平寺線「越前開発駅」徒歩5分
地図： http://www.surfboard.jp/profile/map_fukui.asp
駐車場： 会場横のうなぎやさんの駐車場をお使いください

内容：
1. Chrome Extensionsの紹介 (15分程度)
2. Chrome Extensionsの作り方の解説 (15分程度)
3. みんなでChrome Extensionsを作って動かしてみる (時間の許す限り)

WCAFセミナーにて、HTML5勉強会を福井でVol.2

3/12(金)に福井で「次世代ウェブを学ぶ、HTML5勉強会＠めがね会館」を開催しましたが、3/20(土)にWCAF Seminar Vol.3がありまして、その中でもHTML5のお話をさせていただきます。

WCAF Seminar Vol.3
日時：2010年3月20日(土) 13:30開始(13:00〜受付)〜17:00終了(交流会込)
場所：福井県福井市手寄1丁目 AOSSA 607研修室
参加費：500円(場所代とおかし代)
定員：30名
申し込み：こちらから

・『コミュニケーションの視点から考える
Graphic designerのweb design』(45分) @bun__

Graphic designとWeb designを行き来しながら日々仕事で考えてい
る事。コミュニケーションの視点から考える双方媒体の得手不得手
や、現場から見る違い、クライアントに関わる時に必要なデザイン
という考え方を1つの案件を追いながらお話しします。

・『ぎゅ〜っと濃縮、HTML5』(45分) @shoito

開発者の視点から、現在仕様策定中のWeb標準技術であるHTML5、
JavaScript APIについて紹介します。新たに追加される要素群、
アプリケーションプラットフォームとして重要な機能を担う
File API、 Geolocation、Web Workers、Web Storage...etc
まで、デモを交えて解説します。HTML5を使うためのTipsも。

・交流会
交流会セミナーと同じ部屋で、
ノンアルコールでお菓子をつまみながら情報交換など。

HTML5勉強会を福井でVol.1

3/12にjig.jpにて「次世代ウェブを学ぶ、HTML5勉強会＠めがね会館」が開催されました。

名称：HTML5勉強会＠めがね会館
内容：HTML5講義、HTML5お試しワークショップ＆発表会
場所：福井県鯖江市新横江2-3-4 めがね会館 7階 jig.jp（駐車場有）
日時：2010/3/12(金) 17:30 OPEN、18:00～21:00
定員：30名
http://fukuno.exblog.jp/12219692/

セッションとしては大きく分けて4本行いました。
1. ぎゅ～と濃縮、HTML5 @shoito (私)
2. HTML5を書いて動かすよ @rch850
3. ミニセッション @taisukef
4. HTML5min Ideathon @全員

1. ぎゅ～と濃縮、HTML5 @shoito (私)
HTML5と関連する仕様について、ぎゅっと詰めてサイト,ツール,Webアプリも合わせて紹介しました。
これは3/20(土)のWCAF Seminar Vol.3にVer. 2をお話させていただくことになっています。
興味のある方、是非いらしてください。

2. HTML5を書いて動かすよ @rch850
前のセッションとは違い、じっくりと動くものとそのソースコードを眺めながらのセッションでした。
やっぱり、深く理解するにはソースコードを読むのが一番ですね。

3. ミニセッション @taisukef
5分という短い時間で、HTML4、HTML5、スマートフォンアプリの話をしてくれました。
android 1.xはHTML5サポートがイマイチ、2.xはイケてる。Xperiaは1.6なのが残念！

4. HTML5min Ideathon @全員
私としては、これが一番楽しかったです。
近くの席の参加者と、HTML5と関連API(実装されていないものも含む)を使って
作ってみたいサイト/アプリのアイデアを5分で考え、30秒の時間内で発表するというものでした。

参加者が勉強会で理解したHTML5の知識をどう活かそうとするのか聞ける良い時間でした。
なお、アイデアソン優勝チームには書籍「HTML5&API入門」が贈呈されました(私物でしたが勢いで...)。
お願いですから一通り読んでくださいねw

他の参加レポート
html5勉強会in福井まとめ記事 @itsuki_kosen
http://d.hatena.ne.jp/itsuki_kosen/20100312/

[勉強会]HTML5勉強会に参加してきました。@shirokuro331
http://shirokuro331.net/wordpress/?p=457

当日のtwitter上での発言はハッシュタグ: #291html5でご覧いただけます。
http://twitter.com/#search?q=%23291html5

2010/03/22 追記

ぎゅ〜っと濃縮、HTML5

View more presentations from Sho Ito.

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技術者大交流会へ行ってきた

...あとで書く

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

金沢ウェブデザイナー忘年会に混ぜてもらった

ハッシュタグ #kz_wdbonen

@t32kさんの提案で行われた金沢ウェブデザイナー忘年会に、ディベロッパーな立場ですが混ぜてもらいました。
(ディベロッパー率1/16w)
以前、HTML5 TechTalkさせていただいたD社の方々と再会できそうだったのと、@vantさんとお会いしてHTML5の話ができそうだったので、twitterで「イイなー」とつぶやいたところ「どうぞ」みたいなノリで参加決定。
twitterの勢いって重要。

いつもはエンジニアの方々とばかり呑んでいるので、ウェブデザイナーの方々とお話できて新鮮でした。
男女比が半々になるのはウェブデザイナーの集まりだからこそ！エンジニアの集まりだと男女比は9:1ですもん。
プロジェクトで遭遇する問題や悩みはウェブデザイナーもディベロッパーも共通する部分が多いですね。
上から無茶な要求が降ってきたり、納期間近に仕様変更が発生したり。
職場の男女比が半々だったり、アイドルがいたりする点はうらやましいw

@vantさんとはHTML5の仕様や書籍、白石さん(@Shumpei)の話が出来て嬉しかったです。
HTML5の情報を日本語で提供してくれて、ありがたやーと感謝しています。
HTML5と言えば、2010年1月29日に金沢で「クラウドとAndroid/HTML5の最新情報」というセミナーがありますよ。
http://dgnet.isico.or.jp/etc/view.phtml?uk=00032922

総じて言うと2010年、石川県のWeb業界が盛り上がる可能性を感じる飲み会でした。
2010年はエンジニアのコミュニティと一緒に何かやりましょう！
参加者のみなさんありがとうございました。

2010年にはWCAIが結成されてるんだろうなー。
WCAF ・・・ Web Creators Association Fukui
WCAN ・・・ Web Creators Association Nagoya

参加者レポート

金沢ウェブデザイナー忘年会 - @t32k
http://warikiru.blogspot.com/2009/12/kanazawa-web-designers-year-end-party.html
金沢ウェブデザイナー忘年会 - @miki_arai
http://ameblo.jp/iblab-ma/entry-10422945750.html
金沢Webデザイナー忘年会に参加しました！ - @takumi0605
http://www.soda-lab.sakura.ne.jp/blog/?p=69
今年最後の - @ohumi_FB
http://demdm.net/blog04/?p=35
金沢webデザイナー忘年会 - @in0in0
http://d.hatena.ne.jp/in0in0/20100102/1262463819

ちょっと話題に挙っていたので紹介しておくと、私の使っている小さい名刺はpocketerで作ったものです。ここ↓
http://pocketer.jp/

shoito - ふりかえり2009

まだ、2009年は2週間くらい残っていますが、北陸エンジニアグループのふりかえりをしたので、私自身の活動についてもふりかえってみました。
まずは、毎週のように土曜日にいなかったり、平日の夜も発表資料を作ったり、プログラミングをしている私を広い心で許してくれていたパートナーに心底感謝します。
ありがとう！

今年をふりかえってみると勉強会/イベントへの参加、運営協力、主催させていただいたりと結構な数ありました。
北陸のコミュニティ活動はだいぶ活発になってきたので、これでも取捨選択はしているつもりです．．．

今年の活動を通して、私にとって大きな効用が3つありました。

まずは、Flex勉強会をFxUG北陸で継続的に活動を行ってきたおかげで、@coelacanth ＆ @hikaruworldと協力して、Adobe Developer Connectionに記事を書き、アプリケーションを作り、Adobe AIR Dayでセッションを担当することにつながったことです。
それはさらに、FxUG(Flex User Group)の全国の運営メンバーと一同に会し熱く語らうことにもつながりました。
Flex勉強会は2010年早々、100回目を迎えるので、是非FxUG全体で何か面白いことをやりたいものです。

そして2つ目は「世界有数の勉強会(遺産的な意味で) 〜Hokuriku.lang出張編〜」を主催し、「分かった気になるHTML5 〜開発者の視点から〜」のセッションを行ったおかげで、コミュニティを脱し、他社に招いていただきTechTalkができたことです。
いつもはIT技術者向けに話すのですが、ここではWebデザイナーさん達を対象に話をさせていただきました。
このようにコミュニティを脱し、他社の勉強会で話をする、そういった活動を今後もみんなで続けていきたいですね。
ちなみに、3月くらいに予定しているWCAF(Web Creators Association Fukui)に招待いただき、改善版のセッションを行う予定です。

平日夜に金沢でHTML5 TechTalkやってきたよ
http://blog.air-life.net/2009/10/html5-techtalk-in-kanazawa.html

3つ目は、コミュニティ活動を通じて、会社を超えた仲間が出来たことです。
コミュニティ活動で知り合っているため、年齢(入社年度)による上下関係はありません。
各メンバーが携わっている仕事も違いますし、注目している技術も違います。
そんなメンバーでも北陸に関係あること(在住/出身/興味)、自身のレベルアップ、楽しみたい．．．等々の理由から、束縛し合わず、ゆる〜くつながっています。
今後もこの良い意味でのゆるさを保ち続けたいですね。

-----
2009年の社外でのスピーカー回数は11回でした。
以下にリストアップしておきます。一部、SlideShareにアップロードしていなかったり、資料を使い回しているイベントもあります。

D&D Mashup Framework Durango
2/21(土) Flex勉強会60回＠北陸

D&D Mashup Framework Durango

View more documents from Sho Ito.

RIA百花繚乱
4/25(土) Flex勉強会66回＠北陸

Profusion of RIAs

View more presentations from Sho Ito.

Eclipse4SLでSilverlight開発 〜Macユーザーですけど何か？〜
7/18(土) Windows7 コミュニティ勉強会 with Tech Fielders北陸編

Silverlight development using Eclipse4SL

View more presentations from Sho Ito.

北陸エンジニアグループ紹介
8/1(土)FITEA定期勉強会

Introduce of Hokuriku Engineer Group

View more documents from Sho Ito.

ディベロッパーへデザインのススメ
9/12(土) Flex勉強会79回＠北陸

ディベロッパーへデザインのススメ

View more presentations from Sho Ito.

分かった気になるHTML5 〜開発者の視点から〜
10/3(土) 世界有数の勉強会(遺産的な意味で) 〜Hokuriku.lang出張編〜

分かった気になるHTML5 〜開発者の視点から〜

View more presentations from Sho Ito.

分かった気になるHTML5 〜開発者の視点から〜 for Webデザイナー
10/7(水) @t32k ＆ @coelacanth の働く会社で出張TechTalk


スティーブ・バルマーに会いにMDF09に行ってきた
11/14(土) Hokuriku.NET


Adobe AIR 2.0 - AIR Day miniセッション
11/21(土) Flex勉強会第87回@北陸


SORAAIとAIR 2.0 新API
11/26(土) Adobe AIR 2.0 beta公開プレス発表


SORAAIとAIR 2.0 新API
11/26(土) Adobe AIR Day

SORAAIとAIR 2.0 新API - Adobe AIR Day

View more documents from Sho Ito.

今年のコミュニティ活動をふりかえってきたよ - 北陸エンジニアグループ2009ふりかえり

今年から集まり始まったゆる〜いコミュニティ、北陸エンジニアグループ。
北陸三県、石川、富山、福井のIT技術者(ON/OFF)が各々の興味をテーマに勉強会を開催してきました。
Flex勉強会(FxUG)、Hokuriku.rb、Hokuriku.scala、世界有数の勉強会(遺産的な意味で) - Hokuriku.lang、Hokuriku.NET．．．etc。

Twitterで北陸エンジニアグループのメンバーが @kussy_y さんを誘ったところ快く参加してくださり、ふりかえりのファシリテートもしてくれました。
世界有数の勉強会では、@mizukurage さんが来てくれましたし、東京からのゲスト(スピーカー/ファシリテーター)では女性が多いようですね。
(といってもゲストの女性はまだ2人だけ・・・)

ふりかえりのスタイルとしては7人程度の3グループに分かれタイムラインで行いました(写真を撮っておけば良かった)。
1. 今年1年で開催された勉強会/イベントをみんなで付箋に書き、タイムライン上に列挙
2. 1で列挙したイベントに関して、その影響、感情を列挙
3. 2に関して、グループ内でディスカッション
4. 2に関して、他の人のモノを褒めちぎる
5. 今後、どうしていきたいかディスカッション
6. 各グループが発表
だいたいこのような進め方だったと思います。
ふりかえってみると今年は余裕で20以上の勉強会/イベントを行っていました。
確かに、勉強会ラッシュ時は毎週末、北陸の各地で勉強会が行われていたものです。

皆でディスカッションしていた中で気になったのは「勉強会の参加申し込み方法による参加障壁の高さについて」。
どういうことかと言いますと、勉強会/イベントへの参加に馴れていない、または初参加の方にとっては、
参加申し込み/キャンセルが簡単に出来る事は重要であり、そうでない場合、申し込み時にとても勇気がいるようです。
その点、ATNDはとても有効らしく、Flex勉強会(FxUG)について言えば、Wiki上での申し込みを止め、ATNDに移行したことをキッカケに参加してくれたという人がいるほどです。
主催側は出席者リストを出力できたり、申し込み人数を把握しやすかったりという理由でATNDに移行していたのですが、このような副作用があったとは知りませんでした。

全体で今後力を入れていこうとなったのは「告知活動」です。
北陸エンジニアグループは今年出来たばかりであり、まだまだ知名度が低く、またGoogleグループ参加者も多いとは言えません。
勉強会開催の告知はGoogleグループのML、Twitter、ブログ上をメインに行ってきましたが、何れかに気付かなければ勉強会/イベントに参加していただけません。
この辺は、メンバー自身の知名度を上げる(Twitter、ブログのフォロワーを増やす)、コミュニティや企業と連携する、記事を書く(グループ名付けて)などして徐々に解決していければなと勝手に思ってます。

他にも、ふりかえりを通して気付いたこと、考えさせられたことは多々あるのですがこれくらいに。
@kussy_y さんのファシリテートのおかげでふりかえりを円滑に進められたと思います。
参加/運営してくれた皆に感謝。
#hokueng

Adobe AIR Dayレポート - SORAAIセッションやってきた

2009/11/26に開催されたAdobe AIR Dayにてセッションを担当＆参加させていただいたので、そのイベントの報告です。


公式サイト
http://www.info-event.jp/adobe/air/

AIR Day関連レポートのはてブ
http://b.hatena.ne.jp/shoito/AIRDAY

AIR Dayでセッションを行うことになった理由
　Flex勉強会＠北陸(金沢)にて、Adobeの轟さんから「AIR 2.0を使ったサンプルアプリケーションの開発と記事の執筆をしませんか？」とお話を頂いたのがキッカケです。
　FxUG北陸は他の地域と違っていて、北陸3県のそれぞれに主催者がいて活動を行っています(対外的には北陸代表が私となっています)。この背景には、北陸の各県だけで閉じて活動を行ってはメンバーが集まらないのではないか？という北陸の勉強会事情があります。せっかく頂いたお話なので、私1人でやらずに3人で協力した方が面白いものができるだろうと協力を仰いだのでした。

Adobe AIR Day
　会場のネットワークの都合上、イベントのUstはなかったのですが、MineAPさんがAIR Day中のtwitter上での発言をまとめてくれているので、そちらも見ると雰囲気が少しでも分かると思います。
　イベント公式ハッシュタグ #AIRDAY

　<開催プログラム>
　1. AIR 2.0がどんなテクノロジーなのか、1.xから2.0でどう変わるのかを解説 by Adobe 轟さん
　2. 我々が実際にAIR 2.0を使用して開発したサンプルアプリケーションの紹介とAIR 2.0 新APIの使用方法、Tipsを解説。
　・airPort by 宮田さん
　・CommOn AIR by 有川さん
　・Touch Viewer by 廣畑さん
　・SORAAI by 伊藤(私)、盛川さん、西村さん
　・VoiceLauncher by 山本さん
　3. AIRコンテスト優勝作品 ブログパーツデスクトップの紹介 by quq.jp 飯田さん
　4. Q & A - 轟さん、Flash Playerチーム

　ここで紹介したサンプルアプリケーションに関しては全てAdobe AIRデベロッパーセンターに記事が掲載されています。
　全てのアプリケーションのインストーラー＆ソースコードがダウンロード可能ですので、興味のあるものがあれば是非ご覧ください。
　http://www.adobe.com/jp/devnet/air/

AIR 2.0プレス説明会
　Adobeがプレス関係者を招いてAIR 2.0を解説するイベントをAIR Day前に行いました。
　プレス関係者の方々が既に記事を書いてくださってるので、そちらも是非ご覧ください。

　<アジェンダ>
　1. AIR 2.0がどんなテクノロジーなのか、1.xから2.0でどう変わるのかを詳説 by Adobe 轟さん
　2. 我々が実際にAIR 2.0を使用して開発したサンプルアプリケーションを紹介(AIR Dayよりも短く１人5分程度で簡潔に)
　・airPort by 宮田さん
　・VoiceLauncher by 山本さん
　・CommOn AIR by 有川さん
　・SORAAI by 伊藤(私)
　3. AIRコンテスト優勝作品 ブログパーツデスクトップの紹介 by quq.jp 飯田さん

Flash Catalyst座談会
　Adobe AIR Day終了後、Flash Catalystのローカライズ担当チームと日本語ラベルの表記をどうすべきか自由闊達な意見交換を行いました。AdobeはFlash, Illustrator, Photoshop, ....と数えきれない程の製品を抱えているので、既存のAdobe製品とかけ離れないことが条件となり、ローカライズは大変だろうなと思います。しかし、既存のAdobe製品でも分かりにくい表記があるので、ラベルの改善、ユーザーインターフェースの改善などのフィードバックなども行われました。
　一方的なアンケートだけでなく、”製品を使用している”デザイナー/開発者を招いてその声を聞く、リアルタイムにコミュニケーションを取れるのでフィードバックを得る良い手段でしたね。是非、今回の声を少しでも反映していただきたいです。

懇親会
　全国のFxUG(Flex User Group)の代表者が集まるということで、東京のFxUGメンバーが懇親会を開いてくれました。仙台、東京、北陸、大阪のメンバーが集まり顔合わせ、情報共有、今後の活動、ON/OFFのことをワイワイがやがやと話し合う良い機会となりました。
　ちなみに会場の食べ物がすこぶる旨かった！ ← taigaさんのおかげ

朝5時起きして福井から東京へ向かって十二分に満足できた1日でした。
ほんと楽しかったです！
イベントに関わったみなさんに感謝かんしゃです。

SORAAI in AIR Day

View more documents from Sho Ito.