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
個人でPWA対応の時間管理アプリ「Hackaru」を作りました
Search
ktmouk
July 17, 2019
Programming
5
1.2k
個人でPWA対応の時間管理アプリ「Hackaru」を作りました
ktmouk
July 17, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
AIともっと楽するE2Eテスト
myohei
8
3k
PicoRuby on Rails
makicamel
3
140
Porting a visionOS App to Android XR
akkeylab
0
680
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.3k
「App Intent」よくわからんけどすごい!
rinngo0302
1
110
ソフトウェア設計とAI技術の活用
masuda220
PRO
18
4.1k
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1k
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
300
生成AI時代のコンポーネントライブラリの作り方
touyou
1
290
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
Featured
See All Featured
Docker and Python
trallard
45
3.5k
Designing Experiences People Love
moore
142
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
GitHub's CSS Performance
jonrohan
1031
460k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Making Projects Easy
brettharned
116
6.3k
Transcript
!LUNPVL ݸਓͰ18"ରԠͷ࣌ؒཧΞϓϦ࡞Γ·ͨ͠
wߕ൹༑೭ ,BJ5PNPZVLJ w ݸਓͰ18"ରԠͷ ࣌ؒཧΞϓϦΛ։ൃ͍ͯ͠·͢ɻ w ࠓ݄ ͔ΒϚωʔϑΥʔϫʔυʹೖࣾ
!2 !LUNPVL LUNPVL
!3 ԿΛൃද͢Δͷʁ w࣌ؒཧΞϓϦ)BDLBSVʹ͍ͭͯ w18"Ͱ։ൃͯ͠ྑ͔ͬͨ w18"ͷͭΒΈ
!4 ର w 18"ʹڵຯΛ͍࣋ͬͯΔํ w 18"ͰΞϓϦΛ࡞Ζ͏ͱߟ͍͑ͯΔํ
!5 ԿΛൃද͢Δͷʁ w࣌ؒཧΞϓϦ)BDLBSVʹ͍ͭͯ w18"Ͱ։ൃͯ͠ྑ͔ͬͨ w18"ͷͭΒΈ
!6 ࣌ؒཧͱʁ
!7 ʑΔ͜ͱ͕ࢁ͋Δ ษڧ ࣄ झຯ
!8 ʜ͕ɺࠓԿ͔͍֮ͨ͑ͯ͠ͳ͍ ࠓԿ͚ͬͨͬ
!9 ʜ͕ɺࠓԿ͔͍֮ͨ͑ͯ͠ͳ͍ ࠓԿ͚ͬͨͬ ࣌ؒͷৼΓฦΓ͕͍ͨ͠
!10 )BDLBSV ଌΔ IUUQTXXXIBDLBSVBQQ
!11 ࡞ۀ࣌ؒΛܭଌͯ͠ʜ
!12 άϥϑΧϨϯμʔͰৼΓฦΓ
!13 ࣗͷ࣌ؒͷ͍ํ͕͔Δ
!14 Ͳ͏ͬͯಈ͍͍ͯΔͷʁ
!15 /VYUKT 3BJMT"1*Ͱߏங
!16 ಛ w 8FCIPPL w 0"VUI w Φʔϓϯιʔε w ϚϧνσόΠεରԠ
!17 ಛ w 8FCIPPL w 0"VUI w Φʔϓϯιʔε w ϚϧνσόΠεରԠ
!18 1SPHSFTTJWF8FC"QQT
!19 ͱʁ 8FCαΠτΛɺ ετΞ͔Βμϯϩʔυͨ͠ΞϓϦͷ Α͏ʹ͑Δ͜ͱɻ ಛఆͷٕज़Λ͋ΒΘ໊͢শͰͳ͍
!20 )BDLBSVͷ "OESPJEͷϗʔϜΞΠίϯ J04ͷϗʔϜΞΠίϯ "OESPJEͱJ04ରԠ
!21 ܭଌը໘ ΧϨϯμʔը໘ Ϩϙʔτը໘
!22 ԿΛൃද͢Δͷʁ w࣌ؒཧΞϓϦ)BDLBSVʹ͍ͭͯ w18"Ͱ։ൃͯ͠ྑ͔ͬͨ w18"ͷͭΒΈ
!23 18"ͷྑ͔ͬͨ w؆୯ʹಋೖͰ͖ͨ w1$ͱϞόΠϧͷίʔυΛڞ௨ԽͰ͖ͨ
!24 ؆୯ʹಋೖͰ͖ͨ
!25
!26 ɾ8PSLCPY 4FSWJDF8PSLFS ɾ.BOJGFTU ɾ.FUB ɾ0OF4JHOBM ௨ ʑʜ
!27 ZBSOBEE!OVYUKTQXBͰύοέʔδಋೖ
!28 OVYUDPOpHKTʹϞδϡʔϧΛࢦఆ
!29 TXKT 4FSWJDF8PSLFS ͕ࣗಈੜ͞ΕΔɻ /VYUKTͰɺ 18"ͷಋೖ؆୯ʂ
!30 1$ͱϞόΠϧͷίʔυΛڞ௨ԽͰ͖ͨ
!31 ͦͦɺͳͥ18"Λಋೖͨ͠ͷʁ
!32 ͦͦɺͳͥ18"Λಋೖͨ͠ͷʁ ݸਓ։ൃͰɺJ04"OESPJE1$ͷίʔυΛ ϝϯς͢Δͷେม J04 "OESPJE 1$
!33 ͦͦɺͳͥ18"Λಋೖͨ͠ͷʁ ݸਓ։ൃͰɺJ04"OESPJE1$ͷίʔυΛ ϝϯς͢Δͷେม ࣌ؒΛܭଌදࣔ͢Δͱ͍͏γϯϓϧͳཁ݅ɻ ൃల్্ͷ18"Ͱ࣮Ͱ͖ͦ͏ͱײͨ͡
!34 ࣮ࡍɺԸܙେ͖͔ͬͨ
!35 ϨεϙϯγϒରԠ͢Δ͚ͩͰωΠςΟϒΞϓϦͬΆ͘ɻ 18"൛ 1$൛
!36 ίʔυͱςετΛڞ௨ԽͰ͖ͨɻ
!37 +BWB4DSJQUΛ͑ ωΠςΟϒΞϓϦ෩ͷ6*ɻ w εϫΠϓϝχϡʔ
!38 +BWB4DSJQUΛ͑ ωΠςΟϒΞϓϦ෩ͷ6*ɻ w υϥοάυϩοϓ w εϫΠϓͰϖʔδૹΓ
!39 ԿΛൃද͢Δͷʁ w࣌ؒཧΞϓϦ)BDLBSVʹ͍ͭͯ w18"Ͱ։ൃͯ͠ྑ͔ͬͨ w18"ͷͭΒΈ
!40 18"ͷͭΒΈ wJ04ͷରԠ͕େม
!41 18"ͷͭΒΈ wJ04ͷରԠ͕େม
!42 ྫ$PPLJFͷ
!43 ྫ$PPLJFͷ wϒϥβͱ18"Ͱ$PPLJFΛڞ༗Ͱ͖ͳ͍ wΛ࠶ىಈ͢Δͱফ͑Δ J04 Ҿ༻ʲௐࠪʳ8&#ΞϓϦΛ18"ͱͯ͠ىಈͨ͠߹ʹϒϥβͷ$PPLJF͕Ҿ͖ܧ͕ΕΔ͔֬ೝ͢Δ ˞J04ΑΓલͰΞϓϦΛ࠶ىಈ͚ͨͩ͠Ͱফ͑Δɻ ˞"OESPJEແ͠ɻ
!44 ϩάΠϯঢ়ଶͷอ࣋ͰࠔΔ ΫοΩʔɾηογϣϯ͑ͳ͍
!45 ରԠ-PDBM4UPSBHFΛ͏ τʔΫϯϕʔεͷೝূ
!46 ΞΫηετʔΫϯ +85 ͱ ϦϑϨογϡτʔΫϯͰೝূ WebUI Nuxt.js API Rails5 ϩάΠϯ
(ID, PASS) ϦϑϨογϡτʔΫϯΛฦ͢ ΞΫηετʔΫϯ +85 Λฦ͢ ΞΫηετʔΫϯͰ"1*Λૢ࡞ ϦϑϨογϡτʔΫϯͰ ΞΫηετʔΫϯΛཁٻ wϦϑϨογϡτʔΫϯͰ ΞΫηετʔΫϯΛཁٻͰ͖Δɻ wΞΫηετʔΫϯ͍༗ޮظݶʹઃఆɻ ʙ wϦϑϨογϡτʔΫϯΛ-PDBM4UPSBHF ʹอଘɻ
!47 ྫ"OESPJEʹग़དྷͯ J04ͰͰ͖ͳ͍͜ͱ͕͋Δ
!48 ͨͱ͑ʜ wϓογϡ௨ wϗʔϜը໘ʹՃ ")4 ͷҊʑ
!49 ͨͱ͑ʜ wϓογϡ௨ wϗʔϜը໘ʹՃ ")4 ͷҊʑ
!50 "OESPJEͰ18"ͷҊ͕ग़Δ͚Ͳʜ .JOJJOGPCBS Ҿ༻$IBOHFTUP"EEUP)PNF4DSFFO#FIBWJPS
!51 Ϣʔβ͕18"ΛΔ ํ๏͕༻ҙ͞Ε͍ͯͳ͍ J04ͰԿग़ͳ͍
!52 Ϣʔβ͕18"ΛΔ ํ๏͕༻ҙ͞Ε͍ͯͳ͍ J04ͰԿग़ͳ͍ ࣗલͰ࣮͢ΔͳͲͷରࡦ͕ඞཁ
!53 ͱ͍͑ ͕࣌ؒղܾͯ͘͠ΕΔ͔ʁ
!54 J04Ͱ৭ʑग़དྷΔΑ͏ʹͳͬͨ ΞϓϦϒϥβ 0"VUIೝূ͕Մೳʹ ࠨεϫΠϓͰΔ
!55 J04Ͱ৭ʑग़དྷΔΑ͏ʹͳͬͨ 8FC4IBSF"1*
!56 18"ʹग़དྷΔ͜ͱ͕૿ָ͍͑ͯ͘͠Έ͋Δ কདྷతʹܭଌதόονΛग़ͨ͠Γʜ J04Ͱ௨Λग़ͨ͠Γʜ
!57 ྫʮΔʯϘλϯͲ͏͢Δ
!58 ʮΔʯϘλϯ͕ͳ͍ͷͰɺը໘ભҠ͕ଟ͍ͱࠔΔ ϒϥβͷΔϘλϯ18"Ͱ͑ͳ͍ 18"ͳͷͰɺωΠςΟϒͷ/BWJHBUJPO#BS͑ͳ͍
!59 ରࡦྫࣗલͰʮΔʯϘλϯΛ࣮͢Δ IUUQTKBPOTFOJP ϑϨʔϜϫʔΫ͏ͷ͋Γ͔
!60 ରࡦྫʮΔʯϘλϯ͕ෆཁͳը໘ઃܭʹ )BDLBSVͷը໘ભҠϝχϡʔʹ͋Δ߲ͷΈ ϞʔμϧλϒΛۦͯ͠ը໘Λ࠷খݶʹ
!61 ࣗવͳ6*ͷ18"Λ࡞ΔͳΒ ϞόΠϧϑΝʔετͰ࡞Δͷ͕͓קΊ
!62 J04ʹରԠͤ͞ΔͳΒɺ J04ϑΝʔετ͕͓קΊɻ
!63 ·ͱΊ
!64 ·ͱΊ w18"ͷಋೖͦΜͳʹ͘͠ͳ͍ʂ wJ04͕ΜΕ
!65 18"ͷ੍·ͩଟ͍͚Ͳʜ
!66 ग़དྷΔ͜ͱ͕૿͑Δָ͠Έ͕͋Δ
!67 (JU)VCͰެ։த IUUQTHJUIVCDPNLUNPVLIBDLBSV
!68 ެࣜαΠτ͔ΒͰ͑·͢ IUUQTXXXIBDLBSVBQQ
!69 ͋Γ͕ͱ͏͍͟͝·ͨ͠