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
790
20180912_小さな成功体験を積み重ねてチームで負債に立ち向かう_medbeer.pdf
sasata299
3
11k
Classi - Real Tech Night
sasata299
1
4.3k
20151129_Mroongaをとある教育サービスで導入してみた話
sasata299
0
4.8k
20150625_SpeeeTeckParty
sasata299
9
8.8k
前回のMF Geeks Nightに参加してから実践したこと
sasata299
0
910
20141125_エンジニアドリブンな改善の進め方
sasata299
0
2.1k
20140926_VagrantとDockerと普段思ってること
sasata299
2
5.3k
20140219_4社合同技術勉強会
sasata299
2
4.1k
Other Decks in Technology
See All in Technology
Devin&Cursor、それぞれの「本質」から導く最適ユースケース戦略
empitsu
8
2.4k
RDRA3.0を知ろう
kanzaki
2
430
それでもぼくらは貢献をつづけるのだ(たぶん) @FOSS4GLT会#002
furukawayasuto
1
280
GoogleのAI Agent
shukob
0
130
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
tetsuzawa
0
380
オープンソースのハードウェアのコンテストに参加している話
iotengineer22
0
530
LT:組込み屋さんのオシロが壊れた!
windy_pon
0
350
JNation 2025 - Quarkus for Spring Developers
edeandrea
PRO
0
110
NW運用の工夫と発明
recuraki
1
790
新卒から4年間、20年もののWebサービスと向き合って学んだソフトウェア考古学 - PHPカンファレンス新潟2025 / new graduate 4year software archeology
oguri
2
360
Houtou.pm #1
papix
0
660
Scale Security Programs with Scorecarding
ramimac
0
430
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
Facilitating Awesome Meetings
lara
54
6.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Typedesign – Prime Four
hannesfritz
41
2.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
460
A better future with KSS
kneath
239
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
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