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
SPLLY - CAMPAIGN
Search
SPLLY [スプリー]
August 05, 2016
0
78
SPLLY - CAMPAIGN
SPLLY [スプリー]
August 05, 2016
Tweet
Share
More Decks by SPLLY [スプリー]
See All by SPLLY [スプリー]
SPLLY
splly
1
200
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Automating Front-end Workflow
addyosmani
1366
200k
Building an army of robots
kneath
302
44k
Fireside Chat
paigeccino
34
3.1k
We Have a Design System, Now What?
morganepeng
51
7.3k
Documentation Writing (for coders)
carmenintech
66
4.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Transcript
࡞ΓखͱখചళΛͭͳ͙ΦϯϥΠϯݟຊࢢ ग़లࢿྉ IUUQTTQMMZDPN
͡Ίʹ ͡Ί·ͯ͠ɺεϓϦʔͷീॏඌʢ͓͔͑ͨΏ͖ʣͰ͢ɻ εϓϦʔɺάοτϓϩμΫτͷ࡞ΓखͱೖΕΛ͍ͨ͠খചళΛͭͳ͙ɺΠϯλʔ ωοτ্ͷݟຊࢢͰ͢ɻ ࡞Δͷಘҙ͚ͩΕͲɺ࡞ͬͨͷΛ͑ͯചΔԷ͢͜ͱۤखͩͱݴ͏࡞Γखͷ ํʹ͓ձ͍ͨ͜͠ͱ͕ɺεϓϦʔΛ͡ΊΑ͏ͱࢥ͖͔͚ͬͨͬͰ͢ɻ ͜ͷʮ͑Δʯͱ͍͏ͱ͜Ζʹɺ·ͩ·ͩͰ͖Δ༨͕ͨ͘͞Μ͋Γ·͢ɻ ࡞Γखͷࢥ͍Λͱ͍ͬ͠ΐʹ͑ΒΕΔॴɻͦΕ͕εϓϦʔͰ͢ɻ ൢҎ֎ͷ͋ͨΒ͍͠ൢ࿏Λݟ͚ͭΔ͓ख͍Λ͍ͤͯͩ͘͞͞ɻ ͥͻ͝ར༻Λ͝ݕ౼͍͚ͨͩΕ͍Ͱ͢ɻ
εϓϦʔͱ ࡞ΓखͱখചళΛͭͳ͙ΦϯϥΠϯݟຊࢢͰ͢ɻ εϓϦʔͰɺͷࣸਅใ͚ͩΛܝࡌ͢ΔͷͰ͋Γ·ͤΜɻ࡞Γखͷࢥ͍ ٕज़ͳͲɺͷཪଆʹ͋ΔετʔϦʔΛऔࡐ͠ɺهࣄΛ࡞Γɺͱ͍ͬ͠ΐʹ հ͠·͢ɻ ܝࡌ͍ͯ͠ΔʹೖΕϦΫΤετͰ͖ΔͷɺখചళΛӡӦ͞Ε͍ͯΔํʹݶΓ ·͢ɻ·ͨೖΕϦΫΤετ͕͋ͬͨ߹Ͱɺ͠߹ʹ߹Θͳ͍ͱࢥ͑ɺϦΫ ΤετΛஅΔ͜ͱ͕ՄೳͰ͢ɻͷೖΕશങऔͰ͢ɻ
εϓϦʔͷͭͷಛ εϓϦʔΛར༻͢Δͷʹ ॳظඅ༻ֹ݄අ༻Ұ ͋Γ·ͤΜɻۚમ໘ͷ ϦεΫͳ͘ʮҰͬͯ ΈΔʯͱ͓ࢼ͍͚ͨͩ͠ ·͢ɻ ඞͣऔࡐʹΘ͍ͤͯͨ ͖ͩɺͷཪଆʹ͋Δ ετʔϦʔΛهࣄʹ͍ͨ
͠·͢ɻͦͷޙͷࡱ ӨͳͲεϓϦʔ͕୲ ͍ͨ͠·͢ɻ औҾΛر͢Δখചళͷ ॅॴϗʔϜϖʔδͳͲ ͷใΛ֬ೝ͢Δ͜ͱ͕ Ͱ͖ɺऔҾϦΫΤετͷ Մ൱Λબ͢Δ͜ͱ͕Ͱ ͖·͢ɻ ॳظඅ༻ֹ݄අ༻ ͲͪΒແྉ औࡐɺهࣄ࡞ɺࡱӨ ͯ͢ΛεϓϦʔ͕୲ औҾ͢Δখചళͷ બఆ͕Մೳ
͓औҾͷྲྀΕ .",&3 4)01 ᶃऔҾϦΫΤετ ᶄऔҾͷঝ ᶆٻॻൃૹ ᶇۚৼࠐΈ ᶈൃૹ ᶅจ ˞શങऔͰ͢
˞औҾϦΫΤετΛঝ͢Δͱɺ ͦͷখചళʹԼՁ͕֨։ࣔ͞Ε·͢
τοϓϖʔδը໘ τοϓϖʔδͰɺग़ల͍ͯ͠Δ࡞Γख͞ΜΛݟ͘͢ද͓ࣔͯ͠Γɺ ͦΕͧΕͷϒϥϯυϖʔδʹҠಈ͢Δ͜ͱ͕Ͱ͖·͢ɻ ˞ύιίϯɺεϚʔτϑΥϯ྆ํʹରԠ͓ͯ͠Γ·͢ɻ ྫʣIUUQTTQMMZDPN
ϒϥϯυϖʔδը໘ ϒϥϯυϖʔδͰɺऔࡐΛͱʹ࡞ͨ͠هࣄΛදࣔ͠·͢ɻ هࣄͷԼʹฒͼɺऔҾϦΫΤετ͕Ͱ͖ΔΑ͏ʹͳͬͯ·͢ɻ ˞ύιίϯɺεϚʔτϑΥϯ྆ํʹରԠ͓ͯ͠Γ·͢ɻ ྫʣIUUQTTQMMZDPNTUPSJFTTPSZVHBNB
ྉۚମܥ ॳظඅ༻ ֹ݄ྉ ܝࡌྉ γεςϜར༻ྉ ແྉ ແྉ ແྉ ˞γεςϜར༻ྉɺϲ݄ͷऔҾΛ݄ʹకΊ ཌ݄͍ͱ͍ͯ͠·͢ɻࣾࢦఆͷۜߦʹৼ
ΓࠐΜͰ͍͖ͨͩ·͢ɻ औҾֹۚͷˋ ݄·Ͱ ར༻ྉແྉ
εϓϦʔ্ͷ͓ਃ͠ࠐΈϑΥʔϜɺ ·͓͍ͨ߹ΘͤϑΥʔϜΑΓ͝࿈བྷ͍ͩ͘͞ɻ ग़ల·ͰͷྲྀΕ ग़లͷ͓ਃ͠ࠐΈ ग़ల৹ࠪ ΠϯλϏϡʔऔࡐ ࣸਅࡱӨ ϖʔδ࡞ ࠷ऴ֬ೝ ͝ग़ళ
ӡӦମ੍ͳͲΛ͓ฉ্͖ͨ͠Ͱ ग़లͷ৹ࠪΛ͍͖ͤͯͨͩ͞·͢ɻ ͍ͭͬͯ͘Δॴ·ͰΘ͍͖ͤͯͨͩɺ ͳͲʹ͍ͭͯΠϯλϏϡʔऔࡐΛ͍ͨ͠·͢ɻ ܝࡌ͢ΔΛ͓༬͔Γ͍͖ͤͯͨͩ͞ɺ ࣸਅΛࡱӨ͍ͨ͠·͢ɻ औࡐͱࣸਅΛͱʹهࣄΛͭ͘Γɺ ϒϥϯυϖʔδΛ࡞͍ͨ͠·͢ɻ هࣄதʹޡΓ͕ͳ͍͔ͳͲɺ ࠷ऴ֬ೝΛ͍͖ͯͨͩ͠·͢ɻ ͓ਃ͠ࠐΈ͔Βग़ల·Ͱ ʙ΄Ͳ͓࣌ؒΛ͍͖ͨͩ·͢ɻ
2" "εϓϦʔͰͷͷೖΕશങऔͰ͢ɻҕୗൢചΛ͢Δ͜ͱ Ͱ͖·ͤΜͷͰɺ͋Β͔͡Ίྃ͝ঝ͍ͩ͘͞ɻ 2ೖΕങऔͰ͔͢ʁͦΕͱҕୗൢചͰ͠ΐ͏͔ʁ 2ԼʢೖΕՁ֨ʣɺͩΕͰݟ͑ͯ͠·͍·͢Ͱ͠ΐ͏͔ʁ "ԼՁ֨ɺऔҾϦΫΤετΛঝͨ͠খചళʹͷΈެ։͞ΕΔ Έͱͳ͓ͬͯΓ·͢ɻͦΕҎ֎ͷํʹɺͷ্ʢرখചՁ ֨ʣ͕දࣔ͞Ε·͢ɻ "શࠃͲͪΒʹ͓ॅ·͍Ͱग़లՄೳͰ͢ɻԕํͰ͋ͬͯऔࡐͷ ަ௨අͳͲΛ͝ٻ͢Δ͜ͱ͍͟͝·ͤΜͷͰɺ҆͝৺͍ͩ͘͞ɻ
2ԕํʹॅΜͰ͍ΔͷͰ͕͢ɺऔࡐʹདྷ͍͚ͯͨͩΔͷͰ͠ΐ͏͔ʁ
2" 2ग़లޙɺग़లΛऔΓΊ͍ͨ߹ɺͲ͏͢Ε͍͍Ͱ͠ΐ͏͔ʁ "ͦͷࢫͷ͝࿈བྷΛ͍͚ͨͩΕɺϒϥϯυϖʔδͷܝࡌΛऔΓԼ͛ ͍͖ͤͯͨͩ͞·͢ɻඅ༻͕ඞཁʹͳΔ͜ͱ͍͟͝·ͤΜɻ 2·͓ͩฉ͖͍ͨ͜͠ͱ͕͋ΔͷͰ͕͢ɺͲ͏͢Ε͍͍Ͱ͠ΐ͏ʁ "͝৺͝ͱɺ࣭͝ͳͲ͍͟͝·ͨ͠Βɺ͓ؾܰʹ͝࿈བྷ͍ͨͩ ͚Εͱࢥ͍·͢ɻ ୲ɿീॏඌʢ͓͔͑ͨΏ͖ʣ ϝʔϧΞυϨεɿXF!TQMMZDPN 2ग़లͷਃ͠ࠐΈΛ͍ͨ͠ͷͰ͕͢ɺͲ͔͜ΒͰ͖·͢Ͱ͠ΐ͏͔ʁ
" Լه63-ΑΓग़లͷ͓ਃ͠ࠐΈΛ͓ئ͍͍ͨ͠·͢ɻ ͓ਃ͠ࠐΈɿIUUQHPPHMGPSNT3-FWWE33":CJ
ձࣾ֓ཁ ձ໊ࣾ ߹ಉձࣾεϓϦʔ ઃཱ ݄ ࣄۀ༰ ΣϒαΠτɾΣϒαʔϏεͷاըɾ੍࡞ɾ։ൃɾӡӦɾอक ࢿຊۚ ສԁ ॅॴ
˟ਆಸݝԣࢢѴ্۠നࠜொʵ ࿈བྷઌ XF!TQMMZDPN