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
4.1k
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
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
380
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
110
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
1
260
Azureの基本的な権限管理の勉強会
yhana
0
1.1k
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
650
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
5
2.3k
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
490
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
230
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
0
110
ルーターでプレゼンする
puhitaku
0
1k
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
630
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
3
610
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Bash Introduction
62gerente
604
210k
A designer walks into a library…
pauljervisheath
200
23k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Scaling GitHub
holman
457
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
The Invisible Side of Design
smashingmag
294
49k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
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