Kawanet Blog III

川崎有亮(かわさきゆうすけ)のブログです。はてなに引っ越してきました。

9/8 HTML5 ConferenceでBlue Light Filterを発表 #html5j

9月8日(土)は、慶應義塾大学の日吉キャンパスで開催された HTML5 Conference に参加し、最後のスペシャルセッション内のライトニングトークで発表させて頂きました。

  

photo

大きな会場。500人は入るらしい。全体でも1,000名近い来場者があった模様。

ほかの技術系のカンファレンスとは少し客層が違う感じがしました。デザイン系とかゲーム系の人もいたっぽい。入れ替え時間には各ホールの前に列を作って並んだり、発表内容を詳しくメモを取ったり、皆さん真面目に参加されている印象でした。

  

photo

川崎は、ライトニングトークのトップバッターでした。

 

photo

HTML5 恐怖の真実から始まり、いくつかの真実を紹介させて頂きました。(全てネタに走っています)

  

発表資料は、SlideShare に上げました。

  

photo

最後は、檀上にスタッフ・スピーカーが登って記念撮影。

 

当日は激しい体調不良のため、残念ながら他のトークも参加できず(Ust で見てました)、懇親会にも顔も出せずに帰宅してしまい、失礼しました。

8/4 #LLDecade で LT 発表しました

8月4日(土)は銀座ブロッサムで、10回目となる Lightweight Language イベント LL Decade が開催され、ライトニングトークのスピーカーとしてご招待いただきました。

今年は、東京とサンフランシスコを毎月のように往復していますが、ちょうど7月末で帰国するスケジュールだったので、LLDecade にも参加することができました。

LT では、今年の US での活動を通して少し感じていること、oDesk などクラウドソーシングでプログラマがどうなるのか考えました。10回目の節目イベントとはいえ、そんな真面目な話だけでも LT らしくないので、後半はデモを紹介しました。

 

photo

銀座ブロッサムの大きな会場。午前の部は、Miyagawa さんの基調講演でスタート。

 

photo

この LT のツワモノの皆さんと並んで発表するのも、緊張します。
馴染みの顔の和気あいあいとした中でも、他のスピーカーがどんなネタをどれだけ仕込んでくるのか、関係者控え室でも発表が始まった舞台袖でも、熾烈なせめぎ合いが続いていました。(誇張気味)

 

photo

後半のデモは、本邦初公開の新テーマ Blue Light Filter です。

LT 発表資料は、(SlideShare でなくて)今回は SpeakerDeck に上げました。
 

SpeakerDeck の embed 機能は、iframe でなくて script タグなので、はてなブログに貼るのは面倒ですね。次回からは SlideShare にします。

はてなブログに引っ越してきました。

2005年から使っていた BIGLOBE ウェブリブログ から、はてなブログ に引っ越してきました。

よろしくお願いします。

 

前のブログ:Kawanet Tech Blog II - http://kawa.at.webry.info/

f:id:kawanet:20120919022747p:plain

 

お手軽お気楽ブログツールといえば最近は Tumblr をよく使うので、はじめは引越し先として Tumblr を試してみたものの、Tumblr で javascript: スキームのリンクを貼るのは面倒だったので、今回の用途では使いづらく、撤退。問題なくリンクを貼れた、はてなブログを使うことにしました。

 

はてなブログは「みたまま編集」モードでも、吐かれる  HTML ソースは素直でいいですね!

<p> タグが綺麗に並んで、余計なタグやスタイルが入らない。

 

<a href="javascript:alert('Hello,%20world!')">Hello</a>

みたいなソースコードを本文中に貼るのも、はてななら、きっと楽でしょ!?と思ったんだけど、そうでもないか。<pre> タグは自分で書かないといけないのかな。まあ許容範囲。<tt> とかも。

 

Flickr にある横幅 640px の写真を張りたいので、CSS は少しカスタマイズしてみた。

#main { width: 640px; }
#wrapper { width: 700px; }
#container { width: 940px; }
.date { left: 0; position: relative; float: right; margin-bottom: 10px; border-right: none; text-align: right; }
.entry-title { border-bottom: 2px solid #ddd; }
.entry-content h1, .entry-content h2, .entry-content h3 { border-bottom: 1px solid #ddd; }
pre { font-family: Osaka-mono, monospace; line-height: 133%; } 

本文の横幅をデフォルトより 80px 広げた状態で、日付欄が左側にあると横幅が1000pxを超えてしまい、iPad でイマイチなので、日付欄は右側に移動してみた。