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

20e66a37dd90fe2f3c885cd4d2bef75a?s=47 ktmouk
July 17, 2019

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

20e66a37dd90fe2f3c885cd4d2bef75a?s=128

ktmouk

July 17, 2019
Tweet

Transcript

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

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

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

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

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

  6. !6 ࣌ؒ؅ཧͱ͸ʁ

  7. !7 ೔ʑ΍Δ͜ͱ͕୔ࢁ͋Δ ษڧ ࢓ࣄ झຯ

  8. !8 ʜ͕ɺࠓ೔Կ͔͍֮ͨ͑ͯ͠ͳ͍ ࠓ೔Կ΍͚ͬͨͬ

  9. !9 ʜ͕ɺࠓ೔Կ͔͍֮ͨ͑ͯ͠ͳ͍ ࠓ೔Կ΍͚ͬͨͬ ࣌ؒͷৼΓฦΓ͕͍ͨ͠

  10. !10 )BDLBSV ଌΔ IUUQTXXXIBDLBSVBQQ

  11. !11 ࡞ۀ࣌ؒΛܭଌͯ͠ʜ

  12. !12 άϥϑ΍ΧϨϯμʔͰৼΓฦΓ

  13. !13 ࣗ෼ͷ࣌ؒͷ࢖͍ํ͕෼͔Δ

  14. !14 Ͳ͏΍ͬͯಈ͍͍ͯΔͷʁ

  15. !15 /VYUKT 3BJMT"1*Ͱߏங

  16. !16 ಛ௃ w 8FCIPPL w 0"VUI w Φʔϓϯιʔε w ϚϧνσόΠεରԠ

  17. !17 ಛ௃ w 8FCIPPL w 0"VUI w Φʔϓϯιʔε w ϚϧνσόΠεରԠ

  18. !18 1SPHSFTTJWF8FC"QQT

  19. !19 ͱ͸ʁ 8FCαΠτΛɺ ετΞ͔Βμ΢ϯϩʔυͨ͠ΞϓϦͷ Α͏ʹ࢖͑Δ͜ͱɻ
 ಛఆͷٕज़Λ͋ΒΘ໊͢শͰ͸ͳ͍

  20. !20 )BDLBSVͷ "OESPJEͷϗʔϜΞΠίϯ J04ͷϗʔϜΞΠίϯ "OESPJEͱJ04ରԠ

  21. !21 ܭଌը໘ ΧϨϯμʔը໘ Ϩϙʔτը໘

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

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

  24. !24 ؆୯ʹಋೖͰ͖ͨ

  25. !25

  26. !26 ɾ8PSLCPY 4FSWJDF8PSLFS  ɾ.BOJGFTU ɾ.FUB ɾ0OF4JHOBM ௨஌ ౳ʑʜ

  27. !27 ZBSOBEE!OVYUKTQXBͰύοέʔδಋೖ

  28. !28 OVYUDPOpHKTʹϞδϡʔϧΛࢦఆ

  29. !29 TXKT 4FSWJDF8PSLFS  ͕ࣗಈੜ੒͞ΕΔɻ /VYUKTͰ͸ɺ 18"ͷಋೖ͸؆୯ʂ

  30. !30 1$ͱϞόΠϧͷίʔυΛڞ௨ԽͰ͖ͨ

  31. !31 ͦ΋ͦ΋ɺͳͥ18"Λಋೖͨ͠ͷʁ

  32. !32 ͦ΋ͦ΋ɺͳͥ18"Λಋೖͨ͠ͷʁ ݸਓ։ൃͰɺJ04"OESPJE1$ͷίʔυΛ ϝϯς͢Δͷ͸େม J04 "OESPJE 1$

  33. !33 ͦ΋ͦ΋ɺͳͥ18"Λಋೖͨ͠ͷʁ ݸਓ։ൃͰɺJ04"OESPJE1$ͷίʔυΛ ϝϯς͢Δͷ͸େม ࣌ؒΛܭଌදࣔ͢Δͱ͍͏γϯϓϧͳཁ݅ɻ ൃల్্ͷ18"Ͱ΋࣮૷Ͱ͖ͦ͏ͱײͨ͡

  34. !34 ࣮ࡍɺԸܙ͸େ͖͔ͬͨ

  35. !35 ϨεϙϯγϒରԠ͢Δ͚ͩͰωΠςΟϒΞϓϦͬΆ͘ɻ 18"൛ 1$൛

  36. !36 ίʔυͱςετΛڞ௨ԽͰ͖ͨɻ

  37. !37 +BWB4DSJQUΛ࢖͑͹ ωΠςΟϒΞϓϦ෩ͷ6*΋ɻ w εϫΠϓϝχϡʔ

  38. !38 +BWB4DSJQUΛ࢖͑͹ ωΠςΟϒΞϓϦ෩ͷ6*΋ɻ w υϥοάυϩοϓ w εϫΠϓͰϖʔδૹΓ

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

  40. !40 18"ͷͭΒΈ wJ04ͷରԠ͕େม

  41. !41 18"ͷͭΒΈ wJ04ͷରԠ͕େม

  42. !42 ྫ$PPLJFͷ໰୊

  43. !43 ྫ$PPLJFͷ໰୊ wϒϥ΢βͱ18"Ͱ$PPLJFΛڞ༗Ͱ͖ͳ͍ w୺຤Λ࠶ىಈ͢Δͱফ͑Δ J04 Ҿ༻ʲௐࠪʳ8&#ΞϓϦΛ18"ͱͯ͠ىಈͨ͠৔߹ʹϒϥ΢βͷ$PPLJF͕Ҿ͖ܧ͕ΕΔ͔֬ೝ͢Δ ˞J04ΑΓલͰ͸ΞϓϦΛ࠶ىಈ͚ͨͩ͠Ͱফ͑Δɻ ˞"OESPJE͸໰୊ແ͠ɻ

  44. !44 ϩάΠϯঢ়ଶͷอ࣋ͰࠔΔ ΫοΩʔɾηογϣϯ͸࢖͑ͳ͍

  45. !45 ରԠ-PDBM4UPSBHFΛ࢖͏ τʔΫϯϕʔεͷೝূ

  46. !46 ΞΫηετʔΫϯ +85 ͱ ϦϑϨογϡτʔΫϯͰೝূ WebUI Nuxt.js API Rails5 ϩάΠϯ

    (ID, PASS) ϦϑϨογϡτʔΫϯΛฦ͢ ΞΫηετʔΫϯ +85 Λฦ͢ ΞΫηετʔΫϯͰ"1*Λૢ࡞ ϦϑϨογϡτʔΫϯͰ ΞΫηετʔΫϯΛཁٻ wϦϑϨογϡτʔΫϯͰ
 ΞΫηετʔΫϯΛཁٻͰ͖Δɻ wΞΫηετʔΫϯ͸୹͍༗ޮظݶʹઃఆɻ ʙ෼  wϦϑϨογϡτʔΫϯΛ-PDBM4UPSBHF ʹอଘɻ
  47. !47 ྫ"OESPJEʹग़དྷͯ J04Ͱ͸Ͱ͖ͳ͍͜ͱ͕͋Δ

  48. !48 ͨͱ͑͹ʜ wϓογϡ௨஌ wϗʔϜը໘ʹ௥Ճ ")4 ͷҊ಺౳ʑ

  49. !49 ͨͱ͑͹ʜ wϓογϡ௨஌ wϗʔϜը໘ʹ௥Ճ ")4 ͷҊ಺౳ʑ

  50. !50 "OESPJEͰ͸18"ͷҊ಺͕ग़Δ͚Ͳʜ .JOJJOGPCBS Ҿ༻$IBOHFTUP"EEUP)PNF4DSFFO#FIBWJPS

  51. !51 Ϣʔβ͕18"Λ஌Δ ํ๏͕༻ҙ͞Ε͍ͯͳ͍ J04Ͱ͸Կ΋ग़ͳ͍

  52. !52 Ϣʔβ͕18"Λ஌Δ ํ๏͕༻ҙ͞Ε͍ͯͳ͍ J04Ͱ͸Կ΋ग़ͳ͍ ࣗલͰ࣮૷͢ΔͳͲͷରࡦ͕ඞཁ

  53. !53 ͱ͸͍͑ ͕࣌ؒղܾͯ͘͠ΕΔ͔΋ʁ

  54. !54 J04Ͱ͸৭ʑग़དྷΔΑ͏ʹͳͬͨ ΞϓϦ಺ϒϥ΢β 0"VUIೝূ͕Մೳʹ ࠨεϫΠϓͰ໭Δ

  55. !55 J04Ͱ͸৭ʑग़དྷΔΑ͏ʹͳͬͨ 8FC4IBSF"1*

  56. !56 18"ʹ͸ग़དྷΔ͜ͱ͕૿ָ͍͑ͯ͘͠Έ΋͋Δ কདྷతʹ͸ܭଌத͸όονΛग़ͨ͠Γʜ J04Ͱ΋௨஌Λग़ͨ͠Γʜ 

  57. !57 ྫʮ໭ΔʯϘλϯͲ͏͢Δ໰୊

  58. !58 ʮ໭ΔʯϘλϯ͕ͳ͍ͷͰɺը໘ભҠ͕ଟ͍ͱࠔΔ ϒϥ΢βͷ໭ΔϘλϯ͸18"Ͱ͸࢖͑ͳ͍ 18"ͳͷͰɺωΠςΟϒͷ/BWJHBUJPO#BS΋࢖͑ͳ͍

  59. !59 ରࡦྫࣗલͰʮ໭ΔʯϘλϯΛ࣮૷͢Δ IUUQTKBPOTFOJP ϑϨʔϜϫʔΫ࢖͏ͷ΋͋Γ͔΋

  60. !60 ରࡦྫʮ໭ΔʯϘλϯ͕ෆཁͳը໘ઃܭʹ )BDLBSVͷը໘ભҠ͸ϝχϡʔʹ͋Δ߲໨ͷΈ Ϟʔμϧ΍λϒΛۦ࢖ͯ͠ը໘਺Λ࠷খݶʹ

  61. !61 ࣗવͳ6*ͷ18"Λ࡞ΔͳΒ ϞόΠϧϑΝʔετͰ࡞Δͷ͕͓קΊ

  62. !62 J04ʹ΋ରԠͤ͞ΔͳΒɺ J04ϑΝʔετ͕͓קΊɻ

  63. !63 ·ͱΊ

  64. !64 ·ͱΊ w18"ͷಋೖ͸ͦΜͳʹ೉͘͠ͳ͍ʂ wJ04͕Μ͹Ε

  65. !65 18"ͷ੍໿͸·ͩଟ͍͚Ͳʜ

  66. !66 ग़དྷΔ͜ͱ͕૿͑Δָ͠Έ͕͋Δ

  67. !67 (JU)VCͰެ։த IUUQTHJUIVCDPNLUNPVLIBDLBSV

  68. !68 ެࣜαΠτ͔ΒͰ΋࢖͑·͢ IUUQTXXXIBDLBSVBQQ

  69. !69 ͋Γ͕ͱ͏͍͟͝·ͨ͠