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
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
920
20180912_小さな成功体験を積み重ねてチームで負債に立ち向かう_medbeer.pdf
sasata299
3
11k
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
940
20141125_エンジニアドリブンな改善の進め方
sasata299
0
2.1k
20140926_VagrantとDockerと普段思ってること
sasata299
2
5.3k
20140219_4社合同技術勉強会
sasata299
2
4.2k
Other Decks in Technology
See All in Technology
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
tascj
12
1.7k
「守る」から「進化させる」セキュリティへ ~AWS re:Inforce 2025参加報告~ / AWS re:Inforce 2025 Participation Report
yuj1osm
1
130
トヨタ生産方式(TPS)入門
recruitengineers
PRO
2
220
帳票Vibe Coding
terurou
0
140
事業価値と Engineering
recruitengineers
PRO
1
210
JavaScript 研修
recruitengineers
PRO
2
170
あとはAIに任せて人間は自由に生きる
kentaro
3
1.1k
キャリアを支え組織力を高める「多層型ふりかえり」 / 20250821 Kazuki Mori
shift_evolve
PRO
2
300
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
100
夢の印税生活 / Life on Royalties
tmtms
0
280
EKS Pod Identity における推移的な session tags
z63d
1
200
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
230
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Fireside Chat
paigeccino
39
3.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
KATA
mclloyd
32
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
We Have a Design System, Now What?
morganepeng
53
7.7k
Into the Great Unknown - MozCon
thekraken
40
2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
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