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
70k
AngularJSを使ったらこんなことが出来るよ
2013/11/2に行われた週末ランサーズでの発表資料です
Tatsuya Sasaki
November 02, 2013
Tweet
Share
More Decks by Tatsuya Sasaki
See All by Tatsuya Sasaki
20180912_小さな成功体験を積み重ねてチームで負債に立ち向かう_medbeer.pdf
sasata299
3
11k
Classi - Real Tech Night
sasata299
1
4k
20151129_Mroongaをとある教育サービスで導入してみた話
sasata299
0
4.7k
20150625_SpeeeTeckParty
sasata299
9
8.7k
前回のMF Geeks Nightに参加してから実践したこと
sasata299
0
800
20141125_エンジニアドリブンな改善の進め方
sasata299
0
2k
20140926_VagrantとDockerと普段思ってること
sasata299
2
5.2k
20140219_4社合同技術勉強会
sasata299
2
4k
エンジニア異種クラスタ交流会01
sasata299
0
2.2k
Other Decks in Technology
See All in Technology
AIエージェントが変えるソフトウェアのパラダイム
masahiro_nishimi
0
200
layerx-0-to-1-product-development-in-compound-startups
shnjtk
1
520
Skaffoldを用いたGKEアプリケーションの CD(Continuous Development)
kojake_300
1
130
履歴データテーブルとの向き合い方_PHPerKaigi2024
gennei
25
6.7k
マイクロサービスを横断したGoのコードレビュー
yuyu_hf
PRO
1
120
[2024년 3월 세미나] 다른 회사는 퍼널 분석 어떻게 하고 있을까?
datarian
1
1.6k
Feature Flag Deep Dive
biwashi
21
5.1k
自己完結な開発者組織を支える プラットフォーム作り
recruitengineers
PRO
2
230
The Twelve-Factor App とクラウドアプリケーションのコスト
ny7760
3
260
事業部を超えた 開発生産性向上に挑戦する
kentakozuka
2
230
【OpsJAWS】EC2 のセキュリティの運用と監視について考えてみた件
hssh2_bin
4
600
GitHub Actions Runner Controller
takesection
0
110
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.4k
Debugging Ruby Performance
tmm1
68
11k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
Ruby is Unlike a Banana
tanoku
95
10k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
We Have a Design System, Now What?
morganepeng
42
6.7k
The Cult of Friendly URLs
andyhume
72
5.6k
A designer walks into a library…
pauljervisheath
199
23k
Thoughts on Productivity
jonyablonski
57
3.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.2k
Designing Experiences People Love
moore
135
23k
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