2011年10月22日に関内ルノアールで催された第2.0回Yokohama.jsの模様のレビューです。

1. jQueryプラグインのライブコーディング　by @ginpei_jp
2. フォームのファイルアップロード機能 by @yo_waka
3. CSS3のアニメーションで困ったこと by @hokaccha
4. iOS5のSafariでできるようになったこと by @GeckoTang
5. 現在製作中の、JS製テンプレートエンジン by @kyo_ago
6. Togetterのまとめ

jQueryプラグインのライブコーディング　by @ginpei_jp

jQueryのプラグインを作ってみた (Yokohama.js) – jsdo.it – share JavaScript, HTML5 and CSS

参考URL

• とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com

フォームのファイルアップロード機能 by @yo_waka

ファイルアップロード機能の実装に関する発表。

• ライブラリを利用する（Plupload等）
• HTML5のFileAPIをメインに利用して、swfやiFrameを使ったフォールバックを整える
• その他各環境での不具合や解決策等

参考URL

• Plupload – A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus

CSS3のアニメーションで困ったこと by @hokaccha

CSS3のアニメーションで困った経験に関する発表。

• @-webkit-keyframesを使うと、アニメーション完了後に初期値に戻ってしまい、おかしな挙動になる。
• SVGだとfill=”freeze”とするとちゃんと止まる
• -webkit-animation-fill-mode : forwards ; 等するとちゃんと止まる
• まだエディターズドラフトなので今後どうなるか

参考URL

• CSS Animations via http://dev.w3.org

iOS5のSafariでできるようになったこと by @GeckoTang

参考URL

• position:fixed;などのサンプル / iOS5で確認祭会場 – jsdo.it
• iOS4.3とiOS5のsafariの比較表 / When can I use… Support tables for HTML5, CSS3, etc
• position:fixed;のバグ修正用JS / A (partial) fix for iOS5 overflow scrolling (ScrollFix.js) » Joe Lambert

現在製作中の、JS製テンプレートエンジン by @kyo_ago

目下製作中のJavaScriptテンプレートエンジン「ShowTen」の紹介

• 近々公開予定とのこと
• テンプレートタグの追加
• テンプレートファイルのインクルード
• テンプレートファイルを継承

Togetterのまとめ

第2回くらいYokohama.js (#yjs20111022) – Togetter