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
260
26新卒_総合職採用_会社説明資料
livesense
PRO
0
4.6k
株式会社リブセンス会社紹介資料 / 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
どちらかだけじゃもったいないかも? ECSとEKSを適材適所で併用するメリット、運用課題とそれらの対応について
tk3fftk
2
190
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
7
3k
Pwned Labsのすゝめ
ken5scal
2
460
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
730
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
280
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.7k
IAMのマニアックな話2025
nrinetcom
PRO
6
1.2k
クラウド食堂とは?
hiyanger
0
120
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
190
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
340
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
120
JavaにおけるNull非許容性
skrb
2
2.7k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Bash Introduction
62gerente
611
210k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
For a Future-Friendly Web
brad_frost
176
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
RailsConf 2023
tenderlove
29
1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
It's Worth the Effort
3n
184
28k
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!!