GoogleDeveloperDay2009に行ってきた！！vol.2

勉強会

HTML5のセッションのメモ書きです。

  • HTML5の内容
    • HTML5はアプリケーションプラットフォーム
    • HTML4までは構造文書を定義するという姿勢だった
    • HTML5は構造化文章として強化するとともに
      • アプリケーションを作るための要素が追加
      • 挙動の定義
      • 様々なAPIの定義(文章と関係ないAPIも定義)
    • アプリケーションを動かすための標準プラットフォームを定義する規格へ
      • 長期的な目標はOSネイティブアプリケーションに匹敵するような機能をOSに依存することなく作る
    • HTML5がウェブの使いやすさを向上させる
      • オフライン関連機能
      • SVG,MathML,canvas,audio,videoなどによる表現力の向上
      • メニューやフォーム強化
    • HTML5が開発を容易にする
      • プラグイン無しでサービスを提供可能
      • メニューやフォーム検証には大量のスクリプトコードが必要であったが、HTMLの記述だけで可能になる
      • 規格で曖昧だった点や全く標準規格が存在しなかった部分が規格化されることで、ブラウザの非互換部分が減少
    • ドラッグ＆ドロップ機構
    • contenteditabe属性の標準化
    • ドキュメント間メッセージング
    • ルビ
    • SVG関連
  • 規格の概要
    • HTML5は10年ぶりの新バージョン
      • HTML4,XHTML1.1,DOM Level2 HTMLを包含し、機能を加える規格
      • XHTML2およびXformは含まない
      • W3Cの規格となるが、実作業はWHATWG
  • HTML5は４つの規格で構成
    • 元は１つだったが、あまりに巨大な為分割された
    • 現在すべてWorking Draftの状態
    • Editorによると2009年10月に最後のWorking Draft
  • HTML表記とXHTML表記
    • HTML表記とXHTML表記をサポートする
    • SVGとMathMLはXHTMLの時のみサポート
  • Web Workers
    • マルチスレッドの為の仕組み(バックグランドでスクリプトを実行する)
    • 毎回新しいスレッドを生成するWorkerと複数のウィンドウで共有できるSharedWorker
    • ウィンドウを閉じても動き続けるpersistent workerを議論中
  • Web Sockets
    • 複数のプロトコルでサーバと文字列の送受信する仕組み
      • HTTPではないので、サーバ側での実装も必要
    • XMLHttpRequestと比べるとオーバヘッドが小さくリアルタイム性が高い
  • Web Storage
    • クライアント側にデータを格納する仕組み
    • データ形式２つ
      • ストレージ型・・・key-value形式で保存。クッキーみたいな使い方？？
      • Database型・・・SQLを使える。ストレージ型に比べ時間がかかるので、同期実行、非同期実行を選べる
    • アプリケーションキャッシュ
      • キャッシュしても良いURL、しないでほしいURLを宣言
      • ブラウザがオンライン時にはキャッシュされていないURLを先読みし、オフライン時にはキャッシュを使う
      • メリットはHTTPのヘッダをごにょごにょしなくてすむ
    • フォームの強化
      • input要素の新タイプ(search,url,email,time,datatime-local,number,color)
      • フォーム検証機能
        • 検証をパスしないとsubmitしない
        • スクリプトで任意のタイミングでバリデートすることが可能
        • inputタグに直接バリデートする正規表現を記述する(＜input type="url" pattern="正規表現"＞)
    • メディア要素(canvas)
    • メディア要素(video,audio)
      • img要素と同じようにメディアの再生が可能
      • APIを操作する事により、再生を制御することが可能
    • アプリケーション向け要素：menu要素
    • アプリケーション向け要素：datagrid要素
      • まとまったデータを表現する
      • リスト構造、木構造、表を扱う
      • ソートが可能
    • アプリケーション向け要素：progress要素meter要素
  • 構造化文書向け要素
    • section,,article,aside,header,footer,nav,timeなど
    • ページの中の要素を定義できる。
    • コンピュータ(botとか)が理解出来るページになる


次は何見るかなー

GoogleDeveloperDay2009に行ってきた！！vol.1

勉強会

6/9にGoogleDeveloperDay2009があるので、参加してきました。
とりあえず、メモ書きを公開します。

  • .基調講演
    • 基調講演が始まる前はGoogleChromeを使ったHTML5のデモがあった模様(Google I/Oのやつ？？)
    • 日本は中国に続いて技術者が多い
    • 加速するWebプラットフォーム
    • Googleは加速度的に成長している
    • 克服される多くの課題
      • グラフィックス、ロケーション、ストレージ、スピード
  1. canvas
  2. video
  3. geolocation
  4. app cache/database
  5. web workers
  • HTML5のデモ
    • canvasタグを使ったデモ
    • プラグイン(シルバーライト、Flash)を使わないでもブラウザとjavascriptで実現可能
    • HTML5でビデオタグが導入されるらしい
    • 再生中のビデオを回転させつつ再生することがjavascriptで実現可能
    • 複数のタスクをパラレルに実現可能(あたかもそれがOSで実現しているよう)
    • WebSockets,Notifications,rich text Editing
    • Mac、linux版GoogleChromeが今週末出るらしい(非常ーに不安定)
  • Google携帯OSのアンドロイドについて
    • docomoでも今月アンドロイド携帯がでるので、その紹介
    • スマートフォンは伸びている
    • HT-03Aは「携帯するGoogle」
    • 永田さん「魅力あるアプリケーションをご提供ください」
  • アンドロイドマーケットのお話
    • オープンなマーケット
    • AndroidMarketはAppleのアンドロイド版といった印象
    • 最初の数ヶ月間は無料のアプリケーションしかありません
    • 40年前に登場した電子メールのフローはもう古い
    • Googlewaveは人を結びつけるもの
  • Google Waveのデモ
    • 遅延もなく、スムーズに画面がレンダリングされてる(この辺はCometで実現？？、新しいプロトコルだっけか？？)
    • Web上に画像をドラッグすることでアップロードが実現できる
    • パブリッシング(公開)
      • リアルタイムにBloggerに書ける
      • モバイルでも同様の画面を見える
    • スケジュール管理のガジェット
    • Google Waveのアカウントが今日の参加者にもらえるみたい！！


これから午後の部も書きますーー♪

第16回GenesisLightningTalksに参加してきた

勉強会

先週は第16回GenesisLightningTalksに参加してきました。(http://wiki.somethingnew2.com/lt/index.php?Events%2F2009%2F05)に
場所は前回に引き続き日本オラクル(http://www.oracle.com/lang/jp/index.html)で行われました！！



今回のテーマは「笑い」
LTのネタが思い浮かばなかったので、今回は聞く側として参加。




■kwappaさん
タイトル「笑えるプログラミング」
笑えるソースコード、テキストにおける笑いの表現のお話。
「Grass」(草を生やす言語!?)の紹介などなど





■せんせーさん
タイトル「yamaguchiintlabメソッド」
前回のGenesisLightningTalksで皆のド肝を抜いたyamaguchiintlabメソッドのお話。
・キテレツはコロ助なり
・スポーツカーのお話
・英語のお話
MR-Sかっこいい！！　いいなー♪




■myfinderさん
タイトル「ニコニコメイキング〜よい笑顔の作り方〜」
笑顔についてのお話。
LTの中で皆で笑顔を作り方を実践しました。
「幸せだから笑顔じゃなく、笑顔だから幸せなんじゃね？」
という名言が飛び出しました。





■arihhさん
タイトル「お笑いの歴史」
OOPJog(http://groups.google.co.jp/group/oopjog?hl=ja)でお会いしたarihhさんのLT。
日本の歴史においてのお笑いのお話。
まさか、日本オラクルで「鉄棒ぬらぬら先生」という単語を聞くとは思いもよりませんでした・・・





■regtanさん
タイトル「「痛車乗りだけどニコ動いじってみたよ」」
java-jaのregtanさんのお話。
痛車乗りについての解説がありつつ、ニコニコ動画をAPIを使ってごにょごにょすうお話。





■Ryunosukeさん
タイトル「笑うサルの生活」
全身ピンクタイツw
オラクルがこのビルに移ってからタイツを着たのはRyunosukeさんが初めてだそうです。
開始３分まで喋らないLTでした。
この時のライブ感(場の緊張感!?)は動画を見るべき！！






■すぎゃーんさん
タイトル「良いこの楽しいワンライナー」
ワンライナーで名を馳せているすぎゃーんさんのお話
perl -e 'print "Hello World!\n"' #プログラムの基本ハローワールド
から始まり、
perl -le 'print 42' #人生、宇宙、すべての答え
に終わるワンライナーのお話





動画は下記で見られます。動画をアップして頂いたyoozoosatoさんありがとうございます。
http://www.youtube.com/view_play_list?p=86C8A42C76C23DFE





また場所を提供して下さったid:yokatsukiさんありがとうございます。
日本オラクルは素晴らしい会場でした。
会場での写真をご紹介したいと思います。




会場すっげーー（＠＠）




ビルからの夜景綺麗ーー♪




オフィス綺麗ーー！！




社員犬のウェンディだっ！！(http://www.oracle.co.jp/press/wendy/)

#残念ながら中の人不在の為(ぬいぐるみの為)、ピクリとも動きませんでした・・・orz
#ウェンディ出勤日は毎週水曜日 12：30〜13：30のようです。。




懇親会はオラクルのビル地下１Fにあるプロントで行われました。
そして懇親会ではPOKEN(http://poken.jp/ja/)祭りが勃発しました！！！！

最近POKENも徐々に取り上げられています。
今後に激しく期待してます！！





スタッフの皆様、参加して下さった方々ありがとうございましたーーm(_ _)m

体育の時間◆2限目◆フットサル(20090509)

NPO

5/9にNPO Reflection Projectのスポーツイベントで「体育の時間」を行いました。
「体育の時間」というのはスポーツで身体を動かして、心も身体もリフレッシュするという活動です。
第一回のレポートはコチラ（http://www.reflect-pj.org/report/2008/03/taiku1.html）





第一回と同じく今回も横浜そごう屋上のコートでフットサルを行いました。
今回は14 名の方に集まってもらいました。
参加者のみなさん、お疲れ様でしたm(_ _)m





活動日: 2009年5月9日 (土) AM10:30〜PM0:30
会場 : 横浜 ShunsukePark
天気 : 晴れ





今回は３つのチームに分け、5×5で試合を行うという形式をとりました
#人数が足りない場合は試合を行っていないチームが入って試合を行います。
下記活動の様子です。




↑私は今回イベントのスタッフとしても参加しているので、家に偶々あったサマソニのスタッフTシャツで参加しました・・(汗)




この日は関東で夏模様という非常に晴れた日でした。
天気も良い中でフットサルを行う事が出来ました♪





進行に協力していただいたみなさま、ありがとうございましたm(_ _)m
ご意見・感想などありましたら気軽にご連絡ください。
また、今回参加費の一部は日本障害者スポーツ協会に寄付させて
頂きます。





【告知】
今の所、次回の「体育の時間」は7/25(土)を予定しています。
詳細が決まりましたらまたご連絡致します。
宜しくお願い致しますm(_ _)m

第15回GenesisLightningTalksに参加してきた

勉強会

色々あって、Blogを書いてませんでした＞＜

先週木曜は先月に引き続きGenesisLightningTalksの15回に参加してきました！！
http://wiki.somethingnew2.com/lt/index.php?Events%2F2009%2F04








今回の場所は最近サンを買収して話題になっているORACLE！！！！
というわけでORACLEに行ってきましたーー！！
id:yokatsukiさんありがとうございますm(_ _)m








今回のテーマは場所がORACLE日本本社ということもあり、「DB」に関するものをLightning Talkするというものでした。
DBという事で私は「DocomoのBadノウハウ」について喋ってきましたーー。
資料はコチラ(http://handsout.jp/slide/1356)







本当はdocomoの事についてももっと話したかったのだけど、5分で纏めるのは難しい＞＜
もっとうまく発表したい。







この日は福岡からustがあったりと忘れられない一日となりました。
今回を象徴する言葉はid:taigouさんのおっしゃられた「DramatickなBenkyoukai」です。
本当に楽しい会でした。






そして次回のテーマは「笑」です！！
何を話すか考え中ー

恵比寿でゴミ拾い(20090419)

NPO

19日は恵比寿でゴミ拾いに行きました！！


今回は私がリーダーなので、少し早めに恵比寿に行ってRPスタッフのtaniさんとゴミ拾いについて打ち合わせ。。
コースとか時間とかかなり詳細に詰めました。







10時過ぎて人が集まってきたところで恵比寿でゴミ拾い開始！！
http://www.flickr.com/photos/37325443@N07/3457573937/









がっ、、、予想だにしない大人数の為、全員にトングが回りませんでした…orz
後の記念写真の人数で分かったのですが、なんと今回の参加人数は41人でした！！
確保しているトング数は20数個程の為全然足らない訳です・・・(*_*)






また今回は三菱UFJメリルリンチPB証券の方々がゴミ拾いに参加して下さりました(^-^)
そしてさらに今回はRPの活動が載ったTOKYO METRO NEWS(http://d.hatena.ne.jp/shiotty/20090407/1239058073)を見てゴミ拾いに参加という方もおられました！！
メディアの力って凄いですね♪
とても嬉しいです。








今回のコースはまず、恵比寿駅東口の所からゴミを拾って、その後恵比寿ガーデンプレイスを経由して、恵比寿公園に向かうというコースです。
41人という大人数なので、自然といくつかのグループに分かれましたが、私は先頭集団と一緒にゴミを拾っておりました。
そして11:20位に恵比寿公園についてゴミ分別開始！！
やはりすごいゴミの量になっております(＠＠)
http://www.flickr.com/photos/37325443@N07/3458391996/







そして最後は毎度同じくみんなで記念撮影。
http://www.flickr.com/photos/37325443@N07/3457580981/








今回は本当に沢山の方々に恵比寿に来ていただきました。
あろがとうございますm(_ _)m
トングの数等まだまだ課題は沢山ありますが、少しずつ改善してゆく予定です。
これからも「恵比寿でゴミ拾い」を宜しくお願いいたしますm(_ _)m



【告知】
来月5/9に横浜でフットサルやります！！
私は久々に運動するのでかなり張り切ってます！！
(前回は張り切りすぎて足がつりました・・・orz)
このイベントにもし興味がありましたら参加してみてはいかがでしょうか？
http://www.reflect-pj.org/schedule/2009/04/taiiku-090509.html

アースデイに行ってきた！！！！

Eco Rock

4/18-19に代々木公園で開かれているアースデイ(http://www.earthday-tokyo.org/)に行ってきました！！！！
行くのは今回で3回目になります。
ちなみに初めて参加した3年前は私たちと同じく恵比寿で活動をしておられるNPO法人 GoodDay(http://www.goodday2u.org/)さんのイベントに参加してきました。(http://we-love-ebisu.blog.drecom.jp/archive/11)
これは2007年の缶バッチ(http://www.flickr.com/photos/37325443@N07/3453952454/)








今日は仕事とか、その他もろもろの関係で結局アースデイの会場についたのが19時前となっており、殆どのテントは閉まっておりました・・・orz
響(http://www.npohibiki.com/)さんのブースとかgreenbird(http://www.greenbird.jp/)さんのブースとか見たかったーー＞＜








ブースを見回ったあとは、アースデイのフリーライブに参加してきました。
アースデイでは毎年フリーライブがあるらしく、自分が参加するのは今回で2回目。
去年の今頃はチベット問題とか大変な時期でしたがこの時フリーライブをやった佐藤タイジさんはとても良い事を言っていた♪
(この時佐藤タイジさんはフリーチベットとか、かなりきわどい発言連発だったので、マジ捕まるじゃないかと心配でした＞＜)









ライブ会場に着いたのが19時きっかり、もう真っ暗です。(http://www.flickr.com/photos/37325443@N07/3453113655/)
19時から始まるのが曽我部恵一BAND！！俗に言うソカバン！！！！


下記はセットリスト。

                                                                        • -

01 恋人たちのロック

02 トーキョー・ストーリー

03 キラキラ！

04 海の向こうで

05 五月になると彼女は

06 テレフォン・ラブ

07 ミュージック！

08 青春狂走曲

09 永い夜

encore

10 LOVE-SICK

11 mellow mind

                                                                        • -


セットリストはソカバンライブブログ(http://d.hatena.ne.jp/live-sokabe/20090418#1240074711)より拝借・・・(汗)
曽我部さん仕事早いなぁ。






ライブはいつものように円陣を組み、やはりいつものように原曲より1.5倍程テンポの早い「恋人達のロック」(http://www.youtube.com/watch?v=UrEhVa5wUfM)からスタート。
今日のライブでは9曲目の「永い夜」って曲がとても印象的でした。
ずっと聞きたかった曲で、平和の事を歌った曲です。
今回のイベントに最も相応しい曲かと思います。とても素晴らしい歌♪
そして今日この曲が収録された2ndアルバム「ハピネス！」を購入することに決めましたっ！！！！







さて今日は10時から恵比寿でゴミ拾い(http://www.reflect-pj.org/schedule/2009/04/ebisu-090419.html)です。
頑張らなくちゃ！！