[B! +Tutorial] vitaminsiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

vitaminsii id:vitaminsii

+Tutorialã«é–¢ã™ã‚‹vitaminsiiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (106)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Webãƒ•ã‚©ãƒ³ãƒˆã€ŒGoogle web fontsã€ã®ä½¿ã„æ–¹ãƒ»å®Ÿè£…æ‰‹é †ãƒ¡ãƒ¢
å•†ç”¨ãƒ»éžå•†ç”¨ã‚’å•ã‚ãšç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹Webãƒ•ã‚©ãƒ³ãƒˆã€ã€ŒGoogle web fontsã€ã®å®Ÿè£…æ–¹æ³•ã‚’ã•ã£ãã‚Šãƒ¡ãƒ¢ã£ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ Google Web Fonts Google web fontsã¨ã¯ Webãƒšãƒ¼ã‚¸é–²è¦§æ™‚ã€é€šå¸¸ã§ã¯ãƒ‘ã‚½ã‚³ãƒ³ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã—ã‹ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“ãŒã€ã€ŒWebãƒ•ã‚©ãƒ³ãƒˆã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ä»»æ„ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ Googleã®æä¾›ã™ã‚‹Google Web Fontsã¯ã‚¢ã‚«ã‚¦ãƒ³ãƒˆç™»éŒ²ã®å¿…è¦ã‚‚ç„¡ãã€å®Ÿè£…ãŒéžå¸¸ã«ç°¡å˜ãªãã‚Œã®ä¸€ã¤ã§ã™ã€‚å•†ç”¨ãƒ»éžå•†ç”¨ã¨ã‚‚ã«ç„¡å„Ÿã§åˆ©ç”¨ãŒå¯èƒ½ã¨è¨€ã†ã®ã‚‚ãƒã‚¤ãƒ³ãƒˆ:) ã¡ãªã¿ã«å½“ã‚µã‚¤ãƒˆã§ã‚‚æ—¥ä»˜ã®è¡¨ç¤ºã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ãƒ»ãƒ•ãƒƒã‚¿ãƒ¼ã®è¦‹å‡ºã—ã«Google web fontsã®ã€ŒCodaã€ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ Google web fontsã®å®Ÿè£…æ–¹æ³• å®Ÿè£…ã®æ‰‹é †ã¯3ã‚¹ãƒ†ãƒƒãƒ—ã€‚ 1.ä½¿ã„ãŸã„ãƒ•ã‚©ãƒ³ãƒˆã‚’é¸æŠžã™ã‚‹ 2
vitaminsii 2013/09/16
ã‚ã¨ã§è©¦ã—ã¦ã¿ã‚ˆã†ã€‚

*Webåˆ¶ä½œ

+Tutorial

-html5ãƒ»css3

2012

>Front end engineer

Google

GoogleWebFonts

Webãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
vitaminsii 2013/09/14
ã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã™ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-JavaScript

2011

>Front end engineer

jQuery

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦WordPressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã¨ãã®å‚è€ƒã«ãªã‚Œã°ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸï¼ˆã‚µãƒ³ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼‰
åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã£ãŸã¨ãã€çœŸã£å…ˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒå…¬å¼ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨ã„ã‚ã„ã‚ãªæ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã„ã¦è¤‡é›‘ãªæ§‹é€ ã‚’ã—ã¦ã„ã¾ã™...ã€‚ä»Šå›žã¯åˆã‚ã¦ WordPress ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ŠãŸã„ï¼ã£ã¦ã„ã†äººå‘ã‘ã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ãƒ¼ãƒžã‚’ã‚‚ã¨ã«åˆ¶ä½œãƒ•ãƒãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã”æ´»ç”¨ãã ã•ã„ã€‚ WordPress ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’é‡ãã¦ã€æœ€è¿‘ã§ã¯ 3.5 ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚Œã«ä¼´ã£ã¦ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ†ãƒ¼ãƒžã‚‚ã€æ–°ã—ã„ TwentyTwelve ã«ãªã‚Šã¾ã—ãŸï¼ˆ2013å¹´ 1æœˆç¾åœ¨ï¼‰ã€‚WordPress ã§åˆã‚ã¦è‡ªåˆ†ã ã‘ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œã‚ã†ã¨æ€ã†ã¨ã€ã¾ãšæœ€åˆã«å‚è€ƒã«ã—ãŸã„ã®ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒž â€¦ã€‚ã§ã‚‚æœ€è¿‘ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã¯ã€ã¡ã‚‡ã£ã¨é›£ã—ã„æ§‹é€ ã«ãªã£ã¦ã‚‹ â€¦ ã¨æ€ã£ãŸã‚Šã—ã¾ã›ã‚“ã‹ï¼Ÿ ç§ãŒ
vitaminsii 2013/08/25
WordPressã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžä½œæˆã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-PHP

>Front end engineer

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2013

wordpress

ãƒ†ãƒ¼ãƒž

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
WordPressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžä½œæˆãƒ•ãƒãƒ¼ãƒ»åŸºæœ¬ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«
åˆã‚ã¦WordPressã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œæˆã«ãƒˆãƒ©ã‚¤ã—ãŸã„ã€ã¨ã„ã†æ–¹å‘ã‘ã®åŸºæœ¬ã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã§ã™ã€‚ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¨ã„ã†ã»ã©å¤§è¢ˆè£Ÿãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‘ã©ã€ã‚ã‚‹ç¨‹åº¦æ•·å±…ãŒä½Žããªã‚‹ã¨å¬‰ã—ã„ãªãã¨ã„ã†æ€ã„ã‚’è¾¼ã‚ã¦è¨˜äº‹ã«ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®å†…å®¹ã¯ã‚ãã¾ã§åŸºæœ¬ä¸ã®åŸºæœ¬ã§ã€åˆå¿ƒè€…ãƒ»ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã¨ãªã£ã¦ã„ã¾ã™ã®ã§å¿œç”¨çš„ãªæƒ…å ±ã¯æ®†ã©ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãŸã€èª¬æ˜Žã®ä»•æ–¹ã‚‚åˆ†ã‹ã‚Šã‚„ã™ã•é‡è¦–ã§ã€åŽ³å¯†çš„ã«ã¯ã¡ã‚‡ã£ã¨é•ã†ç‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ åˆå¿ƒè€…ã•ã‚“å‘ã‘ã«ã€ã‚‚ã†å°‘ã—æƒ…å ±ãŒã‚ã£ã¦ã‚‚ã„ã„ã‹ãªã¨æ€ã£ã¦ã€æ›¸ã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚åƒ•ã‚‚ã¾ã ã¾ã åˆç´šãƒ¬ãƒ™ãƒ«ãªã®ã§ä¸€ç·’ã«å¦ã‚“ã§ã„ãã¾ã—ã‚‡ã†ã€‚åˆç´šè€…ãƒ¬ãƒ™ãƒ«ã§ã“ã‚“ãªè¨˜äº‹æ›¸ããªã£ã¦è©±ã§ã™ã‘ã©ã‚‚ã€‚ ç›®æ¬¡ ç›®æ¬¡ã§ã™ã€‚å„ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§å¿…è¦ã¨æ€ã†å ´æ‰€ã‹ã‚‰è¦‹ã‚‹ã‚ˆã†ã«ã—ã¦ãã ã•ã„ã€‚ ã¯ã˜ã‚ã« ä½œæˆã™ã‚‹Webã‚µã‚¤ãƒˆã®ç›®çš„ã¨æ§‹é€ ãƒ†ãƒ¼ãƒžä½œæˆå‰ã«ç”¨æ„ã™ã‚‹ã‚‚ã®ã¨ç’°å¢ƒ ãƒ†ãƒ¼ãƒžã®æ§‹é€ ã‚’ï¼ˆè§¦ã‚Šç¨‹åº¦ã ã‘ã§ã‚‚ï¼‰ç†è§£ã™ã‚‹ HTM
vitaminsii 2013/08/25
WordPressã®ãƒ†ãƒ¼ãƒžä½œæˆãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Code

+Tutorial

-PHP

>Front end engineer

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2011

wordpress

ãƒ†ãƒ¼ãƒž

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
PHPã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘JavaScriptã®æ›¸ãæ–¹ - EC studio æŠ€è¡“ãƒ–ãƒã‚°
JavaScriptã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžã§ã€ PHPã‚„Javaã€C++ãªã©ã®ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã¯ ç‰¹å¾´ã‚„æ›¸ãæ–¹ãŒå¤§ããç•°ãªã‚Šã¾ã™ã€‚ ä»Šå›žã¯ã€PHPã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘é–‹ç™ºã®çµŒé¨“ãŒã‚ã‚‹äººå‘ã‘ã«ã€ JavaScriptã§ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æ›¸ãæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯ã™ã¹ã¦ãã®ã¾ã¾å®Ÿè¡Œã§ãã‚‹ã®ã§ã€ Firebugãªã©ã®JavaScriptã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§å®Ÿè¡Œã—ã¦ æŒ™å‹•ã‚’ç¢ºã‹ã‚ãªãŒã‚‰èªã¿é€²ã‚ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ JavaScript ã®ç‰¹å¾´ ã™ã¹ã¦ãŒã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ JavaScriptã¯å®Œå…¨ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžã§ã‚ã‚Šã€ ã™ã¹ã¦ã®åž‹ã®å¤‰æ•°ã€é–¢æ•°ã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ (ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã¤)
vitaminsii 2013/05/28
åˆ†ã‹ã‚Šã‚„ã™ã„è§£èª¬ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tutorial

+Code

-JavaScript

>Front end engineer

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

2010

programming

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘

å…¥é–€
ãƒªãƒ³ã‚¯
7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§
HOME>jQuery>7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ ç´„åŠå¹´å‰ã¾ã§ã€èˆˆå‘³ã¯ã‚ã‚Œã©ã‚‚å…¨ãã‚‚ã£ã¦è§¦ã‚ŒãŸã“ã¨ã®ãªã‹ã£ãŸã€ŒjQueryã€ã€‚ãã‚Œã©ã“ã‚ã‹ã€ã€ŒJavascriptã€ã‚’ã€ŒJavasprictã€ã¨ä½•åº¦ã¨ãªãæ›¸ãé–“é•ãˆã‚‹ç™–ã®ã‚ã£ãŸç§ã€‚ çµå±€ã€ã€Œã‚¹ã‚¯æ°´ã™ã„ã™ã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ã¨èªžå‘‚ã‚’åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šã‚ˆã†ã‚„ãæ£ã—ã„ç¶´ã‚Šã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã‚ã‘ãªã‚“ã§ã™ãŒã€ä»•äº‹ã§æ‰±ã†ã¨è¨€ã†ã“ã¨ã‚‚ã‚ã‚Šå¤šå°‘ã¯jQueryã®ä»•çµ„ã¿ãŒåˆ†ã‹ã£ã¦ããŸä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ãã‚“ãªã‚ã‘ã§ã€ä»Šå›žã¯ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ã¨éŠ˜æ‰“ã¡ã¾ã—ã¦ã€jQueryã®åŸºç¤Žã®åŸºç¤Žã‚’å¦ã¶ãŸã‚ã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã¯è¨€ã£ã¦ã‚‚ã€ŒjQueryã¨ã¯ãªã‚“ãŸã‚‹ã‹ã€ãªã©ã¨ã„ã£ãŸé›£ã—ã„ç†è«–ã‚’è¨˜ã™ã¤ã‚‚ã‚Šã¯ä¸€åˆ‡ã”ã–ã„ã¾ã›ã‚“ã€‚ï¼ˆã£ã¦ã„ã†ã‹ãã‚“ãªå‰ãã†ãªã“ã¨è¨€ãˆã‚‹ç¨‹ä¿®ã‚ã¦ãªã„
vitaminsii 2013/05/27
åˆ†ã‹ã‚Šã‚„ã™ã„jQueryå…¥é–€è¨˜äº‹ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-JavaScript

>Front end engineer

2012

jQuery

å…¥é–€
ãƒªãƒ³ã‚¯
ã‚¿ã‚°ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã€ŒGoogleã‚¿ã‚°ãƒžãƒãƒ¼ã‚¸ãƒ£ï¼ˆTag Managerï¼‰ã€ã«ã¤ã„ã¦ã®ç´¹ä»‹ | ã‚¢ãƒ¦ãƒ€ãƒ³ãƒ†æ ªå¼ä¼šç¤¾
ç¾åœ°æ™‚é–“ã®2012å¹´10æœˆ1æ—¥ã€æ—¥æœ¬æ™‚é–“ã§ã¯10æœˆ2æ—¥ã«Googleã‹ã‚‰æ–°ãŸãªWebã‚µã‚¤ãƒˆå‘ã‘ãƒ„ãƒ¼ãƒ«ã€ŒGoogle Tag ManagerTMã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ã“ã‚Œã¯Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹TMã‚„ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¿ã‚°ãªã©ã¨ã„ã£ãŸã€ŒHTMLã«å·®ã—è¾¼ã‚“ã§ä½¿ç”¨ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€ã‚’HTMLã‹ã‚‰å¤–éƒ¨åŒ–ã—ã¦ã€ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ã„ã‚ã‚†ã‚‹ã‚¿ã‚°ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ä»Šã¾ã§ã®Googleã®ãƒ„ãƒ¼ãƒ«ã¨æ¯”è¼ƒã™ã‚‹ã¨å°‘ã€…ä½¿ã„æ–¹ãªã©ãŒç‰¹æ®Šã§ã€äººã«ã‚ˆã£ã¦ã¯åˆ†ã‹ã‚Šã¥ã‚‰ãæ„Ÿã˜ã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã–ã£ãã‚Šã¨ã—ãŸç´¹ä»‹ã‚’ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã€ŒHTMLã«åŸ‹ã‚è¾¼ã‚€ã‚³ãƒ¼ãƒ‰ã€ã‚’ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ« å…·ä½“çš„ã«ã¯ã€å¤–éƒ¨ãƒ„ãƒ¼ãƒ«ãŒç”Ÿæˆã—ãŸã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã‚‹ å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚ˆã† ä½¿ç”¨æº–å‚™ï¼ˆåˆæœŸè¨å®šï¼‰ Google Tag Managerã‚³ãƒ¼ãƒ‰ã®åŸ‹ã‚è¾¼ã¿ æ—¢å˜HTMLã‹ã‚‰åŸ‹ã‚è¾¼ã‚“ã§ã„ã‚‹ä»–ãƒ„ãƒ¼ãƒ«ã®ã‚³ãƒ¼ãƒ‰ã‚’åˆ‡ã‚Šå‡ºã— ã€Œã‚¿ã‚°ã€ã¨ã€Œãƒ«ãƒ¼ãƒ«
vitaminsii 2013/05/20
Google Tag Managerã®è¨å®šæ–¹æ³•ã«ã¤ã„ã¦ã€‚ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ãªã®ã¯ç¢ºã‹ï¼è¨å®šãŒã¡ã‚‡ã£ã¨é›£ã—ãã¨ã£ã¤ãã«ãã„ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã‚‚ã€å°Žå…¥ã—ã¦ãŠã„ã¦æ‚ªã„ã“ã¨ã¯ç„¡ã•ãã†ã‹ãªã€‚

*Webåˆ¶ä½œ

+Tutorial

>Webåˆ¶ä½œè€…å…¨èˆ¬

>Webé‹å–¶è€…

2012

Google

Google Tag Manager

Google Analytics

è¨å®š
ãƒªãƒ³ã‚¯
Google ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã®æ–°æ©Ÿèƒ½ã€Œã‚¦ã‚§ãƒ–ãƒ†ã‚¹ãƒˆã€ã§ã‚µã‚¯ãƒƒã¨A/Bãƒ†ã‚¹ãƒˆã«ãƒˆãƒ©ã‚¤ï¼
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
vitaminsii 2013/05/20
ã“ã‚“ãªä¾¿åˆ©ãªæ©Ÿèƒ½ãŒã‚ã£ãŸã‚“ã ã€‚A/Bãƒ†ã‚¹ãƒˆã‚’è¡Œã†ã¨ãã«ã¯è¨å®šã—ã‚ˆã†ã€‚

*WebçŸ¥è˜

+Tutorial

>Webé‹å–¶è€…

=ã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—

2012

Google

Google Analytics

ãƒ†ã‚¹ãƒˆ

ABãƒ†ã‚¹ãƒˆ

ã‚¢ã‚¯ã‚»ã‚¹è§£æž
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ãƒ—ãƒ¬ã‚¤ã‚¹ã¨ã¯ï¼Googleãƒ—ãƒ¬ã‚¤ã‚¹ã«ç„¡æ–™ã§åº—èˆ—ã‚’ç™»éŒ²ã™ã‚‹æ–¹æ³•ã‚¬ã‚¤ãƒ‰ | Webæ‹…å½“è€…Forum
ã‚ãªãŸã®ãŠåº—ã®æƒ…å ±ã‚‚ã€Googleã®æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã§åœ°å›³ã«ãƒžãƒ¼ã‚¯ä»˜ãã§è¡¨ç¤ºã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ï¼Ÿ ãã®ãŸã‚ã«ã¯ã€ã€ŒGoogleãƒ—ãƒ¬ã‚¤ã‚¹ã€ã¨ã„ã†ä»•çµ„ã¿ã§ç™»éŒ²ã—ã¾ã—ã‚‡ã†ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Googleãƒ—ãƒ¬ã‚¤ã‚¹ã«ãŠåº—ã®å ´æ‰€ã®æƒ…å ±ã‚’ç™»éŒ²ã—ã¦ã€åœ°å›³ä¸Šã«è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ç™»éŒ²ã¯ç„¡æ–™ã§ã™ã€‚ æœ€è¿‘ã€Googleã«ã‚ˆã‚‹Googleãƒ—ãƒ¬ã‚¤ã‚¹ã®éœ²å‡ºãŒæ´»ç™ºã«ãªã£ã¦ã„ã¾ã™ï¼ˆGoogleãƒ—ãƒ¬ã‚¤ã‚¹ã¯ã€ä»¥å‰ã¯ã€Œãƒãƒ¼ã‚«ãƒ«ãƒ“ã‚¸ãƒã‚¹ã‚»ãƒ³ã‚¿ãƒ¼ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã‚µãƒ¼ãƒ“ã‚¹ã§ã™ï¼‰ã€‚ æ¸‹è°·ã®é§…æ§‹å†…ã§ã¯ã€å±±æ‰‹ç·šä¹—ã‚Šå ´ã¸ã®éšŽæ®µã®ä¸€é¢ãŒGoogleãƒ—ãƒ¬ã‚¤ã‚¹ã®åºƒå‘Šã«ãªã£ã¦ã„ãŸã‚Šã€æ¬¡ã¯ç”°åœ’éƒ½å¸‚ç·šæ§‹å†…ãŒGoogleãƒ—ãƒ¬ã‚¤ã‚¹ä¸€é¢ã«åˆ‡ã‚Šæ›¿ã‚ã£ã¦ã„ãŸã‚Šã—ã¦ã„ã¦ã€Googleãƒ—ãƒ¬ã‚¤ã‚¹ã«ã‹ã‘ã‚‹Googleã®æœ¬æ°—åº¦ãŒä¼ºãˆã¾ã™ãã€‚ ã•ã¦ã€ãã‚“ãªGoogleãƒ—ãƒ¬ã‚¤ã‚¹ã§ã™ãŒã€å®Ÿéš›ã«ã¯ã©ã®ã‚ˆã†ãªç™»éŒ²æ‰‹é †ãŒå¿…è¦ã§ã€ã©ã®ã‚ˆã†ã«ä½¿ã†ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿä»Šå›žã¯ç†è€…ãŒé€š
vitaminsii 2013/05/17
Googleãƒ—ãƒ¬ã‚¤ã‚¹ã«ãŠåº—ã®å ´æ‰€ã®æƒ…å ±ã‚’ç™»éŒ²ã—ã¦ã€åœ°å›³ä¸Šã«è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã®è§£èª¬ã€‚ã€ŒGoogleãƒ—ãƒ¬ã‚¤ã‚¹ã€ã¨ã„ã†ä»•çµ„ã¿ã§ç™»éŒ²ã™ã‚‹ã€‚ç™»éŒ²ã¯ç„¡æ–™ã€‚

*WebçŸ¥è˜

+Tutorial

>Webä¸€èˆ¬åˆ©ç”¨è€…

>Webé‹å–¶è€…

=ã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—

2010

SEO

e-commerce

Google

Google ãƒ—ãƒ¬ã‚¤ã‚¹
ãƒªãƒ³ã‚¯
Adobe TV
Adobe MAX The Creativity Conference Oct 14â€“16 Miami Beach and online
vitaminsii 2013/05/14
Adobeå…¬å¼ã®å‹•ç”»ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã€‚

*WebçŸ¥è˜

+Tutorial

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

Adobe

photoshop

dreamweaver

illustrator

flash

å‹•ç”»
ãƒªãƒ³ã‚¯
WordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã“ã®ã‚µã‚¤ãƒˆã¯ã¾ã HTML5ã«ã—ã¦ãªã„ã®ã§ã€WordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’XHTMLã‹ã‚‰HTML5ã«ã™ã‚‹ã‚¹ãƒ†ãƒƒãƒ—ã”ã¨ã«è§£èª¬ã•ã‚ŒãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Convert Your WordPress Theme to HTML5 ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã‚´ãƒ¼ãƒ« HTML5ã®ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ Step 1: header.phpã‚’HTML5åŒ– Step 2: index.phpã‚’HTML5åŒ– Step 3: sidebar.phpã‚’HTML5åŒ– Step 4: footer.phpã‚’HTML5åŒ– Step 5: single.phpã‚’HTML5åŒ– Step 6: style.cssã‚’HTML5åŒ– ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã‚´ãƒ¼ãƒ« ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã€XHTMLã§ã¤ãã‚‰ã‚ŒãŸWordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã¯ãã‚Œãžã‚Œ
vitaminsii 2013/05/13
XHTMLã§ã¤ãã‚‰ã‚ŒãŸWordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚å‰æã¨ã—ã¦HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ç†è§£ã—ã¦ãŠãã“ã¨ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-PHP

>Front end engineer

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

2012

Webåˆ¶ä½œ

wordpress
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
vitaminsii 2013/05/13
wordpressã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ç®¡ç†ç”»é¢ã®å„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨åˆæœŸè¨å®šï¼ˆã‚µã‚¤ãƒˆæƒ…å ±ã‚„ç”»åƒã‚µã‚¤ã‚ºã€ãƒ‘ãƒ¼ãƒžãƒªãƒ³ã‚¯ï¼‰ã®èª¬æ˜Žè¨˜äº‹ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

>Webç®¡ç†è€…

>Webåˆ¶ä½œè€…å…¨èˆ¬

2012

wordpress

ç®¡ç†ç”»é¢

ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«

ãƒ†ãƒ¼ãƒž

åŸºæœ¬
ãƒªãƒ³ã‚¯
HTML5 & The Web Platform
HTML5ã¨é–¢é€£ã™ã‚‹ä»•æ§˜ã«ã¤ã„ã¦ã€ãã®ç›®çš„ã‚„ä¸èº«ã«ã¤ã„ã¦ç°¡å˜ã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 2010å¹´2æœˆ19æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸDevelopers Summit 2010ã§è¬›æ¼”ã—ãŸã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
vitaminsii 2013/05/13
HTML5ã®åˆ†ã‹ã‚Šã‚„ã™ã„è§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚

*Webåˆ¶ä½œ

+Tutorial

-html5ãƒ»css3

>Front end engineer

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

2010

webãƒ‡ã‚¶ã‚¤ãƒ³

html5

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
HTML5ï¼‹CSS3ã®ã€Œã‚«ãƒ³ã‚¿ãƒ³è£…é£¾è¨å®šã€ã§ä»Šé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³
åŸºæœ¬çš„ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„è§’ä¸¸ã¯ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‹ã‚‰ã‚³ãƒ”ãƒšã—ã¦è¨å®šã§ãã‚‹ã®ã§ã€ä½œæ¥è‡ªä½“ã¯ç°¡å˜ã§ã™ã€‚HTML5ï¼‹CSS3ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã£ã¦è¡¨ç¾ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ï¼ˆ1ï¼‰è£…é£¾ã®ã‚ãƒ¢ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ç·šãƒ»è§’ä¸¸ãƒ»å½±ãƒ»ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ å‰å›žHTML5ï¼‹CSS3ã®ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªåœ¨ã«ä½¿ã„ã“ãªã™ã€ã§ã¯ã€é™ã‚‰ã‚ŒãŸã„ãã¤ã‹ã®CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã§ãã‚‹ã“ã¨ã‚’ãŠè¦‹ã›ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã‚Œã«è£…é£¾ã‚’åŠ ãˆã¦ã„ãã¾ã™ã€‚ ã„ã–è£…é£¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ä»˜ã‘ã‚Œã°è‰¯ã„ã®ã‹è¿·ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®çµµã‚’é™¤ã‘ã°ã€è£…é£¾ã®è¦ç´ ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œç·šã€ã€Œè§’ä¸¸ã€ã€Œå½±ã€ã€Œãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ãã‚‰ã„ãªã‚‚ã®ã§ã™ã€‚ãã‚Œã‚‰ã‚’æ•´ç†ã—ã¦çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€å…¨ä½“ã¨ã—ã¦ä¸€ä½“æ„Ÿã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»•ä¸Šã’ã‚‰ã‚Œã¾ã™ã€‚ ã€Œãã‚ŒãŒé›£ã—ã„ã‚“ã ã‚ˆï¼ã€ã¨ã„ã†ãŠå±ã‚Šã®å£°ãŒèžã“ãˆã¦ããã†ã§ã™ãŒï¼ˆç¬‘ï¼‰ã€ä»¥ä¸‹ã®2ã¤ã‚’è¦‹æ¯”ã¹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä¸Š
vitaminsii 2013/05/12
css3ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ä»Šé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ã¨ã¦ã‚‚ã‚ã‹ã‚Šæ˜“ã„è¨˜äº‹ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tutorial

+Code

-html5ãƒ»css3

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2013

webãƒ‡ã‚¶ã‚¤ãƒ³

è§’ä¸¸

ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³

html5
ãƒªãƒ³ã‚¯
Greasemonkey - Mozilla Firefox ã¾ã¨ã‚ã‚µã‚¤ãƒˆ
vitaminsii 2013/05/11
Greasemonkeyã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®æ›¸ãæ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-JavaScript

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

>Webä¸€èˆ¬åˆ©ç”¨è€…

Greasemonkey

è§£èª¬

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
åž‚ç›´ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹HTMLï¼‹CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Vertical Timeline | Codrops åž‚ç›´ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹HTMLï¼‹CSSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ¬¡ã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆã§ç¾Žã—ã„åž‚ç›´æ–¹å‘ã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ ã‚½ãƒ¼ã‚¹ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ æ™‚ç³»åˆ—ã§ä½•ã‹ã‚’ãªã‚‰ã¹ã‚‹ã‚ˆã†ãªUIã«ä½¿ãˆãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¢ãƒ€ãƒ³ãªã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®CSS3ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† CSS3ã§Chromeé¢¨ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒ†ã‚ã‚¹ãƒˆã‚’å††å½¢ã«æç”»ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« PHPã§OAuthã‚µãƒ¼ãƒã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
vitaminsii 2013/05/10
ãƒ•ãƒ©ãƒƒãƒˆã§ç¾Žã—ã„åž‚ç›´æ–¹å‘ã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã€‚æ™‚ç³»åˆ—ã§ä½•ã‹ã‚’ä¸¦ã¹ã‚‹ã‚ˆã†ãªUIã«åˆ©ç”¨ã§ããã†ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‚è€ƒ

+Tutorial

-html5ãƒ»css3

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

2013

css3

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photoshopã§ã®Webåˆ¶ä½œåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop ã¯ JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop ç”¨ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’ã€ŒJSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µåã¯ .jsx ã§ã™ã€‚ Photoshop ã‚’ä½¿ã£ã¦Webåˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ å·¥ç”¨ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Webåˆ¶ä½œå‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚ã‚‹ç¨‹åº¦å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚è€ƒã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„ã‚µã‚¤ãƒˆãŒå°‘ãªã„ãŸã‚ã‹ãã‚Œç¨‹æ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
vitaminsii 2013/05/10
å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚

*Webåˆ¶ä½œ

+Code

+Tutorial

-JavaScript

2012

>Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

ç”¨èªž

Photoshop

æ‹¡å¼µæ©Ÿèƒ½

jsx
ãƒªãƒ³ã‚¯
æŸ”è»Ÿãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
å°‘ã—å‰ã‹ã‚‰Webåˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®å¤‰åŒ–ã‚’ã‚ã¡ã‚‰ã“ã¡ã‚‰ã§èžãã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä»Šã¾ã§èª¿ã¹ã¦ããŸã“ã¨ã¨çµŒé¨“ã‹ã‚‰å¦ã‚“ã ã“ã¨ã‚’äº¤ãˆã¦ä»Šã®è€ƒãˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webåˆ¶ä½œãƒ•ãƒãƒ¼ã®å†è€ƒã¨Designing in the browserã‚’æ›¸ã„ãŸé ƒã‹ã‚‰ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®å¤‰åŒ–ã‚’æ„è˜ã—ã¦ãŠã‚Šã€ã„ã‚ã‚“ãªè¨˜äº‹ã‚’èªã‚“ã ã‚Šè‡ªåˆ†ãªã‚Šã«è€ƒãˆãŸã‚Šã—ã¦ã¾ã™ã€‚ç¾åœ¨ã®ã¨ã“ã‚åƒ•ãŒæ€ã†ã®ã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¯ã²ã¨ã¤ã«å®šã‚ã‚‰ã‚Œãªã„ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ é–¢ã‚ã‚‹ãƒãƒ¼ãƒ ã‚„ç’°å¢ƒã€åˆ¶ä½œã™ã‚‹ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦æœ€é©ãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¯å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ä¾‹ãˆã°ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªé™çš„ãªã‚µã‚¤ãƒˆåˆ¶ä½œã¨JSã€CSS3ãªã©æ¯”è¼ƒçš„æ–°ã—ã„æŠ€è¡“ã‚’é§†ä½¿ã—ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å ´åˆã§ã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¯å¤‰ã‚ã‚Šã¾ã™ã€‚ä»Šã¾ã§ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ãŒä¸€æ§˜ã§ã‚‚å•é¡Œã¨ãªã‚‹ã“ã¨ãŒå°‘ãªã‹ã£ãŸã§ã™ãŒã€ãã†ã§ã¯ãªããªã£ã¦ãã¦ã„ã¾ã™ã€‚ è¤‡é›‘ãªè¨è¨ˆã®ã‚µã‚¤ãƒˆã§ã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãªã©ã‚’ç”¨ã„ã¦æ—©æœŸã«
vitaminsii 2013/05/08
Webåˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ã‚ã‹ã‚Šã‚„ã™ãã¾ã¨ã‚ãŸè¨˜äº‹ã€‚é™çš„ã‚µã‚¤ãƒˆã‚„è¤‡é›‘ãªæ§‹æˆã®ã‚µã‚¤ãƒˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ç‰ã€åˆ¶ä½œã™ã‚‹ã‚‚ã®ç¨®é¡žã«ã‚ˆã£ã¦ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’å¤‰ãˆã‚‹ã¨åŠ¹çŽ‡ãŒè‰¯ã„ã€‚

*Webåˆ¶ä½œ

+Tutorial

>Webåˆ¶ä½œè€…å…¨èˆ¬

2013

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

å…¥é–€
ãƒªãƒ³ã‚¯
WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é–‹ç™ºã—ã‚ˆã†ï¼ˆåˆç´šç·¨ï¼‰
WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é–‹ç™ºã—ã‚ˆã†ï¼ˆåˆç´šç·¨ï¼‰ WordPressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Œã°ãƒãƒƒãƒˆã§ã¡ã‚„ã»ã‚„ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ï¼ï¼Ÿ ã¨ã„ã†ã“ã¨ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é–‹ç™ºæ–¹æ³•ã‚’ã•ã‚‰ã£ã¨è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´09æœˆ11æ—¥ æ›´æ–°æ—¥2012å¹´10æœˆ02æ—¥ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã£ã¦ãªã‚“ã ã‚ã†ã€‚ WordPressã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ã‚‹ã¨functions.phpã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ åŸºæœ¬çš„ã«ã“ã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ«ãƒ€ã«å…¥ã‚Œã‚‹ã ã‘ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ãªã‚Šã¾ã™ã€‚ ãã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ä¾å˜ã—ãŸã‚‚ã®ã¯functions.phpã«è¨˜è¿°ã—ãŸã¾ã¾ã§ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ãŒã€ã‚ã‚‹ç¨‹åº¦ä½¿ã„å›žã›ã‚‹ã‚‚ã®ã§ã—ãŸã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã™ã‚‹ã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ ç°¡å˜ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ç°¡å˜ãªä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ functions.php ã«æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ functions.php function
vitaminsii 2013/05/06
Wordpressã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é–‹ç™ºã®ãŸã‚ã®å…¥é–€è¨˜äº‹ã€‚ã¨ã¦ã‚‚ã‚ã‹ã‚Šæ˜“ã„ã§ã™ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-PHP

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

2012

plugin

functions.php

wordpress

é–‹ç™º
ãƒªãƒ³ã‚¯
Twitter bootstrapå…¥é–€ #twtr_hack
The document discusses Twitter Bootstrap, an open-source front-end web development framework. It provides information on Bootstrap's history and features, including its grid system, typography, forms, buttons, navigation and other components. The document also offers tips on getting started with Bootstrap, customizing it using LESS, and related tools and resources.Read less
vitaminsii 2013/05/05
Bootstrapã®åˆ†ã‹ã‚Šã‚„ã™ã„è§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ã‚³ãƒ¼ãƒ‰ã¨ãã®å®Ÿè¡Œçµæžœã®ã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã›ã¦ã„ã‚‹ã®ã§ã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã™ã€‚

*ãƒ—ãƒã‚°ãƒ©ãƒ å‚è€ƒ

+Tutorial

+Code

-htmlãƒ»css

>Front end engineer

>Webãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼

2012

twitter

Bootstrap

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸