Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

More Decks by Takenori Okashita (GOUTEN)

Other Decks in Technology

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