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
Angular + Ionicを使って iOSエンジニアにもやさしいPWA開発をした話
Search
ikasoumen
January 19, 2018
Technology
0
900
Angular + Ionicを使って iOSエンジニアにもやさしいPWA開発をした話
ng-fukuoka Angular Meetup #2
https://ng-fukuoka.connpass.com/event/74438/
での発表内容です。
ikasoumen
January 19, 2018
Tweet
Share
More Decks by ikasoumen
See All by ikasoumen
Sharing type definitions between TypeScript And Dart
ikasoumen
0
860
pixiv chatstory の PWA としての取り組み
ikasoumen
5
6.2k
Ionic 4 の話
ikasoumen
0
100
ただしく学ぼうPWA
ikasoumen
2
650
Other Decks in Technology
See All in Technology
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
bengo4com
1
1.1k
7月のガバクラ利用料が高かったので調べてみた
techniczna
3
750
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
140
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
520
ソフトウェア エンジニアとしての 姿勢と心構え
recruitengineers
PRO
22
11k
エキサイトブログの トップページを 段階的にリプレイスする
zsp2088dev
0
120
KINTO FACTORYから学ぶ生成AI活用戦略
kintotechdev
0
130
Preferred Networks (PFN) とLLM Post-Training チームの紹介 / 第4回 関東Kaggler会 スポンサーセッション
pfn
PRO
1
280
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
520
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
3
1.4k
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
18
5.9k
Lessons from CVE-2025-22869: Memory Debugging and OSS Vulnerability Reporting
vvatanabe
2
110
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
A designer walks into a library…
pauljervisheath
207
24k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
RailsConf 2023
tenderlove
30
1.2k
Music & Morning Musume
bryan
46
6.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Done Done
chrislema
185
16k
Optimizing for Happiness
mojombo
379
70k
Statistics for Hackers
jakevdp
799
220k
Building Adaptive Systems
keathley
43
2.7k
Transcript
"OHVMBS *POJDΛͬͯ J04ΤϯδχΞʹ͍͞͠ 18"։ൃΛͨ͠ ikasoumen
w JLBTPVNFO w UXJUUFS!@JLBTPVNFO w ϐΫγϒԬΦϑΟε w +BWBTDSJQU w $P⒎FF&4SJPU54"OHVMBS
ࣗݾհ 2
None
J04 /BUJWF
18" "OHVMBS *POJD
ࠓ͙͢ࢼͦ͏ʂ https://chatstory.pixiv.net/ 6
w J04൛͕ઌߦͯ͠ଘࡏ͢Δதɺ 18"൛ͳͥ"OHVMBS *POJDʹ͔ͨ͠ w ࣮ફ͍ͯ͠Δઃఆͱ͔ख๏ͱ͔ w ͬͯΈͯͲ͏ͩͬͨʁ ࠓ͢͜ͱ 7
ͳͥ"OHVMBS *POJDʹ ͔ͨ͠
ϐΫγϒͷϑϩϯτΤϯυࣄ w ࠾༻ͱنͰͬ͘͟Γ w 3FBDUʜѹత w 7VFʜ·͋·͋ w "OHVMBSʜ࠾༻ͳ͠ 9
"OHVMBS͍͍ΑͶ w Ϋϥεϕʔεͷίϯϙʔωϯτఆٛ w .PEVMF 4FSWJDF %*͋ͨΓͷଥ͞ w தنҎ্ͷ։ൃͰΑ͘ΉϙΠϯτʹ ެࣜճ͕͋Δ
10
*POJD͍͍ΑͶ w )5.-ͰJ04 "OESPJEΞϓϦΛ࡞ΕΔɺ "OHVMBS༻ϑϨʔϜϫʔΫ w ίϯϙʔωϯτͷ࣭ͱͯྑ͍ w ٧·Γ͕ͪͳϙΠϯτΛࣄલʹ౿ΜͰ͋ ΔɻԿ͔͋ͬͯԡ͠௨ΕΔࣗ
w 18"ͷαϙʔτ͕ڧ·͍ͬͯΔ 11
νʔϜͱͷ߹ҙܗ w ͦͦνʔϜͷΤϯδχΞશһJ04൛Λ։ൃͨ͜͠ͱ͕͋Δ w "OHVMBS *POJDͳΒJ04ͱࣅͨؾ࣋ͪͰ։ൃͰ͖Δ w ঢ়ଶཧ͕3Y+43Y4XJGUɻࠜຊ͕ಉ͡ w /BWJHBUJPOͷ֓೦͕͋Δ
w ϥΠϑαΠΫϧϝιου໊͕΄΅ಉ͡ w NZBBLF͞ΜͷεϥΠυࢀߟʹ Angular, React, Vue, Svelte, Riotͷݸਓతͳબͼํ w IUUQTNZBBLFDPNTMJEFTIPXUPDIPPTFBOHVMBSSFBDUWVFTWFMUFSJPU 12
࣮ફ͍ͯ͠Δઃఆͱ͔ ख๏ͱ͔
w 4XJGUMJLFʹ։ൃͰ͖ΔΑ͏ͳઃఆΛ͍ͯ͠Δ w UTDPOpH w lTUSJDU/VMM$IFDLTUSVF w OVMMBCMFΛOPOOVMMBCMFʹೖͰ͖ͳ͍Α͏ʹ w UTMJOU
w USJQMFFRVBMT<USVF BMMPXOVMMDIFDL> w ݫີൺֱ ͨͩ͠OVMMͱVOEFpOFE͍͜͠ͷͰ جຊతʹJG IPHFOVMM \ʜ^Ͱ UTMJOU UTDPOpH 14
w 4XBHHFS w 3FTUGVM"1*ͷυΩϡϝϯτੜπʔϧ w ࣾͷϒϩάهࣄ Swagger+JSON SchemaͰAPIͷܕΛςετͯ͠։ൃαΠΫϧΛεϐʔυΞοϓͤͨ͞ w IUUQTJOTJEFQJYJWCMPHFEWBLG
w 4XBHHFSDPEFHFOTXBHHFSͷఆ͔ٛΒ ֤ݴޠ͚ʹίʔυΛੜͯ͘͠ΕΔ 4XBHHFSDPEFHFO 15
16
17
w खͰJOUFSGBDFॻ͘ΑΓѹతʹૣ͍ؒ͠ҧ͑ͳ͍ w TXBHHFSΛॻ͘ͱ"1*ͷςετͰ͖ͯίʔυੜ͞ΕΔ w 4XJGUଆͷίʔυੜͰ͖Δ w ·ͩΕͯͳ͍ w "1*ʹϦΫΤετ͢ΔϝιουੜͰ͖Δ
w ࠷ۙ)UUQ$MJFOUʹରԠͨ͠ w ·ͩΕͯͳ͍ 4XBHHFSDPEFHFO 18
࠾༻ͯ͠ΈͯͲ͏͔ͩͬͨ
w "OHVMBS 5ZQF4DSJQU͕ྑ͍ w ܕνΣοΫ *OUFMMJTFOTFͷԸܙΛ 74DPEFͰड͚ΒΕΔ w Ϋϥεϕʔεͷίϯϙʔωϯτఆٛ +4ʹৄ͘͠ͳͯ͘ҧײͳ͘ॻ͚Δ
8FCઐΤϯδχΞͰͳͯ͘։ൃʹࢀՃͰ͖Δ 20
w *POJD͕ྑ͍ w ෳࡶͳίϯϙʔωϯτΛ҆৺ͯ͑͠Δ w $44ͷࡉ͔͍τϦοΫΛΒͳͯ͘ྑ ͍ w 6*ͷΫΦϦςΟΛҡ࣋ͭͭ͠ϲ݄ͰϦ ϦʔεͰ͖ͨ
8FCઐΤϯδχΞͰͳͯ͘։ൃʹࢀՃͰ͖Δ 21
w ͬͺΓॳ৺ऀʹ$44َ w *POJDͷίϯϙʔωϯτΛ ΧελϜ͢Δͱ·͍͋͠ΑͶ w ঢ়گʹΑΓ$44PWFSSJEFͷඞཁ w બఆ࣌ʹఆͨ͠ൣғͰ͋ΔͷͰ ৄ͍͠ਓ͕αϙʔτ͍ͯ͠Δ
ҰํͰ 22
w "OHVMBSͷઃఆ࣌ʑ·Δ w BQQNPEVMFUTʹڥมͦ͏ͱ͢Δ ͱ"05ίϯύΠϧʹࣦഊͨ͠Γ w ޮతͳ։ൃʹ8FCQBDLͰ৭ʑͬ ͨ΄͏͕ྑ͍͜ͱ w ͜Εৄ͍͠ਓͨͪͰରॲͯ͠Δ
ҰํͰ 23
w J04ʹඇৗʹ͍ۙߏɾײ֮Ͱ18"Λ ࡞ΔͨΊ"OHVMBS *POJDΛ࠾༻ͯ͠Έͨ w ݟ͕ڞ༗Ͱ͖ͨΓɺJ04 18"Ͱಉ࣌ʹ ػೳΛ࣮͢Δͱ͖ʹಉ͡ϊϦͰॻ͚ͯɺ ͱͯྑ͍ ·ͱΊ
24
͓ΘΓ