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
Copilot Studio ハンズオン - 生成オーケストレーションモード
tomoyasasakimskk
0
200
コンパウンド組織のCRE #cre_meetup
layerx
PRO
0
210
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
1.3k
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
nishiharatsubasa
2
2.1k
AIエージェント入門 〜基礎からMCP・A2Aまで〜
shukob
1
150
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
2
2k
OCIjp_Oracle AI World_Recap
shinpy
1
160
旅で応援する✈️ NEWTが目指すコミュニティ支援とあたらしい旅行 / New Travel: Supporting by NEWT on Your Journey
mii3king
0
140
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
190
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
10k
Raft: Consensus for Rubyists
vanstee
140
7.2k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
How GitHub (no longer) Works
holman
315
140k
Balancing Empowerment & Direction
lara
5
700
It's Worth the Effort
3n
187
28k
How STYLIGHT went responsive
nonsquared
100
5.8k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
4 Signs Your Business is Dying
shpigford
185
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
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
͓ΘΓ