Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
Search
sugar
August 05, 2016
Design
3
4.2k
テクニカルクリエイターとは?/What is TECHNICAL CREATOR?
sugar
August 05, 2016
Tweet
Share
More Decks by sugar
See All by sugar
デザイナーが10倍輝くCA流マネジメント
sato_yosuke
8
25k
テクニカルクリエイターが担う、サービス開発のUIモックの現場/Technical Creator for the App Design.
sato_yosuke
8
6.7k
Other Decks in Design
See All in Design
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
690
Liquid GlassとApp Intents
touyou
0
550
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.6k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
Installing and Running decksh/pdfdeck
ajstarks
1
900
ドルちゃん
design_dolphins
0
510
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
2
980
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.4k
Vibe Coding デザインシステム
poteboy
3
1.5k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
960
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
1.3k
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
180
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
The World Runs on Bad Software
bkeepers
PRO
72
12k
4 Signs Your Business is Dying
shpigford
186
22k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Automating Front-end Workflow
addyosmani
1371
200k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
A Modern Web Designer's Workflow
chriscoyier
698
190k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
[SF Ruby Conf 2025] Rails X
palkan
0
530
Code Reviewing Like a Champion
maltzj
527
40k
Transcript
TECHNICAL CREATOR? @sugaarɹ2016/08/03ɹʮςΫχΧϧΫϦΤΠλʔͱɹʙಈతσβΠϯͷॏཁੑʙʯ What is
ࣗݾհ ࠤ౻༸հ ʢ͞ͱ͏Α͏͚͢ʣ "NFCBࣄۀຊ෦ɹΫϦΤΠςΟϒ౷ׅࣨɹࣨ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ !TVHBBS
ʵ େຊҹɹ%/1σδλϧίϜ 8FCσβΠφʔ ʵ αΠόʔΤʔδΣϯτ νʔϑɾΫϦΤΠςΟϒσΟϨΫλʔ
ʮεϚϗαʔϏεʯʮνʔϜ։ൃʯͳͲ αʔϏε։ൃʹؔΘΔํ͕ର Class Overview
01ɹαʔϏε։ൃͷࢢͷมԽ 02ɹςΫχΧϧΫϦΤΠλʔͱ 03ɹࠓޙٻΊΒΕΔεΩϧ Index
Trend of Development αʔϏε։ൃͷมԽ
Skeuomorphism εΩϡʔϞʔϑΟζϜ http://www.rogerogreen.com/2015/05/17/s-is-for-skeuomorphism/
ϑϥοτσβΠϯ Flat Design http://dcnews.designclue.co/ios7_flat_design
None
ࢴͷΑ͏ͳ৮ײ ހΛඳ͘ΠϯλϥΫγϣϯ https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-hierarchical-timing
০Ͱ ͝·͔ͤͳ͘ͳͬͨ
ωΠςΟϒΞϓϦࢢͰ ΑΓਫ਼ࡉͳදݱ͕ॏཁ Point 1 σβΠφʔ͕੩తͳσβΠϯ͚ͩΛߦ͏ͷͰͳ͘ͳ͖ͬͯͨ ΤϯδχΞ͕6*Ξχϝʔγϣϯ69Λ୲͏ඞཁ͕ग़͖ͯͨ
ૢ࡞ͷଟ༷ੑ ૢ࡞ͷଟ༷ੑ https://developer.apple.com/jp/documentation/UserExperience/Conceptual/MobileHIG/InteractivityInput/InteractivityInput.html#//apple_ref/doc/uid/TP40006556-CH55-SW2 λοϓɺμϒϧλοϓ υϥοά ϑϦοΫ εϫΠϓ ϐϯν λονϗʔϧυ
ϛεϦʔυ Mislead !!
"QQ4UPSF "QQMFNVTJD
"QQ4UPSF "QQMFNVTJD
)JUMJTU
)JUMJTU
ԡͯ͠ͳ͍ͷ Ͳͬͪʁ
Ͱ͖Δ͔6* ͷੵΈॏͶ͕ΛੜΉ
৺Α͍Ϣʔβʔମݧ͕ ڝ߹༏ҐੑͱͳΔ Point 2 ߴ͍ΫΦϦςΟͱॊೈͳΞτϓοτ͕ॏཁ ʮศར͚ͩͲෳࡶͳػೳʯΛʮ؆୯ʹݟͤΔʯ͕ඞཁ
None
None
ϞοΫπʔϧͷଟ༷Խ IUUQXXXEZTPODPKQDPNNVOJUZBCPVUEZTPOBTQY ϞοΫ πʔϧͷ ଟ༷Խ
IUUQXXXJOWJTJPOBQQDPN
IUUQTQSPUUBQQDPNKB
IUUQXXXQJYBUFDPN
Adobe Experience Design CC (Preview) IUUQXXXBEPCFDPNKQQSPEVDUTFYQFSJFODFEFTJHOIUNM
σβΠϯͱΤϯδχΞϦϯάͷ தؒΛ୲͏πʔϧ͕͖ͬͯͨ Point 3 'MBTIͷΑ͏ͳπʔϧ͕ωΠςΟϒΞϓϦ͚ʹ͖ͬͯͨ 6*Ξχϝʔγϣϯ6*σβΠϯɺΤϯδχΞϦϯάͷෑډ͕͘ͳ͖ͬͯͨ
テクニカルクリエイター 【一人多才なクリエイター】 - いっと たさいな くりえいたー [概要] 表現の幅が広く、デザイン・プログラム言語・アニメーションを 自在に扱えるクリエイター
① 技術の垣根を越えて「テクニカル」に「クリエイティブ」できる人材 ② 一人で領域広くカバーしてハイクオリティなアウトプットができる人材 ③ 業界のトレンドに敏感で常に新技術を追える人材 定義
͔͠͠ Mislead !!
ׂ͕ᐆດʹͳΕͳΔ΄Ͳ ઐੑʹ͚ܽΔͷͰʁ Technical Creator ?
Engineer Designer
͜Εͨͩͷث༻ශ Engineer Designer
ेͳ ϕʔεεΩϧ͕ඞཁ -WҎ্ͳ͚ΕɺμʔϚͷਆ఼Ͱ༐ऀʹస৬͕Ͱ͖ͳ͍Α͏ʹɺ σβΠϯɺΤϯδχΞϦϯάͷेͳϕʔεεΩϧ͕ͳ͚Εͨͩͷث༻ශɻ What is Technical Creator ?
σβΠφʔΤϯδχΞͷ ৽͍̍ͭ͠ͷׂͱͯ͠ Technical Creator ?
αοΧʔͷ%'Ͱ͍͏ͱ ϦϕϩΈ͍ͨͳͷ ͷ͍σΟϑΣϯμʔ͕ʮϦϕϩʯͱݴΘΕ͍ͯΔΑ͏ʹɺ ৽͍͠৬छͰͳ͘ɺσβΠφʔɺΤϯδχΞͷʮ৽ׂ͍͠ʯͰ͋Δɻ What is Technical Creator ?
ࣗͷڧΈΛཧղ͠ ٕज़ΛΈʹԠ༻͢Δ σβΠϯɾϓϩάϥϜݴޠɾΞχϝʔγϣϯͳͲɺ શͯʹ͚͍ͯΔඞཁͳ͘ɺ࠷దͳΞτϓοτͷͨΊͷԠ༻ྗ͕ॏཁ What is Technical Creator ?
ٕज़ͷ࣠Λஔ্͍ͨͰ ྖҬΛ͛Δ Engineer Designer
Thank you @sugaarɹ2016/08/03ɹʮςΫχΧϧΫϦΤΠλʔͱɹʙಈతσβΠϯͷॏཁੑʙʯ