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
660
Other Decks in Technology
See All in Technology
WebアプリケーションのUI構築で気を付けてるポイント
tomokusaba
0
160
Green Tea Garbage Collector の今
zchee
PRO
2
350
サプライチェーン攻撃に学ぶModuleの仕組みと セキュリティ対策
kuro_kurorrr
3
790
AIを導⼊しても、 開発⽣産性は"爆増"していない なぜ?
kinosuke01
4
3.6k
stupid jj tricks
indirect
0
7.5k
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
120
BtoBプロダクト開発の深層
16bitidol
0
130
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
220
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
9k
生成AIを活用したZennの取り組み事例
ryosukeigarashi
0
170
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
logica0419
1
310
Findy Team+のSOC2取得までの道のり
rvirus0817
0
230
Featured
See All Featured
A designer walks into a library…
pauljervisheath
208
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Code Reviewing Like a Champion
maltzj
525
40k
Gamification - CAS2011
davidbonilla
81
5.4k
Automating Front-end Workflow
addyosmani
1371
200k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
Designing for Performance
lara
610
69k
Why Our Code Smells
bkeepers
PRO
339
57k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
RailsConf 2023
tenderlove
30
1.2k
Speed Design
sergeychernyshev
32
1.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
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
͓ΘΓ