さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2

Transcript

1. ͍͖͞ΐʔͬΆ͍Ͱʔͨ΂ʔ͢Λ
   ͔ͭͬͯ͏͐Ϳ͍ͤͯ͘͞͠Έͨ
   8FCσβΠϯɾ8FC੍࡞ʹؔ͢Δษڧձ
   5BLFOPSJ0LBTIJUB (065&/
   
   ͱʹָ͔͘Λ͍ͨ͠Φοαϯͷମݧ
   

   View Slide

2. Takenori Okashita
   a.k.a. GOUTEN
   @gouten5010
   ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ
   ΫοΫϏζגࣜձࣾ
   8PSE$BNQ0TBLB࣮ߦҕһ௕
   $44ϑϨϯζӡӦ
   

   View Slide

3. ։ൃऀ͸ָΛ͍ͨ͠
   ৸ͯى͖ͨΒԯԁ
   ປݩʹ͋ͬͨΒ͍͍ͷʹ
   

   View Slide

4. ޙͰָΛ͢ΔͨΊʹɺ
   ͪΐͬͱ౒ྗΛͯ͠Έͨࣄྫ
   

   View Slide

5. &YBNQMF
   

   View Slide

6. ͱ͋Δϖʔδ
   ָΛ͢ΔͨΊʹ࡞ͬͨ
   

   View Slide

7. ϖϥΠν
   ָͰ͖ͨϙΠϯτ
   ɾඞཁͳ΋ͷ͕ద੾ʹදࣔ͞Εͯ
   ɹ͍Ε͹े෼
   ɾͦ΋ͦ΋ཁૉ͝ͱʹϖʔδભҠ
   ɹͤ͞Δͷ͢ΒΊΜͲ͍͘͞
   ɾϖϥΠνఔ౓ʹ$.4ͬͯ
   ɹ͍͢͝։ൃίετ͔͔Δ
   

   View Slide

8. ಈతཁૉ
   ָͰ͖ͳ͍ϙΠϯτ
   ɾසൟʹߋ৽͞ΕΔίϯςϯπ
   ɾ׬શʹ੩తͳϖʔδͩͱ
   ɹϦϯΫ੾ΕνΣοΫͱ͔͕
   ɹඇৗʹ໘౗
   ɾߋ৽ͷϑϩʔ͕ෳࡶͩͬͨͱ͖
   ɹ͸΋͏ʜ
   

   View Slide

9. ӡ༻ଆ อकଆ
   ίϯςϯπͷ಺༰͸౎౓ߋ৽͢Δ ௒ઈָ͍ͨ͠ʢߋ৽ͨ͘͠ͳ͍ʣ
   ʮͳʹ΋ͯ͠ͳ͍ͷʹյΕͨʯ
   ͬͯݴ͍͕ͪ
   मਖ਼͸࠷খݶʹ͍ͨ͠
   ྫ͑͹ɺ͜͏͍͏ؔ܎
   

   View Slide

10. Φοαϯ͸ߟ͑ͨ
    Ͳ͏ʹ͔ͯ͠ґཔͳ͠ʹ
    ߋ৽ͯ͠΋Β͑ͯͦͦ͜͜
    ָʹ࡞ΕΔํ๏ͳ͍͔ͳʁ
    

    View Slide

11. ΠϚίί
    ͜͜·ͰͰɺͲͷஈ֊͔
    

    View Slide

12. $.4͸/(
    ओʹඅ༻ରޮՌͷ໘Ͱɻ8PSE1SFTT࢖ͬͯͨͷΛ੩త
    ϖʔδʹมߋͨ͠ͷʹ·ͨ$.4ʹ໭Δͷʁ
    ߋ৽͸ӡӦ͕΍ͬͯ΄͍͠
    ۀ຿ͷ෼୲ɾແବͳϑϩʔͷഇࢭ
    ཁ݅ͷ੔ཧ
    

    View Slide

13. ӡ༻ଆͰ΋͙͢Θ͔Δɺ
    ͍͖͞ΐʔͷͰʔͨ΂ʔ͢
    

    View Slide

14. "1*ൃߦ
    

    View Slide

15. ͍ΘΏΔී௨ͷද
    σʔλΛ࡞Δ
    

    View Slide

16. ("4Λར༻ͨ͠
    "1*ൃߦ
    "1*Λ࡞Δ
    πʔϧεΫϦϓτΤσΟλ
    

    View Slide

17. πʔϧεΫϦϓτΤσΟλ
    υΩϡϝϯτͷ*%
    γʔτ λϒ
    ͷ໊લ
    

    View Slide

18. +40/ͷྫ
    

    View Slide

19. ͔ΜͨΜʹ443
    બఆͷϙΠϯτ
    Ͱɺͬ͘͟ͱ࣮૷
    

    View Slide

20. WIN-WIN
    ӡ༻ଆ อकଆ
    ίϯςϯπ͚ͩߋ৽ ࠷খݶͷमਖ਼
    

    View Slide

21. ࠓޙ΋Φοαϯ͸௕ظతʹݟͯ
    ָ͕Ͱ͖Δ੍࡞Λ͢ΔΑ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
    

    View Slide