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
concrete5 my LT
Search
DJ Kazu
July 24, 2016
Design
0
32
concrete5 my LT
concrete5 2016/01/01-05/31までの実績紹介
DJ Kazu
July 24, 2016
Tweet
Share
More Decks by DJ Kazu
See All by DJ Kazu
concrete5 v8出版イベント テーマ化で苦労した話
djkazu
0
53
KOF2017 concrete5
djkazu
2
33
CMS大阪夏祭り2017 concrete5
djkazu
0
480
OSC京都2017 concrete5
djkazu
0
97
concrete5 harvest second
djkazu
0
97
concrete5 CMS夏祭り 20160
djkazu
0
51
concrete5 OSC京都 7/30
djkazu
0
120
Other Decks in Design
See All in Design
WHAT ARE ME?
takuro_nakajima
PRO
0
1.4k
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.1k
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
640
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
400
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
180
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.4k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
120
1人歩きする営業資料作成
yutoshukuya
2
150
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
300
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.2k
The Cost Of JavaScript in 2023
addyosmani
20
3.9k
Adopting Sorbet at Scale
ufuk
69
8.6k
Building Applications with DynamoDB
mza
88
5.6k
Being A Developer After 40
akosma
66
580k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
The Invisible Side of Design
smashingmag
294
49k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
6
3.4k
GraphQLの誤解/rethinking-graphql
sonatard
55
9.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Transcript
DPODSFUFUIFNF .Z5IFNF-5WFS ·Ͱͷ࣮
"CPVU .PUIFS)FBETʢϚβʔϔοζʣ %FTJHOFSʢσβΠφʔʣ ,B[VIJSP.BUTVEBʢদాʣ ʮ͜͜Ͱ͔͠Εͳ͍ϞϊΛΔʂ ϞϊΓΛͭ͏ͯ͡ώτΛࡒ࢈ͱ͢Δʯ XXXNPUIFSIFBETOFUɹΦϑΟγϟϧ8&# XXXNPUIFSIFBETDPN&$αΠτ !EK@LB[V ,B[VIJSP.BUTVEB
"CPVU ͜Εࢲ্ཱ͕ͪ͛ͨϒϥϯυʹͳΓ·͢ɻ ಠࣗੑΛͱͯେࣄʹ͍ͯ͠·͢ɻ ͜͜ͰɺσβΠϯΛ௨༷ͯ͡ʑͳϞϊΛ ͍ͬͯ·͢ɻ ! ϑΝογϣϯɺ%51ɺ8&#αΠτɺ ΠϥετɺΞΫηαϦʔͱ༷ʑͰ͢ɻ ৄ͘͠αΠτΛ͝ཡ͍ͩ͘͞ɻ
"CPVU ࢲೋͭͷإΛ͍࣋ͬͯ·͢ʂʂ
"CPVU )PMNEFTJHOJODʢϗϧϜσβΠϯגࣜձࣾʣ 8FC%FTJHOFSʢΣϒσβΠφʔʣ ,B[VIJSP.BUTVEBʢদాʣ XXXIPMNEFTJHOKQ -1ܥΛϝΠϯɻاۀͷ8&#αΠτɺ%51ؔ࿈ ϝϯόʔߏɺ άϥϑΟοΫσβΠφʔɺ ϑϩϯτΤϯυΤϯδχΞ 8&#σβΠφʔ݉ίʔμʔʢࢲͰ͢ʣ
ͷਓͰ͢ɻ
"CPVU ͜ͷೋͭͷҧ͍ʂʁ ࣗͷϒϥϯυ ࣗ༝ؾ··Ͱ ͖์͍ͯ͠·͢ ࣄΛ͏͚·͢ ձࣾͱͯ͠ɺ͍ͬͯ·͢ ҆৺͍ͯͩ͘͠͞
"CPVU ࠷ۙͰɺ DPODSFUFͰͷ Ѫ͞ΕΩϟϥʹͳΓͭͭ͋Γ·͢ɻ
"CPVU ࠷ޙʹʂ DPODSFUFͰͷҊ݅ΛશྗͰ ͱΓʹ͍͘ॴଘͰ͢ɻ ! ͝հ͓Αͼ͝ґཔɾ͝૬ஊͳͲ͋Γ·ͨ͠Βɺ Ͳ͏ͧΑΖ͓͘͠ئ͍͍ͨ͠·͢ɻ
"CPVU ࣗݾհ͜͜·Ͱʹ͠·͢ɻ
%FMJWFSBCMF ࣮ࡍʹɺ ʮࢲ͕ͬͨ8&#αΠτɾUIFNFʯ Λ͝հ͍ͨ͠·͢ʂ ! ͲΕίϯηϓτશવҧ͍·͢ɻ ݄ʙ݄·ͰͰ αΠτΓ·ͨ͠ʂ
%FMJWFSBCMF ͪͳΈʹɺ ςʔϚ༷ʢ൚༻ੑʣ ͷͨΊɺIUNMͷϕλΓΛ গͳ͍ͯ͘͠·͢ɻ
%FMJWFSBCMF Πϥετɺࢲ͕ඳ͍͍ͯ·͢ɻ ! ࣸਅ࣌ʹࡱӨͨ͠ͷΛՃ͍ͯ͠ ·͢ɻ
%FMJWFSBCMF ୈͷհͰ͢ɻ
%FMJWFSBCMF DPODSFUFͰͬͨαΠτհ %K,B[V༷EKLB[VTVQFSWJOZMOFU DPODSFUFWFS
%FMJWFSBCMF ߏஙظؒ ! wߏ͓ΑͼϫΠϠʔɺσβΠϯɺίʔσΟϯά Ͱϱ݄΄Ͳɻ w࡞ۀظ݄ؒʙखલ·Ͱɻ wॳΊͯͷߏஙͰϱ݄Λඅ͢ɻ w࡞ۀظ݄ؒʙ݄Ͱɻ
%FMJWFSBCMF ಛͱͯ͠ ίʔϙϨʔτܕ8&#αΠτͰ͢ɻ QBSBMMBYΛ༻͍ͯಈ͖ͷ͋ΔαΠτͰ͋Γɺ QBSBMMBYΦϑରԠͰ͖Δɻ Ϩεϙϯγϒػೳ͋Γɻ ΧελϜϨΠΞτϓϦηοτΛ༻ɻ δϟϯϧ͝ͱʹϥϕϧͷ໊લ৭͕ม͑ΒΕΔɻ ϖʔδϦετΛԠ༻͔͍ͯͭͬͯ͠Δɻ
%FMJWFSBCMF ΧελϜϨΠΞτϓϦηοτͱʂʁ ! #PPUTUSBQͰ͏ϨΠΞτػೳͰ͢ɻ جຊతʹ˓˓ΧϥϜͱͦͷͷઃఆΛ͠·͢ ͕ొΛ͓͚ͯ͠ɺܾΊଧͪͰΧϥϜઃఆ͕Ͱ ͖·͢ɻ͜ΕศརͰ͢ɻ ͨͩ͠ɺΧϥϜͱ͍͏ϨΠΞτͷΈͷઃఆʹͳ Γ·͢ɻ !
!
%FMJWFSBCMF ΧελϜϨΠΞτϓϦηοτͱʂʁ ! ͞ΒʹɺDMBTTl˓˓zͱ͔ॻ͍͓͚ͯΔͷͰ$44 ͕͍͘͢ͳΓ·͢ɻ
%FMJWFSBCMF ϖʔδϦετΛԠ༻͢Δ͜ͱʹΑΓ ίϯςϯπͷՃ͕؆୯ʹͳΓཧ͘͢͠ɺ ӡ༻͕εϜʔζʹͳΔͱࢥ͍·͢ɻ ! ཧ༝ɺ ϖʔδϦετϖʔδ୯ҐͰཧͰ͖Δɻ ϖʔδͰͷฤू͕Ͱ͖ɺαΠτϚοϓ͔Β୳ ͢͜ͱͰ͖·͢ɻ
%FMJWFSBCMF ·ͱΊ ֤ϖʔδͷ׆༻ߏ w 501ϖʔδίʔϙϨʔτతʹ׆༻Ͱ͖·͢ɻ w "#065ϖʔδελοϑհɺਤɺ͓͍߹Θͤ ʹ׆༻Ͱ͖·͢ɻ w '"703*5ϖʔδհʹ׆༻Ͱ͖·͢ɻ
w %*"3:ϒϩάʹ׆༻Ͱ͖·͢ɻ w 4$)&%6-&χϡʔεಛूϖʔδʹ׆༻Ͱ͖·͢ɻ w جຊςʔϚ༷ͳͷͰ൚༻ੑΛͨ͢ʂʂ ˞࡞ऀͱͯ͜͠͏ࢥ͍ͬͯ·͢ɻ
%FMJWFSBCMF ςʔϚαΠτ ͪ͜ΒແྉͷςʔϚαΠτͷσϞͰ͢ɻ ӡ༻WFSͱ༷͕ҧ͍·͢ɻ ແྉʹ͖ͭɺδϟϯϧʹԠͯ͡ϥϕϧͷ໊લ ৭͕ม͑ΒΕΔͷछྨ·Ͱɻ QBSBMMBYͳ͠ʹͳ͍ͬͯ·͢ɻ τοϓϖʔδ͕Χϧʔηϧʹͳ͍ͬͯ·͢ɻ ! !
! σϞϖʔδɿIFZEKTVQFSWJOZMOFU DPODSFUFWFS
%FMJWFSBCMF ςʔϚൢചʹ͍ͭͯ ͜ͷ'JSTU5IFNF ແྉ൛ͱͳΓ·͢ɻ ӡ༻൛ͱएׯҧ͍·͢ɻ ˞্هϖʔδʹͯ֬ೝئ͍·͢ɻ ! DPODSFUFϚʔέοτϓϨΠε·Ͱ IUUQXXXDPODSFUFPSHNBSLFUQMBDFUIFNFTIFZEK
%FMJWFSBCMF ୈͷհͰ͢ɻ
%FMJWFSBCMF ӡ༻WFSBZBOZBOOFU DPODSFUFWFS DPODSFUFͰͬͨαΠτհ
%FMJWFSBCMF ߏஙظؒ ! wߏ͓ΑͼϫΠϠʔɺσβΠϯɺίʔσΟϯά Ͱϱ݄΄Ͳɻ w࡞ۀظ݄ؒʙखલ·Ͱɻ wߏஙिؒʙिؒɻ w࡞ۀظ݄ؒத०ʙ݄Ͱɻ
%FMJWFSBCMF ಛͱͯ͠ ϒϩάϝΠϯܕ8&#αΠτͰ͢ɻ NBTPOZΛ༻͍ͯίϯςϯπΛϥϯμϜʹฒ ΒΕΔɻϨεϙϯγϒػೳ͋Γɻ ݖݶػೳͰϒϩάهࣄͷӡ༻Λ͍ͯ͠Δɻ αϜωΠϧͷࣸਅͷେ͖͞ΞΠίϯͷऔΓ ͚͕બͿ͜ͱ͕Ͱ͖Δɻ ଟ༷ʹϖʔδϦετΛ͍ɺϖʔδϦετΛ Ԡ༻͔͍ͯͭͬͯ͠Δɻ
!
%FMJWFSBCMF ϖʔδλΠϓͱϖʔδଐੑͱ ϖʔδϦετͷͭΛΈ߹Θ͢ࣄͰ ը૾ͷେ͖͞ɺΞΠίϯͷछྨΛબͰ͖Δ ཁૉΛͨͨ͠Γɺ ϖʔδλΠϓ͔Β֤ϖʔδͷδϟϯϧΛ બͰ͖ΔཁૉΛͨ͢͜ͱ͕Մೳɻ ! ϖʔδϦετΛԠ༻͢Δ͜ͱͰ ؔ࿈هࣄϐοΫΞοϓهࣄͳͲͷදࣔՄೳɻ
%FMJWFSBCMF ϖʔδϦετΛԠ༻͢Δ͜ͱʹΑΓ ίϯςϯπͷՃ͕؆୯ʹͳΓཧ͘͢͠ɺ ӡ༻͕εϜʔζʹͳΔͱࢥ͍·͢ɻ ! ཧ༝ɺ ϖʔδϦετϖʔδ୯ҐͰཧͰ͖Δɻ ϖʔδͰͷฤू͕Ͱ͖ɺαΠτϚοϓ͔Β୳ ͢͜ͱͰ͖·͢ɻ
%FMJWFSBCMF ͞Βʹɺ ϫʔΫϑϩʔˍݖݶػೳΛ͔͍ͭͬͯ·͢ɻ !
%FMJWFSBCMF ϫʔΫϑϩʔͱʂʁ ! ྫ͑ɺهࣄΛॻ͍ͨώτ͔Βϝʔϧ͕͖·͢ɻ ॻ͍ͨهࣄͷσβΠϯɺ༰ͳͲΛ֬ೝͯ͠ͳ ͚Εެ։Ͱ͖Δͱ͍͏ػೳͰ͢ɻ ͜ΕͰ҆શͳӡ༻͕Ͱ͖·͢ɻ !
%FMJWFSBCMF ݖݶͱʂʁ ! ͋ΔҰ෦ͷಛूهࣄΩϟϯϖʔϯϖʔδΛදࣔɾ ඇදࣔʹͰ͖·͢ɻ ͭ·ΓɺӾཡͰ͖ΔώτΛબͰ͖Δͱ͍͏ػೳ Ͱ͢ɻ ࣌ؒࢦఆͳͲͰ͖ɺ͍͔ͭΒ͍ͭ·Ͱͱ͍͏Α ͏ͳެ։Ͱ͖·͢ɻ !
%FMJWFSBCMF ·ͩ͋Γ·͢ʂ ελΠϧΧελϚΠζΛࡌ͍ͯ͠·͢ɻ !
%FMJWFSBCMF ελΠϧΧελϚΠζͱʂʁ ! ςʔϚʹɺελΠϧΧελϚΠζΛࡌ͍ͯ͠·͢ɻ ϓϦηοτʢ·ͱΊͯઃఆʣΛઃఆ͓͚ͯ͠ɺͻͱͭ ͷςʔϚͰొ͍ͯ͠ΔελΠϧ͚ͩͷมߋઃఆ͕Ͱ ͖Δɻ ϓϦηοτͰ·ͱΊͯͰͳ͘ɺݸผͰ͔͑Δ͜ͱ Ͱ͖·͢ɻ !
%FMJWFSBCMF ·ͱΊ ֤ϖʔδͷ׆༻ߏ w 501ϖʔδ͓Αͼδϟϯϧϖʔδϒϩάʹ׆༻Ͱ͖ ·͢ɻδϟϯϧ͝ͱʹग़ྗͰ͖·͢ɻ w */'03."5*0/χϡʔεಛूϖʔδʹͯ׆༻Ͱ͖ ·͢ɻ w
$0/5"$5͓͍߹Θͤʹͯ׆༻Ͱ͖·͢ɻ w '"2Α͋͘Δ࣭ʹͯ׆༻Ͱ͖·͢ɻ w جຊςʔϚ༷ͳͷͰ൚༻ੑΛͨ͢ʂʂ ˞࡞ऀͱͯ͜͠͏ࢥ͍ͬͯ·͢ɻ
%FMJWFSBCMF ςʔϚαΠτ ͪ͜Β༗ྉͷςʔϚαΠτͷσϞͰ͢ɻ ӡ༻WFSͱ༷͕ҧ͍·͢ɻ ελΠϧΧελϚΠζͰDPODSFUFͰελ Πϧ͕ม͑ΒΕΔɻ ίϯςϯπϘοΫεͷΞΠίϯ͔ͭͳ͍ɻ ίϯςϯπϘοΫεͷIPWFS͕ςΩετͰ͋ Δɻ σϞϖʔδPIMPWFBZBOZBOOFU
%FMJWFSBCMF ςʔϚൢചʹ͍ͭͯ ͜ͷ4FDPOE5IFNF ༗ྉ൛ͷΈͱͳΓ·͢ɻ ӡ༻൛ͱएׯҧ͍·͢ɻ ˞্هϖʔδʹͯ֬ೝئ͍·͢ɻ ! UIFNFαΠτ DPODSFUFϚʔέοτϓϨΠε·Ͱ ݱࡏɺ४උத
%FMJWFSBCMF ੍࡞ύʔτφʔ 4QFDJBM5IBOLT DPODSFUF+BQBO$&0ඛ DPODSFUF+BQBO$$0,BU[6FOP DPODSFUFؔ6(!BDMJTT DPODSFUF*OUFHSBUFQBSUOFSࠤৡ ͞ͷΏͣΔ DPODSFUF*OUFHSBUFQBSUOFSঙ࢘ૣ߳
)PMNEFTJHOJODΤϯδχΞࢁԼو ! ʮײँʯͰ͢ɻ ! !
*OGPSNBUJPO ςʔϚʹ͍ͭͯ ୈͷςʔϚDPODSFUFͷ13#৹ࠪΛड͚ ʹ໊ݹͷʹͯ৹͕ࠪͱ͓Γ·ͨ͠ɻ ͜ͷ໊ݹͰDPODSFUFͷΛ͍ͯ͠Δ ࠷தͰͨ͠ɻ ୈͷςʔϚΛݱࡏɺϚʔέοτϓϨΠεʹ ఏग़Ͱ͖ΔΑ͏ʹ͍ͬͯ·͢ɻ ! ˞ςʔϚͳͷͰӡ༻൛ͱҧ͏ػೳͳͲΛೖΕ͍ͯ·͢ɻ
!
4FNJ'JOBM ࠷ޙʹ ! ͝ଘ͔ͱࢥ͍·͕͢ɺӡ༻Λ։࢝ͨ͠Βඞͣ όοΫΞοϓΛͱ͔ͬͯΒɺόʔδϣϯΞοϓ Λ͍͖ͯ͠·͠ΐ͏ɻ όάमਖ਼ͳͲ͕͍͍ͬͯ·͢ɻ ػೳ্͕͞Ε͍ͯΔ෦͋Γ·͢ɻ
2VFTUJPO ࣭ٙԠ ͑ΒΕΔݶΓશྗͰ͓͑͠·͕͢ɺ ࣭ͷҙਤ͕Θ͔Βͳ͔ͬͨΓɺ ݴ༿ΒͣͰઆ໌͕Ͱ͖ͳ͍͜ͱ ͋Δͱࢥ͍·͕͢ ྃ͝ঝ͍ͩ͘͞ɻ
'JOBM ݱࡏɺୈΛ͍ͬͯ·͢ɻ ! ༧ࠂʂ ʮෳ߹ݕࡧʯʮଟݴޠʯʮձһػೳʯͳͲΛ ΓࠐΈ·͢ɻ ͝ਗ਼ௌͲ͏͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ