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
27
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.
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.1k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
260
26新卒_総合職採用_会社説明資料
livesense
PRO
0
4.7k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
13k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
8.2k
中途セールス職_会社説明資料
livesense
PRO
0
200
EM候補者向け転職会議説明資料
livesense
PRO
0
87
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
210
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.3k
Other Decks in Technology
See All in Technology
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
530
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
550
1行のコードから社会課題の解決へ: EMの探究、事業・技術・組織を紡ぐ実践知 / EM Conf 2025
9ma3r
12
4.7k
プルリクエストレビューを終わらせるためのチーム体制 / The Team for Completing Pull Request Reviews
nekonenene
3
1k
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
300
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
9
1.9k
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
210
困難を「一般解」で解く
fujiwara3
7
1.7k
EDRの検知の仕組みと検知回避について
chayakonanaika
12
5.3k
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
120
事業を差別化する技術を生み出す技術
pyama86
2
500
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Speed Design
sergeychernyshev
27
810
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
440
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Into the Great Unknown - MozCon
thekraken
35
1.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
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!!