SlideShare a Scribd company logo
1 of 34
舐め回す会 ブログ Div  山田友典
アジェンダ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
自己紹介 ,[object Object],[object Object],[object Object],[object Object]
自己紹介 ,[object Object],[object Object],[object Object],[object Object],[object Object]
機能紹介 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
新エディタの現状 ,[object Object],[object Object],[object Object],[object Object],[object Object]
YUI ,[object Object],[object Object],[object Object],[object Object]
YUI - oop ,[object Object],[object Object]
YUI - oop ,[object Object],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");
YUI - CDN と loader ,[object Object],[object Object]
closure tools ,[object Object],[object Object]
closure tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
小さな MVC
作業者の MVC ,[object Object],[object Object],[object Object]
HTML がそのまま書ける ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
適度なロジック ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
soy -> js ,[object Object],  java -jar SoyToJsSrcCompiler.jar --outputPathFormat template.js template.soy
closure tools ,[object Object],[object Object],[object Object],[object Object],[object Object]
-optimization level ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
-extern ,[object Object],[object Object],[object Object],[object Object],-extern jquery.js
非コンパイル空間への export ,[object Object],[object Object],[object Object],[object Object],window["Amb"]                  = window.Amb; window["Amb"]["Ameblo"] = window.Amb.Ameblo;
コンパイル ,[object Object],[object Object],[object Object],[object Object],java -jar compiler.jar --compilation_level ADVANCED_OPTIMIZATIONS --js hello.js
WYSIWYG ,[object Object],[object Object],[object Object],[object Object]
contenteditable と document.designMode ,[object Object],[object Object],[object Object],[object Object],[object Object]
document.execCommand ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
キャレットと選択範囲 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
browserscope ,[object Object]
compatibility view ,[object Object],[object Object]
ドキュメントモードとブラウザモード ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],&quot;Mozilla/4.0 (compatible;  MSIE 7.0 ; Windows NT 6.0;  Trident/4.0 ; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)&quot; if  (YAHOO.env.ua.ie  &&  YAHOO.env.ua.ie  <   8 ) {  // rewrite class for IE < 8      Y.Selector.attrAliases[ 'class' ]  =   'className' ; Y.Selector.attrAliases[ 'for' ]  =   'htmlFor' ;  }
compatibility view list ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
アプリケーションログ ,[object Object],[object Object]
スタックトレース ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
スタックトレース ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
サーバーサイド ,[object Object],[object Object],[object Object]

More Related Content

What's hot

Phpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerPhpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerHideo Kashioka
 
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJSエンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJSAyumi Goto
 
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識Hishikawa Takuro
 
20120327 phpstudy58-phake
20120327 phpstudy58-phake20120327 phpstudy58-phake
20120327 phpstudy58-phakeKatsuhiro Ogawa
 
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016Takayuki Shimizukawa
 
Ruby on Rails Tutorial Chapter8-10
Ruby on Rails Tutorial Chapter8-10Ruby on Rails Tutorial Chapter8-10
Ruby on Rails Tutorial Chapter8-10Sea Mountain
 
Knockout を用いた Firefox OS アプリケーションの開発
Knockout を用いた Firefox OS アプリケーションの開発Knockout を用いた Firefox OS アプリケーションの開発
Knockout を用いた Firefox OS アプリケーションの開発Kentaro Iizuka
 
DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話Nakazawa Yuichi
 
ng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターンng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターンHayashi Yuichi
 
PHP の GC の話
PHP の GC の話PHP の GC の話
PHP の GC の話y-uti
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップYasuhito Yabe
 
Async Enhancement
Async EnhancementAsync Enhancement
Async Enhancementkamiyam .
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2Nishida Kansuke
 
Xamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみたXamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみたHironov OKUYAMA
 
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべるAngular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべるMasashi Haga
 
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門spring_raining
 

What's hot (20)

Phpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginerPhpcon tokyo 20120_bigginer
Phpcon tokyo 20120_bigginer
 
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJSエンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
 
AngularJS入門
AngularJS入門AngularJS入門
AngularJS入門
 
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
 
20120327 phpstudy58-phake
20120327 phpstudy58-phake20120327 phpstudy58-phake
20120327 phpstudy58-phake
 
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく - Django Redshift Backend の開発 - PyCon JP 2016
 
Ruby on Rails Tutorial Chapter8-10
Ruby on Rails Tutorial Chapter8-10Ruby on Rails Tutorial Chapter8-10
Ruby on Rails Tutorial Chapter8-10
 
Knockout を用いた Firefox OS アプリケーションの開発
Knockout を用いた Firefox OS アプリケーションの開発Knockout を用いた Firefox OS アプリケーションの開発
Knockout を用いた Firefox OS アプリケーションの開発
 
DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話DjangoでさくっとWeb アプリケーション開発をする話
DjangoでさくっとWeb アプリケーション開発をする話
 
ng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターンng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターン
 
PHP の GC の話
PHP の GC の話PHP の GC の話
PHP の GC の話
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
 
Async Enhancement
Async EnhancementAsync Enhancement
Async Enhancement
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
 
HTML5, きちんと。
HTML5, きちんと。HTML5, きちんと。
HTML5, きちんと。
 
WordPressとjQuery
WordPressとjQueryWordPressとjQuery
WordPressとjQuery
 
Xamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみたXamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみた
 
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべるAngular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
 
ASP.NET MVC 1.0
ASP.NET MVC 1.0ASP.NET MVC 1.0
ASP.NET MVC 1.0
 
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
 

Viewers also liked

Tommy Sandy 50th Anniversary 2nd
Tommy Sandy 50th Anniversary 2ndTommy Sandy 50th Anniversary 2nd
Tommy Sandy 50th Anniversary 2ndShari Locke
 
GlobalResolve in Ghana, Africa
GlobalResolve in Ghana, AfricaGlobalResolve in Ghana, Africa
GlobalResolve in Ghana, AfricaHeather Hazzan
 
คุณครูเกษียณ
คุณครูเกษียณคุณครูเกษียณ
คุณครูเกษียณChutima Su
 
คุณครูที่เกษียณ
คุณครูที่เกษียณคุณครูที่เกษียณ
คุณครูที่เกษียณChutima Su
 
ส่งงานครูเกษียณโรงเรียนราชดำริ
ส่งงานครูเกษียณโรงเรียนราชดำริส่งงานครูเกษียณโรงเรียนราชดำริ
ส่งงานครูเกษียณโรงเรียนราชดำริChutima Su
 
ธิเบต
ธิเบตธิเบต
ธิเบตChutima Su
 
Tommy Sandy 50th Anniversary 3rd
Tommy Sandy 50th Anniversary 3rdTommy Sandy 50th Anniversary 3rd
Tommy Sandy 50th Anniversary 3rdShari Locke
 

Viewers also liked (8)

Java_script_day
  Java_script_day  Java_script_day
Java_script_day
 
Tommy Sandy 50th Anniversary 2nd
Tommy Sandy 50th Anniversary 2ndTommy Sandy 50th Anniversary 2nd
Tommy Sandy 50th Anniversary 2nd
 
GlobalResolve in Ghana, Africa
GlobalResolve in Ghana, AfricaGlobalResolve in Ghana, Africa
GlobalResolve in Ghana, Africa
 
คุณครูเกษียณ
คุณครูเกษียณคุณครูเกษียณ
คุณครูเกษียณ
 
คุณครูที่เกษียณ
คุณครูที่เกษียณคุณครูที่เกษียณ
คุณครูที่เกษียณ
 
ส่งงานครูเกษียณโรงเรียนราชดำริ
ส่งงานครูเกษียณโรงเรียนราชดำริส่งงานครูเกษียณโรงเรียนราชดำริ
ส่งงานครูเกษียณโรงเรียนราชดำริ
 
ธิเบต
ธิเบตธิเบต
ธิเบต
 
Tommy Sandy 50th Anniversary 3rd
Tommy Sandy 50th Anniversary 3rdTommy Sandy 50th Anniversary 3rd
Tommy Sandy 50th Anniversary 3rd
 

Similar to アプリコンテスト

Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!Shinpei Ohtani
 
LabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training SlideLabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training SlideYusuke Tochigi
 
Magento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for DesignMagento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for DesignMiho Nakano
 
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作西畑 一馬
 
Jetpack Library 事始め
Jetpack Library 事始めJetpack Library 事始め
Jetpack Library 事始めTomohiro Kaizu
 
Rails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3editionRails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3editionSatomi Tsujita
 
Windows® API Code Pack for Microsoft® .NET Framework
Windows® API Code Pack for Microsoft® .NET FrameworkWindows® API Code Pack for Microsoft® .NET Framework
Windows® API Code Pack for Microsoft® .NET FrameworkTadahiro Higuchi
 
Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0Toshiro Shimizu
 
scala+liftで遊ぼう
scala+liftで遊ぼうscala+liftで遊ぼう
scala+liftで遊ぼうyouku
 
Mvc conf session_2_shibamura
Mvc conf session_2_shibamuraMvc conf session_2_shibamura
Mvc conf session_2_shibamuraHiroshi Okunushi
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittrCodeIgniterによるPhwittr
CodeIgniterによるPhwittrkenjis
 
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & TipsjQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tipsyoshikawa_t
 
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsugSpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsugY Watanabe
 
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejsTakayoshi Tanaka
 
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイドXPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイドTetsuji Hayashi
 

Similar to アプリコンテスト (20)

Struts2を始めよう!
Struts2を始めよう!Struts2を始めよう!
Struts2を始めよう!
 
LabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training SlideLabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training Slide
 
YUI
YUIYUI
YUI
 
Magento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for DesignMagento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for Design
 
20120118 titanium
20120118 titanium20120118 titanium
20120118 titanium
 
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作
 
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
 ぼく(たち)のかんがえた最新のJS開発環境 #scripty04 ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
 
Jetpack Library 事始め
Jetpack Library 事始めJetpack Library 事始め
Jetpack Library 事始め
 
Rails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3editionRails初心者レッスン lesson3 3edition
Rails初心者レッスン lesson3 3edition
 
Windows® API Code Pack for Microsoft® .NET Framework
Windows® API Code Pack for Microsoft® .NET FrameworkWindows® API Code Pack for Microsoft® .NET Framework
Windows® API Code Pack for Microsoft® .NET Framework
 
Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0Progressive Framework Vue.js 2.0
Progressive Framework Vue.js 2.0
 
scala+liftで遊ぼう
scala+liftで遊ぼうscala+liftで遊ぼう
scala+liftで遊ぼう
 
Mvc conf session_2_shibamura
Mvc conf session_2_shibamuraMvc conf session_2_shibamura
Mvc conf session_2_shibamura
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittrCodeIgniterによるPhwittr
CodeIgniterによるPhwittr
 
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & TipsjQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tips
 
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsugSpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
 
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
 
WordPress と Bootstrap
WordPress と BootstrapWordPress と Bootstrap
WordPress と Bootstrap
 
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイドXPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
 
Vue入門
Vue入門Vue入門
Vue入門
 

アプリコンテスト