σʔλόΠϯσΟϯάʹΑΔΠϯλϥΫςΟϒͳ6*ͷޮతͳදݱΞγΞϧגࣜձࣾٱอాޫଇ
View Slide
ΞδΣϯμw ࣗݾհw σʔλόΠϯσΟϯάΛ࣮ࡍʹࢼͯ͠ΈΔw ࠓ·Ͱͷ6*ͷ࡞Γํw ϦΞΫςΟϒϓϩάϥϛϯάw ·ͱΊ
ࣗݾհw ٱอాޫଇ!BOBUPPw ΞγΞϧגࣜձࣾw 6*69σβΠφʔ݉ιϑτΣΞΤϯδχΞ
6*69σβΠφʔͬͯԿw ϢʔβʔετʔϦʔ࡞ͬͨΓw ϫΠϠϑϨʔϜॻ͍ͨΓw ϏδϡΞϧσβΠϯͨ͠Γ
ී௨ͷ։ൃw 1)1 +BWB4DSJQU +BWB BOESPJE 0CKFDUJWF$ $PDPB J04 'BDUPS $ $ 4DBMBw ΘΓͱͳΜͰΔ
ϗϜϖw IUUQBOBUPPKQw IUUQEIBUFOBOFKQBOBUPP
ࣗݾհऴΘΓ
ΛਐΊΔલͷഎܠ
࠷ۙͷΣϒΞϓϦͷ6*w ΊͬͪΌϦονʹͳ͖ͬͯͨ
w ྫIUUQJ$MPVEDPNͷΧϨϯμʔ
w ྫIUUQTUSJQFDPNͷཧը໘
w ྫIUUQNPOBDBNPCJͷ*%&
มΘ͖ͬͯͨ͜ͱw 4JOHMF1BHF"QQMJDBUJPOͷීٴw σεΫτοϓͷ(6*ʹ͍͖ۙͮͯͨ
ͦΜͳத͜͜Ͱొͨ͠ͷwσʔλόΠϯσΟϯά
ޮతʹϢʔβʔΠϯλʔϑΣΠεΛදݱ͢ΔͨΊͷύλʔϯ
ݩʑ(6*Ͱར༻͞Ε͍ͯͨ
ΣϒϑϩϯτΤϯυ͕Ϧονʹw ͦΕʹ͍ɺσʔλόΠϯσΟϯά(6*ͷੈք͔ΒΣϒͱ߱Γ͖ͯͨ
+4ϑϨʔϜϫʔΫͰͷ࠾༻૿Ճw "OHVMBSKTw ,OPDLPVUKTw &NCFSKTw ,OPDLCBDLKTw #BUNBOKTw FUD
ͬͦ͘͞σʔλόΠϯσΟϯάͷհ
+4ͰͷσʔλόΠϯσΟϯάw +4ͱ%0.ͷؔΛએݴ͢ΔΈw ͲͪΒ͔͕ߋ৽͞ΕΔͱ͏Ұํʹࣗಈө͞ΕΔ%0.ཁૉ+4ͷΦϒδΣΫτ
ૣࢼͯ͠ΈΔw ,OPDLPVUKTw Θ͔Γ͍͢σʔλόΠϯσΟϯάΛαϙʔτ͍ͯ͠Δ'8
)5.-ʹόΠϯσΟϯάΛॻ͘w %0.ཁૉͱ+BWB4DSJQUͷมͱͷؔΛએݴFirst name:Hello!
+4ଆͷΦϒδΣΫτΛએݴ͢Δw +BWB4DSJQUଆͰఏڙ͢ΔΛએݴͯ݁͠ͼ͚ͭΔw ޙ͕มΘΕউखʹөvar MyViewModel = function() {this.name = ko.observable(‘’);};ko.applyBindings(new MyViewModel());
σϞw ૣࢼͯ͠ΈΔ
σϞw ؆୯ͳ50%0ΞϓϦΛ࡞ͬͯΈΔ IUUQBOBUPPKQCJGUPEPBQQIUNM
རw %0.ߏʹؾΛΘͳͯ͘ྑ͍w ࣗಈͰ6*ߋ৽ɻ%0.ૢ࡞͔Β։์͞ΕΔw ݁Ռɺίʔυ͕ݮΔ
ܽw ֶशίετ͕ඞཁw ߟ͑ํͷస͕ඞཁ
w ͳͥࠓ·ͰͷΓํͰବͳͷ͔w σʔλόΠϯσΟϯάͷഎܠʹ͋Δߟ͑ํ
ࠓ·Ͱw զʑ+4ͰͲ͏ͬͯ6*Λ࡞͖͔ͬͯͨw ΣϒͰͷΠϯλϥΫςΟϒͳ6*Λߏ͢Δͷ
ΣϒϖʔδͷϨϯμϦϯά
ϨϯμϦϯάͷྲྀΕ)5.- ύʔε ϨϯμϦϯάຊͬͱෳࡶ$44%0.πϦʔ
%0.πϦʔ)5.-υΩϡϝϯτΛදݱ͢ΔπϦʔߏͷσʔλ֤ϊʔυϚʔΫΞοϓͱҰରҰͰରԠ
ΠϯλϥΫςΟϒͳ6*Ͱw Ϣʔβͷೖྗʹରͯ͠ಈతʹ6*ΛมԽͤ͞Δඞཁw ೖྗͷྫϚεͷΫϦοΫɺϑΥʔϜͷೖྗͳͲ
+BWB4DSJQU͔Β%0.Λૢ࡞+BWB4DSJQU+4͔Βૢ࡞࠶ϨϯμϦϯά ҧ͏ϨϯμϦϯά݁Ռ
࣌ܥྻͰද͢ͱ+BWB4DSJQU%0.πϦʔզʑ܁Γฦ͠%0.ૢ࡞Λ͍ͯ͠Δ%0.ૢ࡞%0.ૢ࡞%0.ૢ࡞%0.ૢ࡞
%0.πϦʔʹϑΥʔΧεw %0.πϦʔͷมԽ͕ಈతͳ6*Λߏ
͜Ε·Ͱͷ࣮Ξϓϩʔνw %0.πϦʔͷมԽΛશͯίʔσΟϯάw %0.ૢ࡞ओମͷΓํ
͜ΕͰ6*ͷߏஙʹؔ͢Δղܾ͔ͨ͠w ͦ͏ߦ͔ͳ͍
ͬͯΈΔͱେมw ͳΜ͔ޮ͕ѱ͍w ίʔυͷྔ͕ݮΒͳ͍w ϝϯςφϯε͕େม
ͱ͍͏ͷw ৗʹ%0.πϦʔͷߏΛ಄ʹೖΕ͍ͯͳ͍ͱߦ͚ͳ͍w %0.πϦʔͷߏʹґଘͨ͠ίʔυʹͳ͍ͬͯΔw )5.-Λฤू͢ΔͱϏϡʔͷίʔυ͕յΕΔ͜ͱ
ߟ͑ํͷస͕ඞཁ
ϦΞΫςΟϒϓϩάϥϛϯά
ϦΞΫςΟϒϓϩάϥϛϯάw ϓϩάϥϛϯάύϥμΠϜw ϦΞϧλΠϜʹมԽ͢ΔΛѻ͏w σʔλόΠϯσΟϯάͱؔ࿈͢Δߟ͑ํ
w ܭࢉΛهड़͢ΔͷͰͳ͘ɺܭࢉͷؔΛએݴ͢ΔϓϩάϥϛϯάύϥμΠϜ
؆୯ͳࣜͰߟ͑ͯΈΑ͏a = b + 4;
͠ɺC͕ͩͬͨΒw વɺBʹͳΔa = b + 4;
BCʹґଘ͍ͯ͠Δw CͷʹΑͬͯB͕ܾఆ͢Δa = b + 4;
a = b + 4;มԽ͢Δͷؔw ͱͯ͠ݟͳͤΔ
ϦΞΫςΟϒϓϩάϥϛϯάͰw Ұ୴มԽ͢ΔͷؔੑΛએݴ͢Εউखʹ࠶ܭࢉͯ͘͠ΕΔw ঢ়ଶཧ͔Β։์͞ΕΔa = b + 4;
ͦΕͬͯΘΕͯΔͷ
͢Ͱʹ͋ͳͨϦΞΫςΟϒϓϩάϥϛϯάΛ͍ͬͯΔ
ྫ&YDFMͷදܭࢉιϑτw ࣜΛॻ͍͓ͯ͘ͱɺґଘ͢Δηϧͷத͕ߋ৽͞ΕΔͱ࠶ܭࢉ͞ΕΔ
࣮ɺ6*ʹw ͜ͷߟ͑ํ͕៉ྷʹͯ·Δ
ྫͰߟ͑Α͏w SFNFNCFSUIFNJMLͷొϑΥʔϜ
ϑΥʔϜʹೖྗ͢Δͱw Ϣʔβͷೖྗʹରͯ͠ΞϧλΠϜʹมԽ
w ೖྗʹରͯ͠%0.πϦʔ͕ϦΞϧλΠϜʹมԽ
͔͠͠ɺΑ͘؍ͯ͠ΈΔͱ
Α͘ݟΔͱw όϦσʔγϣϯͷ6*ϑΥʔϜʹґଘ͍ͯ͠Δw͜ͷґଘͷؔෆม
͜ͷྫʹݶΒͣͲΜͳ6*Ͱؒͷ͕ؔଘࡏ͢Δ
σʔλόΠϯσΟϯάw ͜ͷϦΞΫςΟϒϓϩάϥϛϯάͷߟ͑ํΛ6*ʹద༻͍ͯ͠Δw %0.ૢ࡞ओମͷߟ͑ํͱશ͘ผ
͜Ε͔Βͷ
Λੲ͢w Πϯλʔωοτʹଓ͢ΔͷʹϞσϜ͕ϐʔώϣϩ໐͍ͬͯͨ͋ͷࠒw ωοτΛ͍ͯͨ͠ΒՈʹి͕͑ͳ͍ͱۤΛݴΘΕΔ
͜ͷࠒͷΣϒΞϓϦw αʔόαΠυͰͷॲཧ͕΄΅ϝΠϯw +BWB4DSJQUͰԿ͔ͬͨΓ΄΅ແ͠w BKBYͱ͔ແ͍͠ɺ$44ແ͍w ςʔϒϧϨΠΞτਖ਼ٛ
࣌ਐΈw HPPHMF.BQͳͲͷొw 8FCͱ͍͏ݴ༿͕όζϫʔυʹw ΣϒΞϓϦέʔγϣϯͱ͍͏ݴ༿͕વʹ
ࠓʹࢸΔw σεΫτοϓΞϓϦฒͷ6*w पลٕज़ͷߴԽ
աڈ͔ΒະདྷΛ༧ଌ͢Δw )5.-ͷීٴw ߴͳ6*Λ࣋ͬͨΞϓϦͷ૿Ճw গͳ͘ͱ͋ͱ͙Β͍
͜Ε͔Βw ·ͩখ͍͠ཧ۶ඞཁͳ͍w ࠓඞཁͳͯ͘͜Ε͔Βඞཁʹͳͬͯ͘Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
anatoo
codehex
minako__ph
os1ma
rmatsuoka
okuzawats
tomokusaba
ivargrimstad
.png){kind=avatar}
melonattacker
atinfinity
nrslib
yonetty
kasacchiful
geeforr
marcduiker
speakerdeck
3n
ddemaree
marktimemedia
addyosmani
mraible
lauravandoore
soudai
akmur