1. 舐め回す会
ブログDiv 山田友典

2. アジェンダ
● 新エディタの技術的背景
○ YUI
○ closure tools
○ WYSIWYG
○ compatibility view
○ アプリケーションログ

3. YUI
● V2
● OOP
● CDNとloader
● local storage

4. YUI - oop
クラス化されたライブラリ構成
http://developer.yahoo.com/yui/docs/YAHOO.widget.Editor.html

5. YUI - oop
継承やmixinのサポート
var Class1 = function(info) {
alert("Class1: " + info); }; Class1.prototype.testMethod = function(info) { alert("Class1: " + info); }; var Class2
= function(info) { Class2.superclass.constructor.call(this, info); alert("Class2: " + info); }; YAHOO.lang.
extend(Class2, Class1); Class2.prototype.testMethod = function(info) { Class2.superclass.testMethod.call
(this, info); alert("Class2: " + info); }; var class2Instance = new Class2("constructor executed");
class2Instance.testMethod("testMethod invoked");

6. YUI - CDNとloader
● view-source:http://blog.ameba.
jp/ucs/entry/srventryinsertinput.do?editor_flg=2
● http://developer.yahoo.com/yui/articles/hosting/

7. closure tools
● closure templates
○ 小さなMVC
○ HTMLがそのままかける
○ 適度なロジック
○ soy → js

8. closure tools
● closure templates
● closure compiler

9. closure tools
● closure compiler
○ optimization level
■ SIMPLE_OPTIMIZATION
var
■ ADVANCED_OPTIMIZATION

10. WYSIWYG
● contenteditableとdocument.designMode
● document.execCommand
● キャレットと選択範囲
● browserscope

11. compatibility view
● ドキュメントモードとブラウザモード(ie8)
● compatibility view list
○ kb978506とkb2447568

12. アプリケーションログ
● クライアントサイド
○ スタックトレース
● サーバーサイド
○ GAE
○ analytics