Java_script_day

182 views
160 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
182
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Java_script_day

  1. 1. 舐め回す会ブログDiv 山田友典
  2. 2. アジェンダ● 新エディタの技術的背景 ○ YUI ○ closure tools ○ WYSIWYG ○ compatibility view ○ アプリケーションログ
  3. 3. YUI● V2● OOP● CDNとloader● local storage
  4. 4. YUI - oopクラス化されたライブラリ構成http://developer.yahoo.com/yui/docs/YAHOO.widget.Editor.html
  5. 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. 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. 7. closure tools ● closure templates ○ 小さなMVC ○ HTMLがそのままかける ○ 適度なロジック ○ soy → js
  8. 8. closure tools ● closure templates ● closure compiler
  9. 9. closure tools ● closure compiler ○ optimization level ■ SIMPLE_OPTIMIZATION var ■ ADVANCED_OPTIMIZATION
  10. 10. WYSIWYG● contenteditableとdocument.designMode● document.execCommand● キャレットと選択範囲● browserscope
  11. 11. compatibility view ● ドキュメントモードとブラウザモード(ie8) ● compatibility view list ○ kb978506とkb2447568
  12. 12. アプリケーションログ● クライアントサイド ○ スタックトレース● サーバーサイド ○ GAE ○ analytics

×