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
December 07, 2022
Design
0
210
ノンデザイナーが 多少マシな見た目の資料を作る方法
KittenLT3で発表させていただいたスライドです。
Tsubasa SEKIGUCHI
December 07, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
今日から使える AI駆動開発のすゝめ
tinykitten
1
44
Reactで始める リグレッションテスト概論
tinykitten
0
37
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
Gunma.web #55
tinykitten
0
230
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
0
130
AWS/GCPで始める 生成AI入門
tinykitten
0
160
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
0
48
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
0
290
Rustとtonicで始める gRPC再入門
tinykitten
0
980
Other Decks in Design
See All in Design
Bulletproof Design System with TypeScript
takanorip
7
4.1k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
400
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
310
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
140
What makes a great Director?
_limex_
0
220
decksh object reference
ajstarks
2
1.3k
Findyのプロデチームの 歩みとこれから
satty9556
0
260
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
460
harutaka Vision Deck
zenkigenforrecruit
0
220
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
350
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Practical Orchestrator
shlominoach
190
11k
KATA
mclloyd
32
14k
Site-Speed That Sticks
csswizardry
10
820
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
A better future with KSS
kneath
239
17k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
How STYLIGHT went responsive
nonsquared
100
5.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
We Have a Design System, Now What?
morganepeng
53
7.8k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Building an army of robots
kneath
306
46k
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!