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
クリエイティブハント山口
October 16, 2017
Technology
0
1.1k
クリエイティブとシステマティック
2017年10月14日クリエイティブハント山口でのセッション
「クリエイティブとシステマティック~何度でも蘇る作業環境の作り方~」
大村印刷株式会社 田原 誠之さまの資料
クリエイティブハント山口
October 16, 2017
Tweet
Share
More Decks by クリエイティブハント山口
See All by クリエイティブハント山口
デザイナーのためのSVG基礎 + アニメーション
chy
1
2.2k
山口県を元気にするクリエイティブビジネスの役割
chy
0
860
働くこと、作ること、生きること
chy
0
1.2k
Other Decks in Technology
See All in Technology
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization
takmin
0
430
RAID6 を楔形文字で組んで現代人を怖がらせましょう(実装編)
mimifuwa
1
310
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
mtx2s
5
1.2k
Product Management Conference -AI時代に進化するPdM-
kojima111
0
220
新卒(ほぼ)専業Kagglerという選択肢
nocchi1
1
2.4k
認知戦の理解と、市民としての対抗策
hogehuga
0
370
ECS モニタリング手法大整理
yendoooo
1
120
事業価値と Engineering
recruitengineers
PRO
2
250
帳票Vibe Coding
terurou
0
140
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
130
マイクロモビリティシェアサービスを支える プラットフォームアーキテクチャ
grimoh
1
240
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A Tale of Four Properties
chriscoyier
160
23k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Rails Girls Zürich Keynote
gr2m
95
14k
Making Projects Easy
brettharned
117
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
ΫϦΤΠςΟϒͱγεςϚςΟοΫ ʙԿͰોΔ࡞ۀڥͷ࡞Γํʙ 2017.10.14 CREATIVE HUNT
ࣗݾհ ాݪ ೭ʗ5")"3".BTBZVLJ େଜҹגࣜձࣾ σʔλιϦϡʔγϣϯ෦ ෦ཧ %51ΦϖϨʔλωοτϫʔΫαʔόͷཧΛ୲ɻ ΑΓ౦ژͰใॲཧϓϩδΣΫτʹࢀըɻ
ಛఆඇӦར׆ಈ๏ਓຊΣϒڠձʢղࢄʣൃىਓϝϯόʔ ӡӦҕһɾΞΫηγϏϦςΟ8(ɾ$.48(ϝϯόʔΛྺɻ ΑΓࢁޱҠॅɻ ୈ̍छใॲཧٕज़ऀɺ̎ڃ൛ٕೳ࢜ɻ
γεςϚςΟοΫ TZTŋUFNŋBUŋJD T¯TUⓒNⓍU*L ʲʦʧˡTZTUFNʢ໊ʣʳ ᴸᴸ<ܗ>ʦ௨ྫݶఆʧ ⁞ ৫తͳ ମܥతͳʢ˱VOTZTUFNBUJDʣ Ὂ
BTZTUFNBUJDSFTFBSDI ܥ౷ཱͬͨݚڀ Ὂ BTZTUFNBUJDBQQSPBDIʦXBZ NFUIPEʧ ʮUPTPMWJOHʦUPTPMWFʧ FOWJSPONFOUBMQSPCMFNT ڥΛղܾ͢ΔମܥతͳऔΓΈํ ʤʜʹ͓͍ͯʥܭըੑͷ͋Δ ͖ͪΐ͏ΊΜͳʤJOʥ Ὂ BTZTUFNBUJDXPSLFS વͱࣄΛ͢Δਓ ग़యɿδʔχΞεӳࣙయୈ̑൛ʗגࣜձࣾେमؗॻళ
͜͏͍͏͜ͱ͕͋Γ·ͤΜ͔ʁ ʮमਖ਼Λͨ͠ϑΝΠϧ͚ͩԼ͍͞ʯͱݴΘΕΔ͕ɺͲΕΛ͔֮ͨ͑ͯ͠ͳ͍ɻ ؤுͬͯ·ͱΊͯఏग़ͨ͠Βɺʮ͋ͷϑΝΠϧ͕͋Γ·ͤΜʯͱౖΒΕΔɻ ʮͬͺΓݩʹͯ͠Լ͍͞ʯͱݴΘΕͯɺόοΫΞοϓऔͬͯͳ͍ɻ ϝχϡʔͷमਖ਼ͱฒߦͯ͠ɺطଘͷαΠτͷߋ৽ೖΔͷͰɺผʑʹཧ͍ͯ͠Δɻ
ଞͷਓͱ࡞ۀΛڞ༗͢ΔͷʹESPQCPYΛ͍ͬͯΔ͕ɺϑΝΠϧͷߋ৽͕͍͍ͪͪᓔಃ͍͠ɻ YBNQQͰ͍ͬͯΔ͕ຊ൪ͱ63-͕ҧ͏ͷͰτϥϒΔɻ ύιίϯΛସ͑Δͱશ෦ઃఆΓ͠Ͱɺා͍ɻ .BD04ͩͱɺ04ͷΞοϓσʔτͰಈ͔ͳ͘ͳΔʘ ?P? ʗΦϫλ
͜ͷηογϣϯͰѻ͏ͷ HJU #JU#VDLFU WBHSBOU BOTJCMF
HJUͱ Ҋ݅͝ͱʹϓϩδΣΫτΛೖΕΔثʢϦϙδτϦʣΛ࡞Δɻ ͦ͜ʹมߋཤྺΛอଘ͢Δɻ มߋཤྺʹίϝϯτΛ͚Δɻ ͍ͭͷ࣌ͷঢ়ଶʹͤΔ ƅЧƅ
řŵŖ ໘͍͘͞ͷͰ ʮ͕͔ࠩͬͯίϝϯτ͕͚ΒΕΔ'51ʯ ͩͱࢥͬͯԼ͍͞
ͰίϚϯυͳΜͰ͠ΐʁ 4PVSDF5SFFΛ͑(6*Ͱૢ࡞Ͱ͖ͯɺίϚϯυ֮͑ͳ͍͍ͯ͘Ͱ͢ɻ %SFBN8FBWFSͰૢ࡞Ͱ͖·͢ɻ αʔό#JU#VDLFU͕Φεεϝɻ 4PVSDF5SFFΛ͏ͨΊͷΞΧϯτΛ݉ͶΒΕΔɻ
#JU#VDLFU ຊޠʂ ແ੍ݶϓϥΠϕʔτ ϦϙδτϦ ̑ਓ·Ͱແঈ
WBHSBOUͱ ࣗͷϚγϯͷ্ʹԾͰαʔόΛཱͯΒΕ·͢ɻ .BDͷਓͳΒɺ1BSBMMFMT%FTLUPQͱ͔7.XBSF'VTJPOͱಉ֓͡೦ɻ 7JSUVBM#PYͱ͍͏ແྉͷԾԽιϑτΣΞΛ͍͍ײ͡ʹίϯτϩʔϧͯ͠ҙࣝͤͣ͑Δɻ ໘͍͘͞ͷͰ ʮ9".11ʯ ͩͱࢥͬͯԼ͍͞
BOTJCMFͱ WBHSBOUͰʢ࣮࣭ʣ04·Ͱɻ͔ͦ͜ΒઌࣗͰΠϯετʔϧɻ ໘͍͘͞ͷͰɺਓ͕࡞ͬͨϨγϐΛഈआ͢Δ ƅЧƅ řŵŖ 8JOEPXTͰ͑·ͤΜ͕ɺBOTJCMF@MPDBMͰத͔ΒηοτΞοϓ͢Δ͔Βແɻ ໘͍͚͘͞Ͳ
ʮαʔόͷઃఆखॱΛϑΝΠϧʹઃఆͯ͠ɺ ԿͰ࠶ݱͰ͖ΔϨγϐʯ ͩͱࢥͬͯԼ͍͞
͜ͷ̏ͭΛ׆༻͢Δ͜ͱͰ Ͳ͏͍͏ϫʔΫελΠϧΛ ࣮ݱͰ͖Δ͔
ʮԿͰોΔ͞ɻ ˓˓ਓྨͷເ͔ͩΒͩʂʯ ΓํΛΕͪΌͬͯେৎ ͳΜ͔͓͔͘͠ͳͬͪΌͬͯେৎ هԱʹཔΒͳͯ͘େৎ ϒϥοΫδϟοΫʹΑΖ͘͠ʗࠤ౻लๆ ˓˓ͱ
͍ํ 7JSUVBM#PYΛΠϯετʔϧ IUUQTXXXWJSUVBMCPYPSH WBHSBOUΛΠϯετʔϧ IUUQTXXXWBHSBOUVQDPN BOTJCMFɺBOTJCMF@MPDBMΛ͏͔ΒΠϯετʔϧෆཁ
WBHSBOUQMVHJOΛೖΕΔ WBHSBOUGJMFΛνϡʔχϯά͢Δ %/4ͷઃఆ IPTUBENJO͕͍͍͢ WBHSBOUVQ ىಈͨ͠ΒɺVSMΛೖྗͯ͠ࢼͯ͠ΈΑ͏
WBHSBOUQMVHJOΛೖΕΔ ԾԽαʔόʢήετ04ʣͱɺϩʔΧϧʢϗετ04ʣΛͭͳ͙ʹʮ(VFTU"EEJUJPOʯͱ͍͏ ιϑτΣΞʢυϥΠόͷΑ͏ͳͷʣΛΠϯετʔϧ͢Δඞཁ͕͋Δɻ 7JSUVBM#PYͷόʔδϣϯ͝ͱʹҧ͏ͷͰɺ߹͏Α͏ʹࣗಈΞοϓσʔτͯ͘͠ΕΔɻ WBHSBOUWCHVFTU
͑ʁίϚϯυͳΜͰ͔͢ʁ ͑͑ɻ ͦΕ͕Կ͔ʁ ϒϥοΫδϟοΫʹΑΖ͘͠ʗࠤ౻लๆ
ͳ͘ͳ͍ !TIJOY͞Μ͕࡞ͬͨπʔϧ ͨͿΜσΟείϯ ʢ࠷ޙ͕ʣ ֮͑ͨํ͕ૣ͍ ʢ͏ίϚϯυগͳ͍ʣ
WBHSBOUΛνϡʔχϯά͢Δ ໘͍͘͞ͷͰɺ ࢲͷઃఆΛ͏͕Α͍ ϒϥοΫδϟοΫʹΑΖ͘͠ʗࠤ౻लๆ https://github.com/macchaka/myvagrant
BOTJCMFɺͲ͏͍͏Έ͔ جຊతͳಈ͖ํ ఆٛྫΛઆ໌ ύεϫʔυྨͷઃఆՕॴ 1)1ͷϝϞϦϦϛοτͳͲ
1PTUHSF42-Πϯετʔϧ͞ΕΔʢෆཁͳΒআ֎ʣ
ϑΝΠϧͷஔ͖ํ WBHSBOUϑΥϧμͱԾαʔόͷWIPTUT͕࿈ಈ͢Δ ͓͚͙͢ʹಈ࡞͢Δ ͨͩ͠ɺύʔϛογϣϯʹҙ WIPTUTͰ͋Ε
ϑΝΠϧͷஔ͖ํ http://hogehoge.test/
%/4ઃఆ
%#ʹΞΫηε͍ͨ͠ QIQ.Z"ENJO͚ͩʹཔΔͷΊΑ͏ɻ .BDͳΒ4FRVFM1SPɺ8JOEPXTͳΒ)FJEJ42-͕Φεεϝɻ ײతɻද͕͍ࣔɻ )FJEJ42-ͳΒɺαʔόؒͰͷσʔλҠߦՄೳɻ TTIͰଓͰ͖Δɻ
ԿͰોΔʁ εφοϓγϣοτΛऔΕɺͬͪ·ͬͯେৎ QVTIͱQPQ͚ͩɻόʔδϣϯΛஔ͍͓͖͔ͯͨͬͨΒɺTBWFͱSFTUPSFɻ
WBHSBOUEFTUSPZ͔ΒͷWBHSBOUVQ WBHSBOUGJMF͑͋͞ΕɺԿͰોΔʂ ͰɺϑΝΠϧͲ͏ͳΔʁ ͦΕΛHJUͰཧ͠Α͏
վΊͯHJUͱ PC มߋཤྺ
Ͳ͏ͯ͠ཧղ͠ͳ͍ͱ͍͚ͳ͍ݴ༿ͷҙຯ ϦϙδτϦ σʔλͷث DPNNJU มߋཤྺΛϦϙδτϦʹอଘ͢Δ͜ͱ
Ͳ͏ͯ͠ཧղ͠ͳ͍ͱ͍͚ͳ͍ ࢄܕͷҙຯ GFUDIͱQVMMɺͦͯ͠QVTI ϦϞʔτͲ͜ʹͰɺ͍ͭ͘Ͱஔ͚Δɻ σϑΥϧταʔόͷ͜ͱΛPSJHJOͱ͍͏ ਓʹΑͬͯPSJHJO͕มΘΔ͜ͱ͋ΓಘΔɻ PC
commit push pull fetch
HJUΛ࣮ફ͠Α͏ ϝχϡʔͷमਖ਼ͱίϯςϯπͷमਖ਼͕ฒߦ͢Δέʔε ϒϥϯνΛΔ ϑΥϧμΛίϐʔ͢Δײ֮ ϒϥϯνΛϚʔδ͢Δ
Ͱ࡞ۀ͕Ϳ͔ͭͬͨΒʁ ࣗಈతʹϚʔδͰ͖Δ ࣗಈϚʔδͰ͖ͳ͔ͬͨΒɺ݁߹͢Δ Ϛʔδπʔϧͷ׆༻ खͰ͢
·ͱΊ ʮΫϦΤΠςΟϒʯࢼߦࡨޡͷ࿈ଓɻ ͳΔ͘༨ܭͳ͜ͱʹ಄Λ͍ͨ͘ͳ͍ɻ ͳͷʹɺಘͯͯ͠ɺΫϦΤΠςΟϒͰͳ͍͜ͱʹଟ͘ͷ࣌ؒΛׂ͔Εͯ ͠·͏ɻ ͦΕɺ͓͔֮͑ͯͳ͍ͱ͍͚ͳ͍͜ͱͰ͔͢ʁ
ͦΕɺ࣌ؒΛ͔͚ͯɺṶ͔Γ·͔ͬʁ γεςϚςΟοΫʹͯ͠ɺΫϦΤΠςΟϒʹ࣌ؒΛ͔͚Α͏ɻ