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
AngularJSを使ったらこんなことが出来るよ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tatsuya Sasaki
November 02, 2013
Technology
40
71k
AngularJSを使ったらこんなことが出来るよ
2013/11/2に行われた週末ランサーズでの発表資料です
Tatsuya Sasaki
November 02, 2013
Tweet
Share
More Decks by Tatsuya Sasaki
See All by Tatsuya Sasaki
20250326_管理ツールの権限管理で改善したこと
sasata299
1
1.1k
20180912_小さな成功体験を積み重ねてチームで負債に立ち向かう_medbeer.pdf
sasata299
3
12k
Classi - Real Tech Night
sasata299
1
4.4k
20151129_Mroongaをとある教育サービスで導入してみた話
sasata299
0
4.8k
20150625_SpeeeTeckParty
sasata299
9
8.8k
前回のMF Geeks Nightに参加してから実践したこと
sasata299
0
980
20141125_エンジニアドリブンな改善の進め方
sasata299
0
2.2k
20140926_VagrantとDockerと普段思ってること
sasata299
2
5.3k
20140219_4社合同技術勉強会
sasata299
2
4.2k
Other Decks in Technology
See All in Technology
【Oracle Cloud ウェビナー】ランサムウェアが突く「侵入の隙」とバックアップの「死角」 ~ 過去の教訓に学ぶ — 侵入前提の防御とデータ保護 ~
oracle4engineer
PRO
2
190
ドメイン駆動セキュリティへの道しるべ
pandayumi
0
170
Introduction to Bill One Development Engineer
sansan33
PRO
0
350
Riverpod3.xで実現する実践的UI実装
fumiyasac0921
1
270
スクラムを一度諦めたチームにアジャイルコーチが入ってどう変化したか / A Team's Second Try at Scrum with an Agile Coach
kaonavi
0
280
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
12k
さくらのクラウドでのシークレット管理を考える/tamachi.sre#2
fujiwara3
1
210
困ったCSVファイルの話
mottyzzz
1
350
AWS Network Firewall Proxyで脱Squid運用⁈
nnydtmg
1
150
GitHub Copilot CLI 現状確認会議
torumakabe
12
3.7k
アウトプットはいいぞ / output_iizo
uhooi
0
140
Kiro Power - Amazon Bedrock AgentCore を学ぶ、もう一つの方法
r3_yamauchi
PRO
0
110
Featured
See All Featured
Information Architects: The Missing Link in Design Systems
soysaucechin
0
750
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
170
How to train your dragon (web standard)
notwaldorf
97
6.5k
SEO for Brand Visibility & Recognition
aleyda
0
4.2k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
420
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
370
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Into the Great Unknown - MozCon
thekraken
40
2.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Building Applications with DynamoDB
mza
96
6.9k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
93
The SEO Collaboration Effect
kristinabergwall1
0
340
Transcript
AngularJSΛͬͨΒ ͜Μͳ͜ͱ͕ग़དྷΔΑ Saturday, November 2, 13
ࣗݾհ w!TBTBUB wͨͭ͞͞ w͔Β͋͛ΤϯδχΞ Saturday, November 2, 13
͔Β͋͛ ඒຯ͍͠ Saturday, November 2, 13
Saturday, November 2, 13
AngularJSͱ w(PPHMFͰ࡞ΒΕͨϑϨʔϜϫʔΫ wํσʔλόΠϯσΟϯά wςετϑϨϯυϦʔͳઃܭ Saturday, November 2, 13
jQuery͡Όବͳͷʁ Saturday, November 2, 13
ՃϘλϯԡͨ͠ΒཁૉՃ͢Δ Saturday, November 2, 13
ՃϘλϯԡͨ͠ΒཁૉՃ͢Δ Saturday, November 2, 13
ՃϘλϯԡͨ͠ΒཁૉՃ͢Δ Saturday, November 2, 13
ՃϘλϯԡͨ͠ΒཁૉՃ͢Δ ରͱͳΔ%0.Λ୳͢ʜ Saturday, November 2, 13
ˌʈТʈ űƅŝűƅŝ wʮཁૉ͕̐ͭҎ্ͷͱ͖ʹՃϘλ ϯΛग़͞ͳ͍Α͏ʹͯ͠ʂʯ w࣮͚ͨ͠Ͳ˓ޙʹղಡෆೳʹʜ Saturday, November 2, 13
wʮཁૉ͕̍ͭʹͳͬͨΒআϘλϯΛ ग़͞ͳ͍Α͏ʹͯ͠ʂʯ w࣮͚ͨ͠Ͳ˓ޙʹղಡෆೳʹʜ ˌʈТʈ űƅŝűƅŝűƅŝ Saturday, November 2, 13
εύήοςΟ ίʔυͷ Saturday, November 2, 13
ˌʈТʈ űƅŝűƅŝűƅŝűƅŝ wʮ͋ΕʔσβΠϯ࿔ͬͨΒಈ͔ͳ͘ ͳͬͨΜ͚ͩͲʁόάͬͯΔΑʁʯ w%0.ͷมߋʹऑ͍ʜ Saturday, November 2, 13
ࠓಈ͔ͳ͘ͳͬͨ K2VFSZΛʑͱमਖ਼ ͢Δ͓ࣄ͕࢝·Δ͓ ɹŋAТŋʅ ŝžŕ Saturday, November 2, 13
Saturday, November 2, 13
͜͜·Ͱͷ·ͱΊ wK2VFSZ؆୯ʹԿͰ࡞ΕΔ wͨͩɺରͷ%0.Λ୳͢Α͏ͳίʔ υ͕ೖΔͱ%0.ͷมߋʹऑ͍ wίʔυղಡෆೳʹͳΓ͕ͪʁ Saturday, November 2, 13
ͦ͜ͰAngularJSͩʂ Saturday, November 2, 13
ྑ͘ࣅͯΔͷ͕͋Δ Saturday, November 2, 13
τϨϯυΛݟͯΈΑ͏ GoogleτϨϯυΑΓ Saturday, November 2, 13
τϨϯυΛݟͯΈΑ͏ AngularJS Backbone.js Knockout.js GoogleτϨϯυΑΓ Saturday, November 2, 13
Hello world Saturday, November 2, 13
ଈ࣌ө͞ΕΔ Saturday, November 2, 13
wϑΥʔϜʹ͕ೖྗ͞Ε͞ΕͨΒͦͷ Λऔಘͯ͘͠Δ wIཁૉΛ୳͖ͯͯ͠ɺऔಘͨ͠Λ ͦ͜ͷͱͯ͠ઃఆ͢Δ w*%ͱ͔ͰҰൃͰ୳ͤΕ͍͍͚Ͳͦ͏ ͡Όͳ͔ͬͨΒ%0.Λḷ͍ͬͯ͘ jQueryͷ߹ Saturday, November 2,
13
wԿ͠ͳ͍ wΤϯδχΞ͡Όͳ͍͚ͯ͘Δ AngularJSͷ߹ Saturday, November 2, 13
Hello world ଈ Saturday, November 2, 13
Hello world ଈ Saturday, November 2, 13
Hello world มߋ͞Εͨͧʔ ଈ Saturday, November 2, 13
Hello world มߋ͞Εͨͧʔ ଈ Saturday, November 2, 13
Hello world มߋ͞Εͨͧʔ ଈ ଈ࣌ө Saturday, November 2, 13
AngularJSͷಛ wDPOUSPMMFSͰείʔϓΛ੍ݶ wOHSFQFBU͕ศར wEJSFDUJWFͰৼΔ͍Λఆٛ wίʔυͷݟ௨͕͠ྑ͍ Saturday, November 2, 13
AngularJSͷಛ wDPOUSPMMFSͰείʔϓΛ੍ݶ wOHSFQFBU͕ศར wEJSFDUJWFͰৼΔ͍Λఆٛ wίʔυͷݟ௨͕͠ྑ͍ Saturday, November 2, 13
Controllerͱ wϞσϧͷॳظΛઃఆ͢Δ wΫϦοΫ࣌ͱ͔ͷৼΔ͍Λઃఆ͢Δ Saturday, November 2, 13
script.js Saturday, November 2, 13
script.js Saturday, November 2, 13
script.js 5FTU$USM͕ѻ͏είʔϓ Saturday, November 2, 13
script.js 5FTU$USM͕ѻ͏είʔϓ Saturday, November 2, 13
script.js 5FTU$USM͕ѻ͏είʔϓ Saturday, November 2, 13
script.js Saturday, November 2, 13
script.js Saturday, November 2, 13
script.js ΫϦοΫ࣌ͷৼΔ͍ Saturday, November 2, 13
script.js ΫϦοΫ࣌ͷৼΔ͍ Saturday, November 2, 13
AngularJSͷಛ w$POUSPMMFSͰείʔϓΛ੍ݶ wOHSFQFBU͕ศར wEJSFDUJWFͰৼΔ͍Λఆٛ wίʔυͷݟ௨͕͠ྑ͍ Saturday, November 2, 13
ng-repeatͱ w܁Γฦ͠ॲཧΛߦ͏ͷ wJOEFY pSTU MBTU͕ศར wpMUFS MJOLZ PSEFS#Z FUD
͑Δ Saturday, November 2, 13
script.js Saturday, November 2, 13
script.js Saturday, November 2, 13
ݱࡏͷϧʔϓͷΠϯσοΫε script.js Saturday, November 2, 13
Saturday, November 2, 13
Saturday, November 2, 13
࠷ॳͷཁૉͰͳ͚Ε දࣔ͢Δ Saturday, November 2, 13
RailsͰ͏ͱ͖ͱ͔ Saturday, November 2, 13
RailsͰ͏ͱ͖ͱ͔ Saturday, November 2, 13
3BJMTͷσʔλΛKTPOʹͯ͠ "OHVMBS+4ͷॳظʹ͢Δ RailsͰ͏ͱ͖ͱ͔ Saturday, November 2, 13
AngularJSͷಛ w$POUSPMMFSͰείʔϓΛ੍ݶ wOHSFQFBU͕ศར wEJSFDUJWFͰৼΔ͍Λఆٛ wίʔυͷݟ௨͕͠ྑ͍ Saturday, November 2, 13
directiveͱ wҙͷཁૉ໊ɺଐੑΛ࡞ͯ͠ৼΔ ͍ΛఆٛͰ͖Δ wOHDMJDLOHSFQFBU͜ΕͰఆ ٛ͞ΕͯΔ <input type=”text” value=”” class=”row”> Saturday,
November 2, 13
script.js Saturday, November 2, 13
Saturday, November 2, 13
AngularJSͷಛ w$POUSPMMFSͰείʔϓΛ੍ݶ wOHSFQFBU͕ศར wEJSFDUJWFͰৼΔ͍Λఆٛ wίʔυͷݟ௨͕͠ྑ͍ Saturday, November 2, 13
ݟ௨͕͠ྑ͍ wϞσϧΛมߋ͢ΕϏϡʔࣗಈతʹ ө͞ΕΔ͔ΒϞσϧͷૢ࡞͚ͩ wཁૉͷՃআɺPOPGGɺFUD wίʔυྔݮͬͯɺόάݮΔʂ Saturday, November 2, 13
·ͱΊ wK2VFSZͰॻ͘ͱӡ༻࣌ʹେมͦ͏ͳ ͱ͜Ζʹಋೖ͢Δͱྑ͍ͱࢥ͏ wίʔυྔݮΔ͠ɺݟ௨͕͠ྑ͍ wOHSFQFBU͕ͱͯศར wॳظͰɺࠓOHJOJUͬͯ Δ͚Ͳྑ͍Γํ͕͋ΕΓ͍ͨ Saturday, November 2,
13
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ˏsasata299 Saturday, November 2, 13