普遍的な設計思想とモダンなコーディング

―我々が目指すものは、黒●げ危機一髪でも、ジェ●ガでもない。 いわばサグラダファミリアのような、ガウディの設計思想に近い部分なのである。 （建築家ガウディの思想に基づいたプロジェクトの運用・設計の思想。）

Transcript

1. ීวతͳઃܭࢥ૝ͱϞμϯͳίʔσΟϯά
   28.AUG 2016 MAI KOSOBA
   Gaudi’s Philosophies
   Modern Coding
   and
   GRAND FRONTEND OSAKA
   universal
   

   View Slide

2. ABOUT ME
   Introduce myself
   

   View Slide

3. Mai
   Kosoba
   ๺ւಓˠ౦ژʢ໿೥ʣˠେࡕʢ೥͔Βʣ
   ޷͖ɿ๺ւಓɺѴࢁಈ෺Ԃɺண෺ɺδϣδϣʢ෦ɾ෦ʣϤΨ
   ࠷ۙ͸NBSDPGBCSJLBͱ͍͏԰߸ͰϑϦʔϥϯεͷσβΠφʔɺ"-",*
   גࣜձࣾͰ8FCσβΠφʔͱͯ͠ಇ͍͍ͯ·͢ʢɿ͘Β͍ͷׂ
   ߹ʣɻ8PSE1SFTT͕޷͖Ͱ͢ɻ
   Web designer
   

   View Slide

4. CSS METHODOLOGY
   a development approach
   

   View Slide

5. ૿͑ͯΏ͘DMBTTɺࣅ͍ͯΔ͚Ͳඍົʹҧ͏࢖͍ํ
   ͷίϯϙʔωϯτɺ
   ࢓༷มߋͷ৭ʑͳζϨʜߋ৽࡞ۀ͝ͱʹ૿͑Δແ
   ବͳίʔυʜ
   

   View Slide

6. ͜ΜͳΜ͡Ό͍ͭ·Ͱͨͬͯ΋ऴΘΒͳ͍ʜ
   ·ΔͰ͍ͭ·Ͱ΋ະ׬੒ͳαάϥμɾϑΝϛϦΞʜ
   

   View Slide

7. αάϥμɾϑΝϛϦΞͷྺ࢙ʹ೥͔Β
   ೥΋࡞Γଓ͚͍ͯΔͷʹಥഥࢠ΋ͳ͍΋ͷ͕ಥવ
   ͍ͭͨΓ͠ͳ͍ͳʜऴΘΒͳ͍࡞ۀΛαάϥμɾ
   ϑΝϛϦΞͱݺͿͷ͸ޡΓͳͷͰ͸ͳ͍͔ʁ
   ӡ༻΍ઃܭʹؔͯ͠Կֶ͔΂Δ෦෼͕͋ΔͷͰ͸ʁ
   ˠ৭ʑௐ΂ͯΈͨ
   

   View Slide

8. GAUDI AND
   SAGRADA FAMILIA
   Works of Antoni Gaudí
   

   View Slide

9. View Slide

10. αάϥμɾϑΝϛϦΞ͸ɺΧλϩχΞɾϞμχζ
    Ϝݐஙͷ࠷΋ྑ͘஌ΒΕͨ࡞඼ྫͰ͋ΓɺΧλϩ
    χΞͷݐஙՈΞϯτχɾΨ΢σΟͷະ׬࡞඼Ͱ͋
    ΔɻόϧηϩφࢢͷγϯϘϧɻ
    8JLJQFEJBΑΓ
    

    View Slide

11. ਤ໘΍໛ܕ͸εϖΠϯࢢຽઓ૪Ͱ೩͑ͯ͠·͍ɺ
    ઃܭਤͳͲ͕ͳ͍··࡞Γଓ͚ΒΕ͍ͯ·͢ɻ
    

    View Slide

12. GAUDI?
    Fantastic architect
    

    View Slide

13. ΞϯτχɾΨ΢σΟʢΧλϧʔχϟޠ"OUPOJ1MÁDJE
    (VJMMFN(BVEÍJ$PSOFU <ⓒO㷦UPOJHⓒV
    㷺㷦ÐJJLV㶵㷦OⓘU>೥
    ݄೔೥݄೔ʣ͸ɺεϖΠϯɺΧλϧʔχϟ
    ग़਎ͷݐஙՈɻੈل͔Βੈلʹ͔͚ͯͷϞσϧχε
    ϞʢΞʔϧɾψʔϰΥʔʣظͷόϧηϩφΛத৺ʹ׆ಈ͠
    ͨɻαάϥμɾϑΝϛϦΞʢ੟Ո଒ڭձʣɾάΤϧެԂ
    
    ɾΧαɾϛϥʢʵʣΛ͸͡Ίͱͨͦ͠
    ͷ࡞඼͸ΞϯτχɾΨ΢σΟͷ࡞඼܈ͱͯ͠೥Ϣω
    είͷੈքҨ࢈ʹొ࿥͞Ε͍ͯΔɻɹ8JLJQFEJBΑΓ
    

    View Slide

14. ͳͥઃܭਤͳ͠Ͱ΋࡞Γଓ͚ΒΕΔͷ͔ʁ
    

    View Slide

15. GAUDI’S PHILOSOPHIES
    a man of great pride
    

    View Slide

16. ʮσβΠϯʹҙຯΛ࣋ͨͤΔʯɻ୯ͳΔ૷০Ͱ͸
    ͳ͘ػೳੑ΋࣋ͨͤΔͱ͍͏͜ͱɻ
    ػೳͱߏ଄ͱ৅௃
    ͋Δػೳ͕ඞཁˠσβΠϯతʹղܾɺ৅௃ͷશମ
    ΋͘͠͸Ұ෦Λߏ੒͢ΔΑ͏ʹߟ͍͑ͯΔ
    

    View Slide

17. ݹ͍͔৽͍͔͠ʹ͔͔ΘΒͣɺͦͷͱ͖͋Δํ๏
    ͷத͔Β࠷ߴͷ΋ͷΛબͼͱΔ
    

    View Slide

18. ઃܭਤ͕͋ͬͯ΋ɺϦϑΝΫλϦϯά͸͔ͬ͠Γͱ
    

    View Slide

19. ͜ΕΒͷࢥ૝ͷڞ༗ɻ
    ނਓͩͱͯ͠΋ಉ͡ํ޲ΛݟΔΑ͏ʹ͢Δ
    

    View Slide

20. WHY?
    Gap
    

    View Slide

21. ࠷ॳʹ͓࿩ͨ͠಺༰͕ى͖ͨݪҼɿίʔσΟϯά
    ͷϨϕϧͷࠩɾҙࣝͷҧ͍ɾελΠϧΨΠυͷܰ
    ࢹɾֶशίετɾӡ༻ʹ͓͚Δमਖ਼ߋ৽͕ଟ͘ɺ
    ઃܭ͕؁͔ͬͨͷͰ੍ޚ͖͠Ε͍ͯͳ͍ͳͲͳͲ
    ͱʹ͔͘ɺಉ͡ํ޲ΛΈ͍ͯͳ͔ͬͨ
    

    View Slide

22. PROBLEM SOLVING
    thought processes
    

    View Slide

23. ઃܭͷݟ௚͠ɺϦϑΝΫλϦϯάͷॏࢹɺ
    ελΠϧΨΠυͷ࡞Γ͜Έɺίϛϡχέʔγϣϯ
    Λ૿΍͢ɻͰ͖Δ͚ͩγϯϓϧʹɻ
    σβΠϯʹ͸ҙຯΛ

    ʢશͯجຊతͳ͜ͱͰ͸͋Δʣ
    

    View Slide

24. SUMMARY
    overall summary
    

    View Slide

25. Έͳ͞Μ͸8FCαΠτͷ׬੒͍ͬͯͭͩͱࢥ͍·
    ͔͢ʁ
    ೲ඼ͨ͠ΒʁσβΠϯ௨Γͷܗ͕Ͱ͖ͨΒʁʁ
    

    View Slide

26. 8FCαΠτɺσβΠϯ͸໰୊ղܾͷͨΊʹ͢Δ΋
    ͷͳͷͰ͕ͦ͜ελʔτ
    αάϥμɾϑΝϛϦΞ΋͖ͬͱͦ͏ɻ
    ίʔσΟϯάΛ͍ͯ͠Δͱɺݐஙͱ8FCσβΠϯ
    ʹ͸ࣅ͍ͯΔ෦෼͕ଟ͍ͱײ͡·͢ɻ
    

    View Slide

27. ࡞Δલ͸ํ޲ੑΛఆΊɺ࡞Δ΋ͷʹ͸ҙຯΛ΋ͨ
    ͤɺػೳੑ΍଱ٱੑ΋ߟ͑Δɻ
    

    View Slide

28. ઌਓͨͪʹֶͿ͜ͱ͸ଟ͍
    

    View Slide

29. ຊ࣭͸ͱͬͯ΋γϯϓϧɻ
    ͦͷσβΠϯ͸ԿͷͨΊʁͦͷઃܭ͸ద͍ͯ͠Δʁ
    

    View Slide

30. TOMORROW
    WE WILL DO
    BEAUTIFUL THINGS
    ໌೔͸΋ͬͱྑ͍΋ͷΛͭ͘Ζ͏
    -By Gaudi
    

    View Slide

31. THANK YOU
    for listening.
    

    View Slide