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

エンジニアのためのスライドデザイン実践講座 / How to design presentat...

エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers

Rails Developers Meetup 2018 Day 3 Extreme で発表させていただきました
- https://techplay.jp/event/679666
- 質問: https://railsdm.herokuapp.com/issues/76

協力:
FlyTeam: https://flyteam.jp/
レイルラボ: https://raillab.jp/

More Decks by ken_c_lo / TAEKO AKATSUKA

Other Decks in Design

Transcript

  1. ΤϯδχΞͷͨΊͷ εϥΠυσβΠϯ ࣮ફߨ࠲ Rails Developers Meetup 2018 Day3 Extreme 2018.07.14

    esa LLC TAEKO AKATSUKA @ken_c_lo ؆୯ɾ఻ΘΔɾಡ·ΕΔ ͋ co-sponsored by
  2. ΤϯδχΞͷͨΊͷ εϥΠυσβΠϯ ࣮ફߨ࠲ Rails Developers Meetup 2018 Day3 Extreme 2018.07.14

    esa LLC TAEKO AKATSUKA @ken_c_lo ؆୯ɾ఻ΘΔɾಡ·ΕΔ ͋ co-sponsored by
  3. ୊ࡐͷεϥΠυͷ࡞ऀ • ͏͚͕Θ͞Μ @ukegawa • ΫϩΰגࣜձࣾɾΤϯδχΞࣾ௕ • 2ͭͷαʔϏεΛ࡞ΓӡӦ • Flyteam:

    ඈߦػϚχΞͷαʔϏε flyteam.jp • ϨΠϧϥϘ: మಓϚχΞͷαʔϏε raillab.jp ࠓճ͸ɺ͏͚͕Θ͞ΜͷεϥΠυΛϦσβΠϯ͠ͳ͕Βɺ ఻ΘΔεϥΠυσβΠϯͷώϯτΛݟ͚͍ͭͯ͜͏ͱࢥ͍·͢ɻ ݩεϥΠυ: https://speakerdeck.com/kurogo/03-bootstrap-night-vol-dot-3-zi-she-saitoyun-ying-jin- tiyotutokodawarifalsesabisuhui-she-yatutemasu
 
 ※ ࠓճͷ಺༰ͷؔ܎্ɺҰ෦ެ։͞ΕͨεϥΠυ͔Βมߋ͍ͯ͠Δ෦෼͕͋Γ·͢

  4. ࠓճͷझࢫ • ఻ΘΔɾಡ·ΕΔεϥΠυϨΠΞ΢τͷ࡞Γํ • ྫ͑͹ɺτʔΫͷͦͷ৔ʹ͍ͳͯ͘΋WebͰγΣΞ͞Εͨ࣌ʹɺಡ·Ε ͯΘ͔Γ΍͍͢σβΠϯΛ໨ࢦ͠·͢
 • ͔ΜͨΜʹͰ͖Δ • Keynoteͷػೳͷൣғ಺ͰͰ͖Δ͜ͱʹݶఆɻڽͬͨ͜ͱ΍Γ·ͤΜɻ


    • ࿩ͷߏ੒΍͠Ό΂Γ΍͢͞ʹ͸౿Έࠐ·ͳ͍ • ΤϯδχΞ͞Μͨͪɺ࿩ͷߏ੒΍͠Ό΂Γ͸جຊతʹΈΜͳ্ख • ݟͤํͷ޻෉Ͱ΋ͬͱΘ͔Γ΍͘͢ͳΔ͔΋ʁͱ͍͏ײ͡ͷ࿩ʹͳΓ·͢
  5. ΤϯδχΞͷͨΊͷ εϥΠυσβΠϯ ࣮ફߨ࠲ Rails Developers Meetup 2018 Day3 Extreme 2018.07.14

    esa LLC TAEKO AKATSUKA @ken_c_lo ؆୯ɾ఻ΘΔɾಡ·ΕΔ ͋ co-sponsored by
  6. Keynote ςϯϓϨʔτ • Azusa͕ϕʔε • େମ͍͍ײ͡ʹͳΔKeynoteςϯϓϨʔτ • http://sanographix.github.io/azusa- keynote/ •

    ࢖ͬͯΔਓଟ͍ɻࢲ΋Ѫ༻ɻ • ຊ౰ʹେମ͍͍ײ͡ʹͳΔ • ૉ੖Β͍͠΋ͷΛ͋Γ͕ͱ͏͍͟͝·͢
  7. ࠨӈʹฒ΂ͯฒྻؔ܎Λදݱ ରͱͳΔ2ͭͷ৘ใΛ ࠨӈฒྻʹฒ΂Δ ਧ͖ग़͠ + ʮίμϫϦʯ ηϯλʔἧ͑ খݟग़͠ͷܗଶΛἧ͑Δ ฒྻɾରൺؔ܎ʹ͋Δ΋ͷ ↓

    ࠨӈʹฒ΂Δͱ
 ؔ܎͕Θ͔Γ΍͍͢ ;͖ͩ͠ +ʮίμϫϦʯ ↓ ݟग़͠ͷσβΠϯ౷Ұ ϖʔδͷ݁࿦Ληϯλʔἧ͑ ↓ ҆ఆײɾڧௐ ৘ใͷ෼ྨʹ߹Θͤͯɺݟͨ໨Λ౷Ұ͢Δɻ
  8. ࣌ܥྻΛදݱ͢ΔσβΠϯ ఺ͱઢͰ࣌ܥྻʹ ਺ࣈΛڧௐ • ೥ද͡Όͳ͍෦෼͸ݟͨ໨
 Λ෼͚Δ • Before / Afterͷؔ܎ੑΛ


    ;͖ͩ͠Ͱ҉ࣔ ఺ͱઢͰ߲໨Λ݁Ϳ ↓ ࣌ܥྻͷදݱ ਺ࣈΛڧௐ͢Δ ↓ ΞΫηϯτɾ೥දදݱ ೥ද͡Όͳ͍ ෦෼
  9. ΠϥετͰΠϝʔδ͠΍͘͢ Before: ωʔϛϯά༝དྷ ΠϥετͰิ଍ ͭ·Γ…Ͳ͏͍͏͜ͱʁ ݁࿦Λ௥Ճͯ͠ิ଍ ໼ҹͰ݁࿦΁༠ಋ ͍Β͢ͱ΍ • ͍Β͢ͱ΍:

    https://www.irasutoya.com/ • Adobe Stock: https://stock.adobe.com/jp/ େମͳΜͰ΋͋Δ ໼ҹ + ݁࿦ʢͭ·Γ…ʣ • ໼ҹͷԼʹɺͦͷϖʔδͷ݁࿦Λॻ͘ • ໼ҹ্͕ԼΛ۠੾ͬͯ͘ΕΔ • ʮͭ·Γʯͷ໾ׂΛՌͨ͢
  10. ि5೔ۈ຿ͷਓ ि4೔ۈ຿ͷਓ ि3೔ۈ຿ͷਓ ฏ೔൒೔ۈ຿ͷਓ ΞϧόΠτɾ
 ύʔτφʔ ۈ຿ස౓͝ͱͷ ελοϑͷάϧʔϓ ਓ਺ ۈ຿ස౓

    ਓ ਓ ਓ ۈ຿࣌ؒ ۈ຿৔ॴ ৬छ άϧʔϐϯά ϥϕϦϯά ಉ͡छྨͷ৘ใΛ
 άϧʔϓԽ͢Δ ৘ใʹϥϕϧΛ͚ͭΔ
  11. ਓɾάϧʔϓΛΘ͔Γ΍͘͢ ਓ਺ ۈ຿ස౓ ۈ຿ස౓
 ͝ͱͷ
 άϧʔϓ ৬छ ਓΞΠίϯ ৘ใͷछྨ͕ҟͳΔͷͰɺ
 σβΠϯΛม͑Δ

    ਓΛද͢৘ใ • 1ਓ෼ͷ৘ใͱ͍͏͜ͱΛ҉ࣔ͢ ΔͨΊɺ ΞΠίϯΛ࢖͏ • ΞΠίϯͷۙ͘ʹ৬छΛ഑ஔɻͦ ͷਓͷଐੑΛදݱ • ۈ຿࣌ؒͷ਺ࣈΛڧௐ͢Δ͜ͱͰɺ ը໘ʹ౷Ұײɾਓಉ࢜ͷൺֱ͕͠ ΍͘͢ͳΔ ۈ຿࣌ؒ͝ͱͷਓͷάϧʔϓ • ਓ਺ɾۈ຿ස౓ͰूஂΛϥϕϦϯά • 4ϚεʹΘ͚ͯάϧʔϓԽ • ਺ࣈΛڧௐͯ͠ϝϦϋϦ
  12. ΞΠίϯʹFont Awesome • https://fontawesome.com/ v4.7.0/ ʢݹ͍ํʣ • MacʹϑΥϯτΛΠϯετʔϧ • alfred-font-awesome-workflow

    • https://github.com/ruedap/ alfred-font-awesome- workflow
 
 
 
 
 
 
 • AlfredͰctrl ԡ͠ͳ͕Βબ୒ • ͕ग़Δ • ϑΥϯτબ୒ →
  13. ৘ใΛ੔ཧ Α͘ΈΔͱ8೥໨ͷ αʔϏεͰ͋Δ͜ͱ͕ Θ͔Δ τϥϑΟοΫ Ϣʔβʔ౤ߘ
 ίϯςϯπ ۩ମతͳϖʔδ ͷ঺հ ͦͷ৔ͰαΠτΈͳ͕Β

    ͠Ό΂Δ༧ఆͩͬͨͷͰɺ εϥΠυͰ͸ϦϯΫͷΈ ʹͳ͍ͬͯΔɻ Α͘ΈΔͱ਺ࣈ͕͍͢͝ Α͘ΈΔͱ਺ࣈ͕͍͢͝ Α͘ݟΔͱ৭ʑ͍͢͝Μ͚ͩͲɺΑ͘ݟͳ͍ͱ͕͢͝͞Θ͔Βͳ͍ ಠࣗฤू
 ίϯςϯπ
  14. վΊͯαʔϏε঺հ ΧϥʔϦϯά ↓ FlyTeamͷςʔϚΧϥʔʹ
 ݟग़͠Λ௥Ճ ↓ ৘ใͷछผຖʹϒϩοΫ෼͚ ਺ࣈΛڧௐ
 
 ϖʔδϏϡʔ

    → PV ϢχʔΫϢʔβʔ → UU
 ࣈ਺Λগͳͯ͘͠໨ʹೖ Γ΍͘͢ ਺ࣈΛڧௐ ݟग़͠Λ௥Ճ ਺ࣈΛڧௐ ↓ ࢹ֮తͳΞΫηϯτʹ΋ 8೥໨Λ௥Ճ αΠτ໊͸େ͖ͳࣈͰ ϝϦϋϦ ↓ݩͷදࣔ ࣈ਺ΛͳΔ΂͘ݮΒ͢ ↓ ໨ʹೖΓ΍͍͢