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

デザイナーからのラブレター デザイナーが本音で話すエンジニアとの新しいカンケイ

デザイナーからのラブレター デザイナーが本音で話すエンジニアとの新しいカンケイ

エンジニアサポートCROSS2015でのデザイナーによるパネルディスカッション。 http://2015.cross-party.com/program/e4

Shoken Fujisaki

February 02, 2015
Tweet

More Decks by Shoken Fujisaki

Other Decks in Technology

Transcript

  1. σβΠφʔ͔ΒͷϥϒϨλʔ
    ʙσβΠφʔ͕ຊԻͰ࿩͢ΤϯδχΞͱͷ৽͍͠ΧϯέΠʙ
    ೥݄೔
    ,JUDI)JLF *OD$50
    ౻࡚঵ݟ

    View full-size slide

  2. WebσβΠφʔͷۀ຿಺༰͸֦ு͠ଓ͚͓ͯΓɺ
    ࠷৽ٕज़ͷΩϟονΞοϓ͸ΤϯδχΞͱಉ౳
    ͔ͦΕҎ্ʹॏཁͳ՝୊ͱͳ͍ͬͯΔɻ2000೥
    ୅͸PhotoShop΍IllastratorͰσβΠϯ͢Δ͜ͱ
    ͕த৺ͩͬͨۀ຿͸ɺHTML/CSSͷίʔσΟϯ
    ά·Ͱ޿͕Γɺ࣌ʹ͸؆୯ͳJavaScript(jQuery)
    Ͱͷ࣮૷ΛٻΊΒΕɺ͞Βʹ͸αʔϏεશମΛ
    ߟྀ͠UI/UXΛઃܭ͢Δ͜ͱΛظ଴͞Ε͍ͯΔɻ
    Sublime  TextͰίʔσΟϯά͠ɺTerminal͔Β
    GitΛ࢖͍ίϛοτ͢Δύωϥʔ͕ͨͪɺ͜Ε
    ·ͰͷΩϟϦΞΛৼΓฦΓࠓޙͷWebσβΠ
    φʔͱΤϯδχΞͷؔ܎Λٞ࿦͢Δɻ

    View full-size slide

  3.    モデレーター
       藤崎祥⾒見見(フジサキショウケン)
       KitchHike,  Inc.  共同創業者/CTO    

    View full-size slide

  4. ݱ஍ਓͱίϛϡχέʔγϣϯΛऔΓཱྀ͍ͨߦऀ͕ɺ
    ྉཧΛ࡞ͬͯ͘ΕΔݱ஍ਓͷՈʹ
    ༡ͼʹ͍͚ΔαʔϏεͰ͢ɻ
    https://kitchhike.com/

    View full-size slide

  5. ΤϯδχΞͰ͢

    View full-size slide

  6. ࢓ࣄͰ͸PHPΛ࢖͍ͬͯΔ͚Ͳɺ޷͖ͳݴޠ͸
    RubyͰɺ࠷ۙ͸झຯͰiOS΋͞ΘΓ͸͡Ίͨͱ͜Ζɻ
    جװۀ຿γεςϜܥͷϓϩδΣΫτʹΞαΠϯ͞Ε
    ͓ͯΓɺಉ͡ձࣾʹσβΠφʔ͸͍Δ͚Ͳ઀఺͸ແ
    ͠ɻࠓͷձࣾ͸̏೥໨ɻ

    View full-size slide

  7. ಉظͰస৬ͨ͠ਓ΋νϥϗϥɻͣͬͱಉ͡ձࣾʹ͍
    Δͭ΋Γ͸͋·Γແ͘ɺ͍͔ͭ͸ϑϦʔϥϯε͔ى
    ۀ͍ͨ͠ͳͱ΋ߟ͍͑ͯΔɻͦͷͨΊʹ౔೔͸ษڧ
    ձʹࢀՃͨ͠Γɺ࡞Γ͍ͨWebαʔϏεʹ͍ͭͯ͋
    Ε͜Εߟ͑ͯ·͢ɻ

    View full-size slide

  8. ͦΜͳ͋Δ೔ɺಉ྅ͷσβΠφʔB͞Μ͔Β͓खࢴ
    ͕ɻ

    View full-size slide

  9. ͦΜͳ͋Δ೔ɺಉ྅ͷσβΠφʔB͞Μ͔Β͓खࢴ
    ͕ɻ

    View full-size slide

  10. l࡞Γ͍ͨWebαʔϏε͕͋ͬͯΤϯδχΞΛ୳͠
    ͍ͯΔΜͰ͚͢ͲɺҰॹʹ࡞ͬͯ͘Ε·ͤΜ͔ʁz

    View full-size slide

  11. ͍͔ͭ͸͔̌ΒWebαʔϏεΛ࡞Γ͍ͨͱߟ͍͑ͯ
    ͨA͞ΜɺେتͼɻͰ΋଴ͯΑɺσβΠφʔʹ͍ͭ
    ͯԿʹ΋஌Βͳ͍ʂࠓ·Ͱ·ͱ΋ʹ࿩ͨ͜͠ͱ΋ͳ
    ͍ɻ্ख͘ίϛϡχέʔγϣϯ͕ͱΕΔ͔΋ෆ҆ɻ
    Ͳ͏͠Α͏ɺ্ख͘σβΠφʔͱ͍ͬ͠ΐʹ։ൃΛ
    ਐΊΕΔ͔ͳɻ

    View full-size slide

  12. σβΠφʔ͞Μ͔ΒͷϥϒϨλʔΛड͚औͬͨΤϯ
    δχΞͷ͜Ε͔Β͸ʂʁ

    View full-size slide

  13. զʑ΋͍ͭA͞ΜͷΑ͏ʹσβΠφʔ͞Μ͔Β੠͕
    ͔͔Δ͔Θ͔Γ·ͤΜɻ͍ͭ੠͕͔͔ͬͯ΋ྑ͍Α
    ͏ʹσβΠφʔͷຊԻɺ஌Γͨ͘ͳ͍Ͱ͔͢ʁࢲ
    ͸஌Γ͔ͨͬͨͷͰ༑ୡͷσβΠφʔʹू·ͬͯ΋
    Β͍·ͨ͠ɻΤϯδχΞͱσβΠφʔͱͷؔ܎Λ࣠
    ʹɺ
    1.  ૬खΛཧղ͢Δ
    2.  ίϛϡχέʔγϣϯʹֶ͍ͭͯͿ
    3.  ੒ޭύλʔϯΛ஌Δ
    4.  ཧ૝ͷؔ܎
    ̐ͭͷςʔϚͰύωϧσΟεΧογϣϯΛͯ͠΋Β
    ͍·͠ΐ͏ɻ

    View full-size slide

  14. ύωϦετ঺հ΁

    View full-size slide