Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mootools #TechLunch
Search
Livesense Inc.
PRO
April 23, 2014
Technology
0
31
Mootools #TechLunch
2011/12/14(水) @ Livesense TechLunch
発表者:佐藤 洋輔
Livesense Inc.
PRO
April 23, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
76
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
14
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.4k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
390
26新卒_総合職採用_会社説明資料
livesense
PRO
0
8.8k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
27k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
12k
中途セールス職_会社説明資料
livesense
PRO
0
250
EM候補者向け転職会議説明資料
livesense
PRO
0
120
Other Decks in Technology
See All in Technology
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
4.4k
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
140
5min GuardDuty Extended Threat Detection EKS
takakuni
0
180
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
220
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
910
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
130
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
130
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
330
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
140
rubygem開発で鍛える設計力
joker1007
2
260
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
240
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
For a Future-Friendly Web
brad_frost
179
9.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
VelocityConf: Rendering Performance Case Studies
addyosmani
331
24k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
YesSQL, Process and Tooling at Scale
rocio
173
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Transcript
Table of Contents ʢਥೋ෩ʣ ʔ Prototype.jsͷऴᖼ ʔ jQueryͷ༕ᓔ ʔ Mootoolsͷྗ
ʔ ఢखʢϥΠόϧʣୡ ʔ ৽ͨͳΔྗ ʔ উऀͷ݅
ͱɺͦͷલʹɻɻɻ
ελϯϑΥʔυ Ί·ͨ͠
ΦʔϓϯΫϥεଓ͘Α Ͳ͜·Ͱ
ଓ͖WebͰ http:/ /www.stanford.edu/ http:/ /www.extension.harvard.edu/
ຊ
Prototype.jsͷऴᖼ
Rails͕jQueryʹ .Net MVC͕jQueryਖ਼ࣜαϙʔτ HTML5ະରԠ εϚϗະରԠ Wikipediaʢenʣʹ೦ͳ͓Βͤ
ཁ͢ΔʹDOM֦ு͗ͯ͢͠ W3Cͷ৽ඪ४ͱͿ͔ͭͬͪΌͬͨͷͰ ϞμϯϒϥβͰ͑ͳ͍ ͳΜͱ͔͠ͳ͖ΌͯΖˡΠϚίίʂʂ
ͳΜͱ͔͠ͳ͖Ό ͍ͬͯ͏͔
ͦͦग़ͯͳ͘ͳ͍͔ʁ
None
None
None
None
Φϫλʘ(^o^)ʗ
jQueryͷ༕ᓔ The Melancholy of Haruhi Suzumiya
text? val? css???
jQueryΦϒδΣΫτ͕Կ͔࣋ͪ͗͢ ʢSRPҧͷ͓खຊʣ ֎෦ϥΠϒϥϦͷ࣭͕ۄੴࠞަ͗͢ ʢಛʹidTabsͱ͔idTabsͱ͔idTabsͱ͔ʣ
ϓϩάϥϚϒϧͱ ͍͍͕͍ͨ ͋͘·ͰσβΠφʔ͚ͷ ͍߹Θͤʢqueryʣݴޠ͔
Mootoolsͷྗ ͜ͷຊ͍͚ͯ·͢
MooToolsͬͯͲΜͳͷ
ܰྔͰϞδϡʔϧࢤɺΦϒδΣΫτࢦͷϑ ϨʔϜϫʔΫ தڃ͔Β্ڃͷϓϩάϥϚΛରʢެࣜʣ ϑϨʔϜϫʔΫ͕ͩΉ͠Ζݴޠ֦ு ίΞ͔ΒDOMɺΞχϝʔγϣϯ·Ͱ ֓ͶPrototype.js
ศརػೳ
this.parent attr_accessorతͳ(Class.Mutator) staticϝϯόʔ(Class.Mutator) chain(mixin) events(mixin) setOptions(mixin) protect fps
ಠࣗͷܕγεςϜ
typeOf instanceOf
৺ͳίϛϡχςΟ
MooTools Mobile Backbone-MooTools Meso(CommonJS) Deck(JSGI)
ఢखʢϥΠόϧʣୡ
େن ϓϩάϥϜ σβΠϯ খن jQuery YUI Mootools Dojo Closure prototype
ExtJS
Ͱɺ࣮ࡍͲͷ͘Β͍ ΘΕͯΔͷʁ
None
None
ݟΖʂ jQueryҎ֎͕ ΰϛͷΑ͏ͩʂ
None
jQueryແ
ʰҎ֎ʱMootoolsؚΊͯݢฒΈԣ͍͔ݮগ ʰҎ֎ʱͷͳ͔ͰYUI͕࠷৳͍ͯ͠Δ͕ɺ ͦΕͰҰͰ1% Mootoolsར༻Λ͋͛ͳ͕ΒɺϚʔέοτ γΣΞΛ໌Β͔ʹམͱ͓ͯ͠Γɺݸਓͷް͞ ΛӐΘͤΔ ͍ͯͨ͠தͰClosureͷΈݍ֎
৽ͨͳΔྗ
ΫϥΠΞϯταΠυ MVCϑϨʔϜϫʔΫ
Backbone.jsΛத৺ͱͨ͜͠ΕΒϑϨʔϜϫʔΫ ʹɺΫϥεఆٛͳͲjQueryΛิͰ͖Δೳྗ ͕͋Δ JavascriptMVCBackbone.jsͷΑ͏ʹɺjQuery ͱڞʹ͏͜ͱ͕લఏͱ͍͏ைྲྀ େنͷJavascriptMVCɺதنͷ Backbone.jsɺখنͷKnockout.jsʢMVVMʣ ͱɺࠓ༻్ผʹબΓऔΓݟऔΓ
͜Ε͔Β jQuery + α ͕େຊ໋͔
উऀͷ݅
ϞόΠϧ
o(^˜^)o ( ´ ˜ ` )ů (^_^;) jQuery YUI Mootools
Dojo Closure prototype ExtJS
CommonJS
o(^˜^)o ( ´ ˜ ` )ů (^_^;) jQuery YUI Mootools
Dojo Closure prototype ExtJS
HTML5
2011 ֓؍͔ΓͰதͷͳ͔ͬͨ HTML5ຊʹҟม͕ɻɻɻ
None
͜͏ͨ͠ݸผ༷·Ͱ ؚΊΔͱ ·ͩ΄ͱΜͲ͕ϑϨʔϜϫʔΫ ʹΑͬͯΧόʔ͞Ε͍ͯͳ͍
ʰݴޠ֦ுʱͰ͋Γ Ϩϕϧͷߴ͍ίϛϡχςΟΛ༴͢Δ Mootoolsʹ·ͩະདྷ͕
next...
Bye!!