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
790
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
660
pixiv chatstory の PWA としての取り組み
ikasoumen
5
5.7k
Ionic 4 の話
ikasoumen
0
81
ただしく学ぼうPWA
ikasoumen
2
580
Other Decks in Technology
See All in Technology
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
210
統計的学習理論読み Chapter 2
kmatsui
1
280
オブジェクト指向CSSが叶えたかったことと、CSSのいま / The aims of Object-oriented CSS and the current state of CSS usage
shinkufencer
11
3.7k
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
340
暗黙知を集積するプラットフォーム : 「健常者エミュレータ事例集」の取り組み
sora32127
1
170
Autopsy of a Cascading Outage from a MySQL Crashing Bug
jfg956
0
200
SREsのためのSRE定着ガイド
netmarkjp
10
1.6k
Kubeflow Pipelines v2 で変わる機械学習パイプライン開発
asei
4
340
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
230
これまでのキャリアとこれからMLエンジニアとしてどう動くか
masatakashiwagi
1
640
Vos logs méritent mieux que la config par défaut
lyrixx
2
400
複数の LLM モデルを扱う上で直面した辛みまとめ
kazuyaseki
1
250
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Gamification - CAS2011
davidbonilla
76
4.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
950
Building Applications with DynamoDB
mza
88
5.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Designing for humans not robots
tammielis
247
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Mobile First: as difficult as doing things right
swwweet
215
8.5k
Docker and Python
trallard
33
2.6k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
4 Signs Your Business is Dying
shpigford
174
21k
Designing the Hi-DPI Web
ddemaree
275
33k
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
͓ΘΓ