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
17
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.
EM候補者向け転職会議説明資料
livesense
PRO
0
6
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
78
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
360
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.1k
株式会社リブセンス マッハバイト_プレイブック
livesense
PRO
0
420
Tech Award 2021 選出方法
livesense
PRO
0
1k
株式会社リブセンス エンジニアリング組織を支える風土と制度
livesense
PRO
0
530
株式会社リブセンス・マッハバイト 採用候補者様向け資料
livesense
PRO
0
210
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
2k
Other Decks in Technology
See All in Technology
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
330
2024春 注目のWeb系 OSS & SaaS 3選
makies
0
180
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
400
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
140
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.2k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.7k
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
710
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.6k
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
1
110
One engineer company with Ruby on Rails
rstankov
2
430
データベース02: データベースの概念
trycycle
0
180
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
Featured
See All Featured
Gamification - CAS2011
davidbonilla
77
4.6k
It's Worth the Effort
3n
180
27k
Navigating Team Friction
lara
179
13k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
A Philosophy of Restraint
colly
197
16k
Thoughts on Productivity
jonyablonski
60
3.9k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
Building Effective Engineering Teams - LeadDev
addyosmani
31
1.9k
Practical Orchestrator
shlominoach
183
9.7k
A Tale of Four Properties
chriscoyier
152
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!!