Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
Takenori Okashita (GOUTEN)
March 18, 2017
1
190
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
ややウケました
Takenori Okashita (GOUTEN)
March 18, 2017
Tweet
Share
More Decks by Takenori Okashita (GOUTEN)
See All by Takenori Okashita (GOUTEN)
デザインに必要な「呼吸」の話 / 2018 Creative Hunt Session
gouten5010
0
630
メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4 session
gouten5010
1
74
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
50
Grow up your sense.
gouten5010
0
1.9k
kintoneとWordPressで織りなすメディア運用論 / kintone café JAPAN 2017
gouten5010
0
130
顔出しNGがこわいあなたへ / WordFes Nagoya 2017 LT
gouten5010
0
1.2k
WordPressが制作の現場を変えていく / WordBench Kurashiki vol1
gouten5010
0
420
できる!わぷーコスプレ / WordCamp Tokyo 2016 LT Personal
gouten5010
0
7.8k
WordPress好きはワインもお好き? / WordCamp Tokyo 2016 LT Nama & Hage
gouten5010
0
6.6k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
570
Build your cross-platform service in a week with App Engine
jlugia
219
17k
The Brand Is Dead. Long Live the Brand.
mthomps
46
2.7k
Become a Pro
speakerdeck
PRO
3
910
Why Our Code Smells
bkeepers
PRO
324
55k
Building Your Own Lightsaber
phodgson
95
4.7k
How to train your dragon (web standard)
notwaldorf
60
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
316
19k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
The Power of CSS Pseudo Elements
geoffreycrofte
47
4k
Mobile First: as difficult as doing things right
swwweet
213
7.6k
Automating Front-end Workflow
addyosmani
1351
200k
Transcript
આͷ·͔͞ΓΛ ຊؾͰ࡞Δ
͘Θ͘͠άάΕɻ GOUTEN@gouten5010 a.k.a.Takenori Okashita 8FCσβΠφʔʗϑϩϯτΤϯυΤϯδχΞ 803,4ʗͳ·ˍ͛ ΫοΫϏζגࣜձࣾϝσΟΞࣄۀ෦։ൃ෦ JOB PROJECTS JOIN
8PSE#FODIେࡕϞσϨʔλʔʗεϕΓ-5ܳਓ TYPE
·͔͞ΓΛ͛Δ ʲmasakari wo nageruʳ
ٕज़త༰ʹରͯ͠ʮͦΕҧ͏Αʂʯ ͱܹ͘͠ࢦఠ͢Δ͜ͱΛྫ͑ͯݴ͏ ·͔͞ΓΛ͛Δ
None
None
ళͰങͬͨث͕ આͩͱ…ʁ
Let’s create!! આͷ·͔͞ΓΛ࡞Ζ͏
Ί͟͢ͱ͜Ζ Goal
αΠζײ Size DN DN ࣋ͪӡͼղ͢Δ͔ ΪλʔέʔεͰʢ৬࣭͞ΕΔͨΊʣ
͔͔Δඅ༻ͱݟੵΓ Cost and Man-hour ϥΠΦϯϘʔυ 2,000ԁ ްࢴ 300ԁ ΧϥʔεϓϨʔ 3,000ԁ
άϦοϓςʔϓ 1,100ԁ ΞϧϛύΠϓ 600ԁ Γ͕͍ͱ͔ ϓϥΠεϨε ߹ܭ 7,500ԁ͘Β͍ Cost අ༻ʢ֓ࢉʣ ങ͍͚ 60 Γग़͠ 60 ண 30ʙ ৭ృΓ 60ʙ ઃܭ 240 (ƅшƅ)Űŕ!ͱͳΔ࣌ؒ ͣͬͱ ߹ܭ 580ʢ7࣌ؒ40ʣ͘Β͍ Man-hour ʢ͍͍ͩͨʣ ͦͷଞখ 500ԁ άϦοϓςʔϓΛר͘ 10
None
How to make ͭ͘Γ͔ͨ
How to make ઃܭਤͷ࡞ 1. Create Blueprint
How to make ܕࢴͷ࡞ 2.Create Pattern paper
͓ͼ େਓͷࣄʢओʹʣ ʹΑΓɺ͠·ͤΜͰͨ͠
How to make ৭ΛృΔ 4. Paint color Ҏલ࡞ͬͨแஸͷը૾Λ͝ཡ͍ͩ͘͞
෭࢈ Byproduct ొஃऀΛ ͝ཡ͍ͩ͘͞ Ҏલ࡞ͬͨ ͳ·͛༻แஸͰ͕͢
݁ Conclusion આʹΉͷ ͍͠
νϟϨϯδͨ͜͠ͱ Trying 1. ઃܭਤ࡞ 2. ܕࢴ࡞ 3. ύʔπΓग़͠ 4. Έཱͯ
5. ৭ృΓ 6. ্͛ 1. ༷ॻ࡞ 2. ϫΠϠʔϑϨʔϜ 3. ίϯϙʔωϯτ࡞ 4. ΈࠐΈ 5. ελΠϧܗ 6. ඍௐ
ʊਓਓਓਓਓਓਓਓਓʊ ʼɹWEB੍࡞ͱҰॹɹʻ ʉ Y ^ Y ^ Y ^ Y
^ Y ^ ʉ
·͔͞Γ͕ͨ͠Β ͓ͷ͏͑͞Μʹਐఄ͠·͢