Material - UI v1が 出そうなので使ってみた

Transcript

1. 1.

   .BUFSJBM
   
   6*
   WƢ
   ͘ƳƜǀDŽƽ˚ƹƼǕƵ 
   3FBDULZPUP
   W

2. 2.

   !NJTVNJ@UBLVNB !NJTVNJ@UBLVNB CMPHNJTNJUIQPSUGPMJPDPN NJTNJUI ૔՛ਸʬ w ॳ͸ͯͳ
   w 3FBDU͸ձࣾͰ΍Γͦ͏ͳͷͰݸਓతʹ͍Ζ͍Ζࢼ͠த
   w

   3FBDU
   ,ZPUP͕ࠓ೔ͩͱࠓ೔ؾ͖ͮ·ͨ͠ʜ
3. 3.

   .BUFSJBM6*

4. 4.

   .BUFSJBM6* w ͨͿΜҰ൪஌ΒΕͯΔ3FBDUͷίϯϙʔωϯτϥΠϒϥϦ
   w ʮ"XX
   :FBI
   .BUFSJBM6*
   W
   JT
   DPNJOHʯ
   w ͳΜ͔΋͏͙͢དྷͦ͏

5. 5.

   .BUFSJBM6*
   W
   ǨDžƮǗǡ w ʮOQN
   JOTUBMM
   4
   NBUFSJBMVJ!OFYUʯͰΠϯετʔϧ
   w 47(ΞΠίϯ͸ʮOQN
   JOTUBMM
   4
   NBUFSJBMVJJDPOTʯͰ࢖͑Δ
   w SFBDUUBQFWFOUQMBHJO͍ͬͯ͏ͷ͕΋͏ෆཁͦ͏

6. 6.

   .BUFSJBM6*
   W
   ǨƺơƹƼǕǡ ͨͱ͑͹Ϙλϯ JNQPSU
   'MBU#VUUPO
   GSPN
   bNBUFSJBMVJ'MBU#VUUPO`
   JNQPSU
   3BJTFE#VUUPO
   GSPN
   bNBUFSJBMVJ3BJTFE#VUUPO`
   DPOTU
   &YBNQMF
   
   
   
   \
   
   
   EJW
   
   
   
   
   'MBU#VUUPO
   MBCFMl%FGBVMUz
   
   
   
   
   
   3BJTFE#VUUPO
   MBCFMl1SJNBSZz
   
   
   
   EJW
   

   ^ JNQPSU
   #VUUPO
   GSPN
   bNBUFSJBMVJ#VUUPO`
   DPOTU
   &YBNQMF
   
   
   
   \
   
   
   EJW
   
   
   
   
   #VUUPO%FGBVMU#VUUPO
   
   
   
   
   #VUUPO
   
   SBJTFE
   DPMPSlQSJNBSZz1SJNBSZ#VUUPO
   
   
   EJW
   ^ ͱͳ͍ͬͯͨͷ͕ ͜͏
7. 7.

   -BZPVUƢ౼;ƫǢƼǡ w લόʔδϣϯͰ͸ϨΠΞ΢τ͸ͳ͔ͬͨ
   w 'MFYCPYΛ࢖ͬͨ෼ׂͷ(SJE
   -BZPVU͕௥Ճ͞Ε͍ͯΔ
   w (SJE
   Λ࢖͏

8. 8.

   ƺơƹƼǕǡ w HVUUFSͰִؒΛࢦఆ
   w ࿮ʹ͸DPOUBJOFSɺத͸JUFN
   w YT΍TNɺMHͳͲ༻ҙ͞ΕͯΔϒϨΠΫϙΠϯτͰԿ෼ׂʹ͢Δ͔ࢦఆ
   w ϒϨΠΫϙΠϯτͷ୯Ґ͕EQͱ͍͏΍ͭ JNQPSU
   (SJE
   GSPN
   NBUFSJBMVJ(SJE
   

   DPOTU
   &YBNQMF
   
   
   
   \
   
   
   EJW
   
   
   
   
   (SJE
   DPOUBJOFS
   HVUUFS\^
   
   
   
   
   
   
   
   
   
   
   (SJE
   JUFN
   YT\^
   TN\^
   
   
   
   
   
   
   
   
   
   
   
   
   YT
   TN
   
   
   
   
   
   
   
   
   
   
   (SJE
   
   
   
   
   
   
   
   
   
   
   (SJE
   JUFN
   YT\^
   TN\^
   
   
   
   
   
   
   
   
   
   
   
   
   YT
   TN
   
   
   
   
   
   
   
   
   
   
   (SJE
   
   
   
   
   
   
   
   
   (SJE
   
   
   EJW
   ^
9. 9.

   ƺơƹƼǕǡ w ੔ྻ͢Δͷ΋༻ҙ͞ΕͯΔ
   w EJSFDUJPOɺKTVUJpZɺBMJHOͳͲqFYCPY࢖ͬͯͨΒ͍͍ͩͨ෼͔Δ JNQPSU
   (SJE
   GSPN
   NBUFSJBMVJ(SJE
   DPOTU
   &YBNQMF
   
   
   
   \
   
   
   EJW
   
   
   
   
   (SJE
   DPOUBJOFS
   EJSFDUJPOlDPMVNO
   KVTUJGZlTQBDFBSPVOE
   BMJHOlqFYFOE
   
   

   
   
   
   
   
   
   
   
   
   
   (SJE
   JUFN
   YT\^
   TN\^(SJE
   
   
   
   
   
   
   
   
   
   
   (SJE
   JUFN
   YT\^
   TN\^(SJE
   
   
   
   
   
   
   
   
   
   
   (SJE
   JUFN
   YT\^
   TN\^(SJE
   
   
   
   
   
   
   
   
   (SJE
   
   
   EJW
   ^
10. 10.

    ƺơƹƼǕƵ؎؆ w MBZPVU૿͑ͯΔͷ͸ศར
    w EQ͍ͬͯ͏୯Ґ͕ͪΐͬͱ෼͔Βͳ͍
    w .FOV*UFN
    QSJNBSZ5FYUl4BNQMFzͱ͍͏ײ͡ʹͳͬͯͨͷ͕ɺ .FOV*UFN4BNQMF.FOV*UFNͱด͡ΒΕΔΑ͏ʹͳͬͯΔͷ͕ݸ ਓతʹ͸͍͍
    w

    υΩϡϝϯτ͸΋͏ͪΐͬͱॆ࣮ͯ͠΄͍͠ʢ͜Ε͔Βʁʣ
    w ͳΜ͔ྑͦ͞͏
11. 11.

    ƠǥǠ 
    3FBDULZPUP
    W