個人でPWA対応の時間管理アプリ「Hackaru」を作りました

!LUNPVL ݸਓͰ18"ରԠͷ࣌ؒ؅ཧΞϓϦ࡞Γ·ͨ͠

wߕ൹༑೭ ,BJ5PNPZVLJ w ݸਓͰ18"ରԠͷ  ࣌ؒ؅ཧΞϓϦΛ։ൃ͍ͯ͠·͢ɻ w ࠓ݄ ͔ΒϚωʔϑΥʔϫʔυʹೖࣾ
!2 !LUNPVL LUNPVL

!3 ԿΛൃද͢Δͷʁ w࣌ؒ؅ཧΞϓϦ)BDLBSVʹ͍ͭͯ w18"Ͱ։ൃͯ͠ྑ͔ͬͨ఺ w18"ͷͭΒΈ

!4 ର৅ w 18"ʹڵຯΛ͍࣋ͬͯΔํ w 18"ͰΞϓϦΛ࡞Ζ͏ͱߟ͍͑ͯΔํ

!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 ܭଌը໘ ΧϨϯμʔը໘ Ϩϙʔτը໘

!23 18"ͷྑ͔ͬͨ఺ w؆୯ʹಋೖͰ͖ͨ w1$ͱϞόΠϧͷίʔυΛڞ௨ԽͰ͖ͨ

!24 ؆୯ʹಋೖͰ͖ͨ

!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 εϫΠϓͰϖʔδૹΓ

!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 ͋Γ͕ͱ͏͍͟͝·ͨ͠

個人でPWA対応の時間管理アプリ「Hackaru」を作りました

個人でPWA対応の時間管理アプリ「Hackaru」を作りました

Other Decks in Programming

Featured

Transcript