2014.04.23 Wednesday
¥Û¡¼¥à¥Ú¡¼¥¸¥ê¥Ë¥å¡¼¥¢¥ë
¥¹¥Æ¥£¡¼¥Ö¥ó¡¦¥»¥¬¡¼¥ë¤ÎÄÀÌÛ¥·¥ê¡¼¥º¤ò¥³¥ó¥Æ¥ó¥Ä¤Ë¤·¤¿¥Û¡¼¥à¥Ú¡¼¥¸¤òºî¤Ã¤Æ¤¤¤¿¤Î¤Ç¤¹¤¬¡¢¤³¤Î¤¿¤Ó¡¢¥ê¥Ë¥å¡¼¥¢¥ë¤·¤Þ¤·¤¿¡£
http://under-siege.appspot.com/
µ»½ÑŪ¤Ê¤È¤³¤í¤Ç¤Ï¡¢°Ê²¼¤ò»È¤Ã¤Æ¤ß¤Þ¤·¤¿¡£
¡¦bootstrap
¡¦jQuery
¡¦magnific-popup
¡¦jQuery social button
¡¦timeQuery.js
¡¦google map api
¡¦google app engine
¡¦google analytics
http://under-siege.appspot.com/
µ»½ÑŪ¤Ê¤È¤³¤í¤Ç¤Ï¡¢°Ê²¼¤ò»È¤Ã¤Æ¤ß¤Þ¤·¤¿¡£
¡¦bootstrap
¡¦jQuery
¡¦magnific-popup
¡¦jQuery social button
¡¦timeQuery.js
¡¦google map api
¡¦google app engine
¡¦google analytics
2014.02.18 Tuesday
chrome¤Î¥â¥Ð¥¤¥ë¥¨¥ß¥å¥ì¡¼¥¿
ÀèÆü¤Îsencha touch¥Ï¥ó¥º¥ª¥ó¤Ç¶µ¤ï¤Ã¤¿chrome¤Î¥â¥Ð¥¤¥ë¥¨¥ß¥å¥ì¡¼¥¿¤Îµ¯Æ°ÊýË¡¤ò¥á¥â¡£
£±¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë¤òµ¯Æ°¡ÊF12¥¡¼¡Ë
£²¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î»õ¼Ö¥¢¥¤¥³¥ó¡Êsettings¡Ë¤òÁªÂò
£³¡¥¡Öoverrides¡×¤òÁªÂò¤·¡¢¡ÖShow 'Emulation' view in console drawer¡×¤ò¥Á¥§¥Ã¥¯
£´¡¥settgins¤òÊĤ¸¤ë¡ÊX¥Ü¥¿¥ó¤Þ¤¿¤ÏESC¡Ë
£µ¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î¥¢¥¤¥³¥ó¡Ö>»°¡×¡ÊShow console.¡Ë¤òÁªÂò
£¶¡¥¥³¥ó¥½¡¼¥ë¤«¤éEmulation¥¿¥Ö¤òÁªÂò
£·¡¥Device¤òÁªÂò¤·¡¢emulate¥Ü¥¿¥ó¤ò²¡²¼
£¸¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î¥¢¥¤¥³¥ó¡Ö¢¢¡×¤òĹ²¡¤·¤Æ¡¢¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë¤ò±¦¤Ëɽ¼¨¤µ¤»¤ë¤È¸«¤ä¤¹¤¤
¤³¤ì¤ò¤ä¤ë¤È¡¢¤³¤¦¤Ê¤ê¤Þ¤¹¡£
¾¤Ënexus¤È¤«kindle¤È¤«Áª¤Ù¤Þ¤¹¡£
chrome¤¹¤²¤¨¡£
£±¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë¤òµ¯Æ°¡ÊF12¥¡¼¡Ë
£²¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î»õ¼Ö¥¢¥¤¥³¥ó¡Êsettings¡Ë¤òÁªÂò
£³¡¥¡Öoverrides¡×¤òÁªÂò¤·¡¢¡ÖShow 'Emulation' view in console drawer¡×¤ò¥Á¥§¥Ã¥¯
£´¡¥settgins¤òÊĤ¸¤ë¡ÊX¥Ü¥¿¥ó¤Þ¤¿¤ÏESC¡Ë
£µ¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î¥¢¥¤¥³¥ó¡Ö>»°¡×¡ÊShow console.¡Ë¤òÁªÂò
£¶¡¥¥³¥ó¥½¡¼¥ë¤«¤éEmulation¥¿¥Ö¤òÁªÂò
£·¡¥Device¤òÁªÂò¤·¡¢emulate¥Ü¥¿¥ó¤ò²¡²¼
£¸¡¥¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë±¦¾å¤Î¥¢¥¤¥³¥ó¡Ö¢¢¡×¤òĹ²¡¤·¤Æ¡¢¥Ç¥Ù¥í¥Ã¥Ñ¡¼¥Ä¡¼¥ë¤ò±¦¤Ëɽ¼¨¤µ¤»¤ë¤È¸«¤ä¤¹¤¤
¤³¤ì¤ò¤ä¤ë¤È¡¢¤³¤¦¤Ê¤ê¤Þ¤¹¡£
¾¤Ënexus¤È¤«kindle¤È¤«Áª¤Ù¤Þ¤¹¡£
chrome¤¹¤²¤¨¡£
2013.06.28 Friday
canvas¤Ç¥¹¡¼¥Ñ¡¼¥Þ¥ê¥ª
¥É¥Ã¥È¥¤¥ó¥¹¥È¡¼¥ë¤Çcanvas¤òÊÙ¶¯¤·¤¿¤Î¤Ç¡¢»È¤Ã¤Æ¤ß¤Þ¤·¤¿¡£
¤³¤ì¤Ï¡¢html5¤Ç¤¹¡£
¥É¥Ã¥È¥¤¥ó¥¹¥È¡¼¥ë¤ÏÌÌÇò¤¤¤Ê¤¢¡£
2013.03.06 Wednesday
emmet
¥É¥Ã¥È¥¤¥ó¥¹¥È¡¼¥ë¤Çzen-codingÆþÌç¤ò¤ß¤Þ¤·¤¿¡£
ÆÃÊ̤ʵˡ¤Çhtml¤ò¸úΨŪ¤Ë½ñ¤±¤ë¥Ä¡¼¥ë¤Ç¡¢zen-coding¤Î¼¡´ü¥Ð¡¼¥¸¥ç¥ó¤¬emmet¡£
css¤ÎµË¡¤Ê¤É¡¢¤«¤Ê¤ê³ÈÄ¥¤µ¤ì¤Æ¤¤¤ë¤è¤¦¤Ç¤¹¤¬¡¢zen-coding¤ò»È¤Ã¤Æ¤¤¤Ê¤«¤Ã¤¿¤Î¤Ç¡¢¤½¤³¤Ï¤è¤¯Ê¬¤«¤é¤Ê¤¤¡£
sublime text2¤Ë¥¤¥ó¥¹¥È¡¼¥ë¤·¤Þ¤·¤¿¡£(emmet)
¥µ¥¯¥é¥¨¥Ç¥£¥¿¤Ë¤â¥¤¥ó¥¹¥È¡¼¥ë(zen-coding)
emmet(ctrl+E¤ÇŸ³«)
¢£´ðËÜ
¡¦html¤Ò¤Ê·Á
html:5
¡¦cssÆɤ߹þ¤ß
link:css
¡¦faviconÆɤ߹þ¤ß
link:favicon
¡¦script
script
¡¦¥ê¥ó¥¯
a:link
¡¦¥á¡¼¥ë
a:mail
¡¦input
input:hidden
¢£³¬Áؤȷ«¤êÊÖ¤·
>¡§£±³¬Áز¼¤ë
^¡§£±³¬Áؾå¤ë
+¡§Æ±³¬ÁØ
*¡§·«¤êÊÖ¤·
div>div>div>p^^hr
div>div>p+hr
ul>li*3
¢£id¡¢¥¯¥é¥¹¡¢Ï¢È֤ʤÉ
#¡§id
.¡§class
$¡§Ï¢ÈÖ
ul#menu>li.item-$*5
select[name=city]>option[value=$]*5
a[href="http://under-siege.appspot.com"]
div{menu}*5
a[href="http://under-siege.appspot.com"]{ÄÀÌۤ覵æ}
¤Á¤ç¤Ã¤È¤º¤Ä»È¤Ã¤Æ¤ß¤Þ¤¹¡£
2012.10.18 Thursday
HTML¥Ù¡¼¥¹¤ÇºîÀ®¤Ç¤¤ë¥×¥ì¥¼¥óÍÑ¥¹¥é¥¤¥É
¤Þ¤È¤á¤¬¤¢¤ê¤Þ¤·¤¿¡£
¤³¤¦¤¤¤¦¤Î¤¿¤Þ¤Ë¸«¤«¤±¤Æ¤¤¤¿¤ó¤Ç¤¹¤¬¡¢¥Æ¥ó¥×¥ì¡¼¥È¤¬¤¿¤¯¤µ¤ó¤¢¤ê¤Þ¤·¤¿¡£
¥Í¥Ã¥È¤¬¤¢¤ì¤Ð¥É¥³¤Ç¤â¥×¥ì¥¼¥ó¤Ç¤¤ë¤·¡¢¸ø³«¤â³Ú¥Á¥ó¤À¤·¡¢¥«¥Ã¥³¤¤¤¤¤Ç¤¹¤Í¡£
¤¤¤¤¤È»×¤¤¤Þ¤·¤¿¡£
2012.07.29 Sunday
CSS Nite in Shinagawa¡ÖHTML5+CSS Web Camp 2012¡×
HTML5¤Î¥»¥ß¥Ê¡¼¤Ë»²²Ã¤·¤Æ¤¤Þ¤·¤¿¡£
webÀ©ºî¼Ô¤òÂоݤˤ·¤¿¥»¥ß¥Ê¡¼¤Ç¤¹¤¬¡¢¥Æ¡¼¥Þ¤¬ÌÌÇò¤½¤¦¤Ê¤Î¤Ç»²²Ã¤·¤Æ¤¤Þ¤·¤¿¡£
ÆâÍƤϡ¢
1.HTML5¤¬Âó¤¯Ì¤Íè
±©ÅÄÌîÂÀ̦¤µ¤ó
2.HTML5¥»¥¯¥·¥ç¥ó¤Ë¤è¤ëWebÀ©ºî¤Î´ðËÜ
±×»Òµ®´²¤µ¤ó
3.CSS3¤ÇÊѤï¤ëWebÀ©ºî
ÂëÌî²í¹°¤µ¤ó
4.³«È¯»Ù±ç¥Ä¡¼¥ë¤ò»È¤Ã¤¿ºÇ¿·IE¤Ø¤Î¸ß´¹Âбþ
ʪ¹¾½¤¤µ¤ó
5.Internet Explorer10¤È¥Þ¥¤¥¯¥í¥½¥Õ¥È¤Ë¤È¤Ã¤Æ¤ÎHTML5
½ÕÆü°æÎÉ䤵¤ó
6.Productivity Future Vision¤òÆɤ߲ò¤¯
5»þ´ÖȾ¤â¤Î¥»¥Ã¥·¥ç¥ó¤Ç¤·¤¿¤¬¡¢¶½Ì£¿¼¤¤¥Æ¡¼¥Þ¡¢ÌÌÇò¥È¡¼¥¯¡¢²÷Ŭ¤Ê¥»¥ß¥Ê¡¼¥ë¡¼¥à¤Ç½¼¼Â¤·¤¿»þ´Ö¤ò²á¤´¤»¤Þ¤·¤¿¡£
¥»¥ß¥Ê¡¼¤Î¥á¥â
¡¦hgroup¥¿¥°
Íפé¤Ê¤¤¤Î¤Ç¤Ï¤Ê¤¤¤«¤ÈµÄÏÀ¤¬¤Ê¤µ¤ì¤Æ¤¤¤ë¤Î¤Ç¡¢»ÈÍѤ·¤Ê¤¤¤Û¤¦¤¬¤¤¤¤¡£
¡¦¥Ñ¥é¥é¥Ã¥¯¥¹
web¥Ú¡¼¥¸¤ò¥¹¥¯¥í¡¼¥ë¤·¤¿¤È¤¤ËÇطʤȤʤëÍ×ÁǤò°Û¤Ê¤ë°ÜÆ°Î̤ÇÀ©¸æ¤·¤Æ±ü¹Ô¤´¶¤ò¸«¤»¤ë¼êË¡¤¬¤¤¤Þή¹Ô¡£
¡¦¥ì¥¹¥Ý¥ó¥·¥Ö¥ëweb¥Ç¥¶¥¤¥ó
£±¥½¡¼¥¹¤Ç¥¹¥¿¥¤¥ë¥·¡¼¥È¤òÀÚ¤êÂؤ¨¤ë¤³¤È¤Ë¤è¤ê¡¢PC¡¢¥¿¥Ö¥ì¥Ã¥È¡¢¥¹¥Þ¡¼¥È¥Õ¥©¥ó¸þ¤±¤Î¥Ç¥¶¥¤¥ó¤ò¼Â¸½¤¹¤ë¤³¤È¡£
¤½¤ì¤¾¤ì¤ÎÉý¤Î¶³¦¤Ï¡¢
PC 768px°Ê¾å
¥¿¥Ö¥ì¥Ã¥È 767px - 321px
¥¹¥Þ¡¼¥È¥Õ¥©¥ó 320px°Ê²¼
¤È¤¹¤ë¤È¤è¤¤¡£
¤¬¡¢¥¹¥Þ¡¼¥È¥Õ¥©¥ó¤Çɽ¼¨¤¬ÊѤï¤ë¤³¤È¤¬¡¢É¬¤º¤·¤â¤è¤¤¤³¤È¤Ç¤Ï¤Ê¤¤¤Î¤Ç¤Ï¤Ê¤¤¤«¡£
PC¥µ¥¤¥È¤È¾¡¼ê¤¬ÊѤï¤ë¤³¤È¤Ë¤è¤ê¡¢¾ðÊó¤¬Ãµ¤·¤º¤é¤¯¤Ê¤Ã¤¿¤ê¡¢¤½¤â¤½¤â¾ðÊ󤬸º¤Ã¤Æ¤·¤Þ¤¤¡¢¸«¤¿¤¤¾ðÊ󤬤ʤ¤¤È¤¤¤¦¤³¤È¤Ç¡¢¥æ¡¼¥¶¤Ë¥¹¥È¥ì¥¹¤òÍ¿¤¨¤ë¾ì¹ç¤â¤¢¤ë¡£
¤Ê¤ë¤Û¤É¡¢¤½¤¦¤¤¤¦·Ð¸³¤¢¤ë¤è¤Í¡£
¥ª¥ó¥é¥¤¥ó¤«¤écss3¤Î¥Ñ¥é¥á¡¼¥¿¤òÀßÄꤷ¤Æ¡¢·Á¾õ¤ò³Îǧ¤Ç¤¤ë¡£
¥½¡¼¥¹¤â½ÐÎϤ·¤Æ¤¯¤ì¤Þ¤¹¡£
¡¦F12³«È¯¼Ô¥Ä¡¼¥ë
Internet Explorer¤ÇF12¥¡¼¤ò²¡¤¹¤Èjavascript¤Î¥Ç¥Ð¥Ã¥°Åù¤¬»ÈÍѤǤ¤ëF12³«È¯¼Ô¥Ä¡¼¥ë¤¬µ¯Æ°¤¹¤ë¡£
¡¦IE¤ÎHTML5Âбþ
¥Ð¡¼¥¸¥ç¥ó10¤Ç¤À¤¤¤ÖÂбþ¤µ¤ì¤ë¤È¤Î¤³¤È¡£
¥Þ¥¤¥¯¥í¥½¥Õ¥È¤Ï»ÅÍͺöÄ꤬¤¢¤ëÄøÅÙ¡¢·è¤Þ¤é¤Ê¤¤¤ÈƳÆþ¤·¤Ê¤¤¤È¤¤¤¦¥¹¥¿¥ó¥¹¤Ç¤¢¤Ã¤¿¤¿¤á¡¢Â¾¤Î¥Ö¥é¥¦¥¶¤è¤êÂбþ¤¬ÃÙ¤¤¤ß¤¿¤¤¡£
¥Ð¡¼¥¸¥ç¥ó6¤ÏÆüËܤǤÏ4%ÄøÅ٤Υ·¥§¥¢¤Ç¤¢¤ë¤¿¤á¡¢¤â¤¦Ìµ»ë¤·¤Æ¤¤¤¤¡£
¡¦Ì¤Íè¤Îpc
Æ°²è¤Ï¥Þ¥¤¥¯¥í¥½¥Õ¥È¤Î¥Ó¥¸¥ç¥ó¤Ê¤ó¤Ç¤¹¤¬¡¢£²¡¢£³Ç¯¤Î¾Íè¤Ë¤Ï¡¢ºÇ¶á¡¢È¯É½¤µ¤ì¤¿microsoft surface¤Î¤è¤¦¤Ê¥¡¼¥Ü¡¼¥É¤È¥Ç¥£¥¹¥×¥ì¥¤¤¬Ê¬Î¥¤¹¤ë¥¿¥¤¥×¤ÎPC¤¬¼çή¤Ë¤Ê¤ë¤À¤í¤¦¤È¤¤¤ï¤ì¤Æ¤¤¤Þ¤·¤¿¡£
¼è¤ê³°¤·¤¿¤È¤¤Ï¡¢¥¿¥Ö¥ì¥Ã¥ÈüËö¤È¤·¤Æ»ÈÍѤǤ¤ë¡£
¡¦¥¿¥Ã¥Á¥Ñ¥Í¥ë¤Î»ë³Ð¾ã³²¼Ô¥µ¥Ý¡¼¥È
iPhone¤äiPad¤Ï¿¨¤Ã¤Æ¤¤¤ëÉôʬ¤Î¥¢¥×¥ê̾¤ä¥ª¥×¥·¥ç¥ó¤òÆɤ߾夲¤Æ¤¯¤ì¤ë»ë³Ð¥µ¥Ý¡¼¥Èµ¡Ç½¤¬¤¢¤ë¡£
¤³¤ì¡¢Í¥¤·¤¤¤Í¡£
Á´Ìդοͤ¬iPhone¤Çtwitter¤Ç¤Ä¤Ö¤ä¤¯¤Þ¤Ç¤ÎÆ°²è