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
1k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
250
26新卒_総合職採用_会社説明資料
livesense
PRO
0
4.5k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
13k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
8.1k
中途セールス職_会社説明資料
livesense
PRO
0
200
EM候補者向け転職会議説明資料
livesense
PRO
0
86
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
210
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.3k
Other Decks in Technology
See All in Technology
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
210
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
620
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
1
200
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
2
270
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
430
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
1
330
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
120
ESXi で仮想化した ARM 環境で LLM を動作させてみるぞ
unnowataru
0
170
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
300
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
230
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
130
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Writing Fast Ruby
sferik
628
61k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GraphQLとの向き合い方2022年版
quramy
44
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Become a Pro
speakerdeck
PRO
26
5.2k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
We Have a Design System, Now What?
morganepeng
51
7.4k
Building an army of robots
kneath
303
45k
BBQ
matthewcrist
87
9.5k
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!!