Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ノンデザイナーが 多少マシな見た目の資料を作る方法
Search
Tsubasa SEKIGUCHI
PRO
December 07, 2022
Design
0
200
ノンデザイナーが 多少マシな見た目の資料を作る方法
KittenLT3で発表させていただいたスライドです。
Tsubasa SEKIGUCHI
PRO
December 07, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
Reactで始める リグレッションテスト概論
tinykitten
PRO
0
25
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Gunma.web #55
tinykitten
PRO
0
210
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
120
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
150
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
44
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
930
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
Other Decks in Design
See All in Design
7 Core Values of Round-L
wired888
0
580
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
280
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
450
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3k
Cyber Heart Online Book
hjnasby
0
150
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
580
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
680
portfolio_YumiYasuda
yum0418
0
300
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
How to get a Tiger to Tulsa
mcduckyart
0
110
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
120
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
A Tale of Four Properties
chriscoyier
160
23k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Adaptive Systems
keathley
43
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Transcript
Photo by Christian Chen on Unsplash KittenLT3(৽͍͠ឺΛ࡞Ζ͏) 2020.3.6 @ Online
Tsubasa SEKIGUCHI LEA-3645969186565158903 ϊϯσβΠφʔ͕ ଟগϚγͳݟͨͷࢿྉΛ࡞Δํ๏ Design for non-designer
TinyKitten Freelance frontend engineer
Tsubasa SEKIGUCHI I 💖 Open source & Cat.
TrainLCD ຊશࠃͰ͑Δ ిंͷ-$%Λ࠶ݱͨ͠εϚϗΞϓϦͰ͢
TeamKitten ʮ໘ന͍ʯ͜ͱΛ͍ͨ͠ਓ͕ू·Δ ίϛϡχςΟͰ͢ɻ
TeamKittenओ࠵Πϕϯτ KittenLT3ʹ͝ࢀՃ͍͖ͨͩɺ ͋Γ͕ͱ͏͍͟͝·͢ɻ
σβΠϯͷఆٛͱʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
σβΠϯͱ۩ମతͳΛղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱԿ͔ʁ
σβΠϯͱ۩ମతͳΛղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱԿ͔ʁ
σβΠϯɺΛղܾ͢Δ ʮखஈʯͰ͋Δɻ σβΠϯͱԿ͔ʁ
σβΠϯʹʮతʯ͕͋Δ ങͬͯ΄͍͠ कͬͯ΄͍͠ དྷͯ΄͍͠ σβΠϯͱԿ͔ʁ
σβΠϯͱԿ͔ʁ DESIGN ART ≠ σβΠϯΞʔτͰͳ͍ σβΠϯʮཧղʯ͞ΕΔ͜ͱ͕ॏཁ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁͩΖ͏͔ʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ͪΖΜ΄ͱΜͲؔͳ͍
1. σβΠϯͷݪଇʹै͏ 2ਤΛ͏ . ઌਓͷܙΛआΓΔ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
σβΠϯͷݪଇʹै͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇۙ ؔ࿈͢Δใͷ༨നదʁ ਓҐஔతʹ͍ۙͷΛ ʮ͕ؔ͋Δͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ Ͱɺ͜ͷࢿྉͲ͏Ͱ͠ΐ͏ʁ ϞϊΫϩ
Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇۙ ؔ࿈͢Δใͷ༨നదʁ ਓҐஔతʹ͍ۙͷΛ ʮ͕ؔ͋Δͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ ؔ͋Δͷۙ͘ɺ ؔͷͳ͍ͷԕ͘͠·͠ΐ͏ɻ
ϞϊΫϩ Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇྻ ἧ͑ͳ͔ͬͨΒ ͜ͷ໊ͲΜͳҹΛड͚·͔͢ʁ ཁૉ͕ͩΒͩΒཏྻ͞Ε͍ͯΔΑ͏Ͱɺ Θ͔Γʹ͍͘ͱײ͡ΔͷͰʁ ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ
TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me
ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me ݪଇྻ
ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me ݪଇྻ
ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ݪଇڧऑ ใͷ༏ઌΛؾʹ͠ͳ͍ͱ ྫ͑ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ ͨͩจࣈΛཏྻͯ͠Δ͚ͩͰɺ Ͳͷใ͕ॏཁͳͷ͔Θ͔Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞ΔʹԿ͕ඞཁ͔
5JOZ,JUUFO Πϕϯτ ๛ౡ۠ຽηϯλʔ
ݪଇڧऑ ใͷ༏ઌΛؾʹ͠Α͏ ྫ͑ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ จࣈͷେ͖͞ଠ͞Λม͑Δ͚ͩͰɺ දࢴͷҹมΘΓ·͢ɻ ͪΖΜɺ͜ͷϨΠΞτ͕ ਖ਼ղͱ͍͏Θ͚Ͱ͋Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞ΔʹԿ͕ඞཁ͔ TinyKitten Πϕϯτ at ๛ౡ۠ຽηϯλʔ
ݪଇ෮ ಛతͳͷΛ ҙࣝతʹ܁Γฦ͠͏ ৭ઢɺϞνʔϑɺϨΠΞτͳͲΛ ಉ͡σβΠϯͷதͰ܁Γฦ͠͏ͱ શମʹҰମײ͕ੜ·Ε·͢ɻ ͜ͷϧʔϧͷ͜ͱΛɺۀք༻ޠͰ τʔϯˍϚφʔʢτϯϚφʣͱ͍͍·͢ɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
σβΠϯͷݪଇʹै͏
ਤΛ͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ͜ͷࢿྉ৴༻Ͱ͖Δʁ ͕ࣔ͞Ε͍ͯͳ͍ɺ ͋·Γ৴༻͞Εͳ͍ɻ ΄͛ࣄۀͷ ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ͔ΒؒͰେ෯ͳ Λ͛·ͨ͠ɻ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ͜ͷࢿྉ৴༻Ͱ͖Δʁ ͕͖ͬΓ͠·ͨ͠Ͷɻ Ͱ·ͩͩΊͰ͢ɻ ਤ͕ͳ͔ͯ͘ΓͮΒ͍ɻ ΄͛ࣄۀͷ ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ͔ΒؒͰച্͕ഒʹ
͠·ͨ͠ɻ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ άϥϑదʁ ਤΛ͚·ͨ͠ɻ Ͱ·ͩବͰ͢Ͷɻ ݟΔଆͷϊΠζΛߟ͑·͠ΐ͏ɻ ΄͛ࣄۀͷ ͔ΒؒͰച্͕ഒʹ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ྫͱͯ͠ ໌Β͔ʹແବͳใΛഉআ͠·ͨ͠ɻ ࢿྉΛݟ͍ͯΔਓ ݁ՌΛΓ͍͚ͨͩɻ ແବͳ০ɺ ϊΠζͱͳΔσʔλආ͚·͠ΐ͏ɻ ΄͛ࣄۀͷ
ԯԁ ԯԁ ͔ΒؒͰച্͕ഒʹ
ઌਓͷܙΛआΓΔ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ઌਓͷܙΛआΓΔ 4MJEFTIBSFΛݟΔ σβΠϯͷηϯεཁҾ͖ग़͠ɻ εϥΠυ͕γΣΞ͞Ε͍ͯΔαΠτΛݟͯɺ ͍͍εϥΠυͷख๏Λ౪ΜͰΈΑ͏ɻ
Photo by Christian Chen on Unsplash KittenLT3 2020.2.6 @ Online
Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening!