Gino inc. でやったHTML・CSS勉強会です。
UXの話と変更しやすいHTML・CSSとは何か?について話しました。
元のキーノートはここ https://github.com/rhythm191/html-conference-in-gino
)5.-ɾ$44ษڧձ̎ϩʔϧฤ(JOPJODۚݪ
View Slide
͢͜ͱw 69ͷ࣌ؒߏʹ͍ͭͯw มߋͷ͍͢͠)5.-ɾ$44w #&.ʹ͍ͭͯ
69ͱʁ
69ͷϞσϧͨͪ
69̑֊Ϟσϧ
69ͷओͳߏཁૉw ϢʔβϏϦςΟw ΠϯλϥΫγϣϯσβΠϯw Ϣʔβʔத৺ઃܭ 6TFS$FOUFSFE%FTJHOw ਓؒத৺ઃܭ )$%
69ͷ࣌ؒߏw ̐ͭͷ࣌ؒߏΛ࣋ͭw ༧ଌత69ར༻લͷظଞͷγεςϜͰͷܦݧw Ұ࣌త69ΠϯλϥΫγϣϯ͔Βड͚Δ69w Τϐιʔυత69ಛఆͷར༻Τϐιʔυʹؔ͢ΔධՁw ྦྷੵ69͠Β͘ར༻ͨ͠ޙͷશମతͳݟํ
ΧδϡΞϧ໘ஊͰ͍͏ͱ༧ଌత69ϥΠτͦ͏ʜଞͷγεςϜͷܦݧޱίϛใҰ࣌త69ཤྺॻʁ࠾༻ͷʜΤϐιʔυత69Ψν͡ΌͶʔ͔ྦྷੵ69ΧδϡΞϧ͡Όͳ͘Ͷ
69͍͍ετʔϦʔͷ࣮ݱw γεςϜશମͰ͍͍ετʔϦʔΛ࡞ΒͶͳΒͳ͍w ϢʔβʔଞͷγεςϜ֎෦ڥʹӨڹΛड͚Δ༧ଌత69ଞͷγεςϜ Ұ࣌త69Τϐιʔυత69ྦྷੵ69
ϢʔβʔมԽ͢Δw γεςϜͷशख़ʹΑͬͯϢʔβʔͷ͕ࣝ૿͑Δw ֎తཁҼͰϢʔβʔࣗͷഎܠ͕มԽ͢Δw ଞͷγεςϜʹ͍ͭͯͷใw Ϣʔβʔ͕ஔ͔Ε͍ͯΔঢ়گڥ͕มΘΔ
ظతϢʔβϏϦςΟw ϢʔβϏϦςΟ࣌ؒʹΑͬͯมԽ͢Δw शख़࣌ؒܦաΑͬͯޮ্͕͕ͬͨΓԼ͕ͬͨΓw ͔ͳࣈมػೳͱ͔w ϚΠεςʔλε͕ॏ͘ͳ͍ͬͯ͘ͱ͔
ࣄલʹݕग़Ͱ͖Δ͔ʁw ࣄલͷϢʔβʔϏϦςΟςετͰෆेw ࣌ؒͳධՁͰ͋Δw ςελʔͱϢʔβʔͰಈػؔ৺͕ҟͳΔw Ϣʔβʔͱڥʢ1$ۓٸʣ͕ҟͳΔ
ظతϞχλϦϯάw ࣮ࡍͷϢʔβʔΛରͱͨ͠ظతͳධՁ͕ඞཁw ϢʔβʔΠϯλϏϡʔw Ξϯέʔτw ϩΪϯάw "#ςετw ϲ݄ʙΛΊͲʹݟ͢ඞཁ͕͋Δ
69มԽ͢Δͷ
ఆظతͳݟ͕͠ඞཁ
࡞Γͬͺͳ͠μϝɻθολΠɻ
վળΛଓ͚ΔͨΊʹมߋʹڧ͍)5.-ɾ$44ΛΈ͍ͨ
มߋͷӨڹʹڧ͘͢Δʹʁw )5.-ɾ$44͕ͦΕͧΕͷׂʹྗ͢Δw )5.-ͱ$44ؒͷґଘؔΛখ͘͢͞Δ
ͦΕͧΕͷϩʔϧw )5.-ೖग़ྗ͢ΔσʔλͱͦͷηϚϯςΟΫεΛཧw $44σʔλͷදݱʢϓϨθϯςʔγϣϯʣΛཧw +4σʔλͷঢ়ଶΞΫγϣϯΛཧ
)5.-ͷϩʔϧw ೖग़ྗ͢ΔσʔλͱͦͷηϚϯςΟΫε ҙຯΛཧw จࣈྻͷҙຯ͕Θ͔ΔΑ͏ʹϚʔΫΞοϓ͢Δ͜ͱw EBUFEBUFw BEESFTTBEESFTTw DJUFDJUF
͍͔ʹϚʔΫΞοϓ͢Δ͔ʁw σʔλΛ࠷Α͘આ໌Ͱ͖ΔཁૉΛ͏͖w σʔλͷϦετͳͷ͔ʁw ॱং͖ͳͷ͔ॱংͳ͔͠ʁw هࣄͳͷ͔ิใͳͷ͔ʁw ఆٛͷҰཡʹͳ͍ͬͯΔ͔ʁ
σʔλʹ߹Θͤͯ)5.-ΛΉw )5.-ʹσβΠϯཁૉΛؚΊΔͷ࠷খݶʹw ඞཁͳ͚࣌ͩEJWͱ͔TQBOͱ͔Λ͏w ඪ४ͷελΠϧΕΑ͏
ྫ͑ISw ஈམϨϕϧͷཁૉؒͰςʔϚͷҙຯతͳ۠ΓΛѻ͏w ඪ४ͷελΠϧͱͯ͠ਫฏͷ۠Γઢ͕ఆٛ͞Ε͍ͯΔw ͍͕ͭ͜հ
͜͜ʹISΛͬͯΈΔ͡ΌΖ
$44ͷϩʔϧw σʔλͷදݱʢϓϨθϯςʔγϣϯʣΛཧw ϚʔΫΞοϓʹࢹ֮ใΛ༩͢Δ
ͦͦ6*ͬͯόϯόϯ࡞ΔΜ͡Όͳ͍
औΓճ͠Λྑ͍ͨ͘͠w ଞͷϖʔδʹྲྀ༻͍ͨ͠w มߋ࣌ͷӨڹΛগͳ͍ͨ͘͠w όϦΤʔγϣϯΛ֬อ͓͖͍ͯͨ͠
ߏґଘӨڹେආ͚͍ͨw NBJODWBSFBEJWQBw Bw [email protected]⒎[email protected]w BGCUO
)5.-ͷߏͱಠཱ͍ͨ͠w ༷ʑͳมߋʹରԠͰ͖ΔΑ͏ʹ͓͖͍ͯͨ͠w II Iʹ͍ͨ͠w IFBEFSͰғ͍͍ͨw ϦϯΫϘλϯΛՃ͍ͨ͠
#&.ͷߟ͑ํw $44͚ͩͰߏΛܾΊΔઃܭ๏w #MPDLw &MFNFOUw .PEJpFS
#MPDLw ػೳࢹ֮ͷ·ͱ·ΓΛఆٛw #MPDLͷׂҰͭʹ͢Δ͖ ΧʔυϦετ
&MFNFOUw ϒϩοΫͷࢠཁૉͱͯ͠ఆٛw [email protected]@FMFNFOUAͰهࡌ͢Δw FMFNFOUͷϨΠΞςΟϯάՃͷελΠϧΛ༩w ωετߏΛ͙ͨΊɺجຊΫϥεͰఆٛ͢Δ͖
.PEJpFSw #MPDL&MFNFOUʹҟͳΔࢹ֮ύλʔϯΛ࡞w ACMPDLNPEJpFSA[email protected]@FMFNFOUNPEJpFSAw ϚϧνΫϥεͰελΠϧͷมߋΛՃ͍͑ͯ͘BGCUO BGCUOBGCUOCMVF
#&.ͷϝϦοτw )5.-ͷߏ λάͱ͔ʹґଘ͠ͳ͍ͷͰมߋʹڧ͍w ΫϥεͷিಥΛආ͚ΒΕΔw ίϯϙʔωϯτͷ֦ு͕͍͢͠w $44ͷωετ͕খ͘͞ͳͬͯϨϯμϦϯά͕͘ͳΔ
#&.ͷσϝϦοτw ͖͍w ໊લ͕͍
ΞχϝʔγϣϯͷΓ͚w ঢ়ଶΛ࣋ͬͨΓɺ)5.-Λมߋ͢Δ͔Ͱ͚Δw $44ঢ়ଶΛ࣋ͨͳ͍PSϢʔβʔΠϯλϥΫγϣϯͷΈʹґଘw +4ঢ়ଶΛอͭɺ)5.-Λॻ͖͑Δ
ྫ͑πʔϧνοϓw ݪཧతʹ$44Ͱ࣮͢Δͷ͕ਖ਼͍͠w IPWFSʹͷΈґଘ͢Δw BZతʹ)5.-ͰಡΊΔඞཁ͕͋Δw ϓϩδΣΫτϥΠϒϥϦͷঢ়گͱ૬ஊ࣮ͯ͢͠Δ
·ͱΊw 69࣌ؒߏΛ͍࣋ͬͯͯɺαʔϏεશମͷ69ʹΛ͚ظతʹվળΛଓ͚ͳ͚ΕͳΒͳ͍w มߋ"#ςετͷͨΊʹมߋʹڧ͍)5.-ɾ$44ΛΉඞཁ͕͋Δw )5.-ͱ$44ͷґଘؔΛۃྗͳͦ͘͏
ࢀߟจݙw 69നॻIUUQTJUFIDEWBMVFPSHEPDTw