[B! performance][HTML][html] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

performanceã¨HTMLã¨htmlã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (22)

${{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}}

AMP - a web component framework to easily create user-first web experiences
AMP is a web component framework to easily create user-first experiences for the web. AMP Websites Easily create websites with a great page experience out-of-the-box using AMPâ€™s ready-to-go web components. Get started All about AMP Websites
beth321 2016/07/04
web components

AMP

mobile

Google

Accelerated Mobile Pages

performance

Web

HTML

é«˜é€ŸåŒ–

ãƒ¢ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚‚çŸ¥ã£ã¦ãŠããŸã„ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ã®åŸºæœ¬
ã‚¹ãƒžãƒ›ã‹ã‚‰ã‚¦ã‚§ãƒ–ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãŒå¢—ãˆã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ãŒã‚ˆã‚Šé‡è¦ãªåˆ¶ä½œã®èª²é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚1ãƒšãƒ¼ã‚¸ã‚‚ã®ã®ã‚µã‚¤ãƒˆãªã‚‰ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä¸€äººã§å®Ÿè£…ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚„ã‚µã‚¤ãƒˆå…¨ä½“ã®è¨è¨ˆã«ã‚‚é–¢ã‚ã£ã¦ãã¾ã™ã€‚ã¾ãŸã€è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–ã®æ–¹æ³•ã‚’çŸ¥ã‚‰ãªã‘ã‚Œã°ã€æœ€é©åŒ–ã—ã‚„ã™ã„ã€ã‚ˆã‚Šé«˜åº¦ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯å®Ÿç¾ã§ããªã„ã§ã—ã‚‡ã†ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒã“ã†ã„ã£ãŸæƒ…å ±ã‚’çŸ¥ã£ã¦ã„ã‚Œã°ã€ã‚ˆã‚Šã‚¹ãƒ ãƒ¼ã‚ºã«çµæžœã‚’å‡ºã›ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œãŒã§ãã‚‹ã¯ãšã§ã™ã€‚ ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã®æ”¹å–„ã«ã¯ã„ã‚ã„ã‚ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ä¸€ç•ªåŠ¹æžœãŒã‚ã‚Šãã†ãªã¨ã“ã‚ã‹ã‚‰æ”»ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚è‡ªåˆ†ã‚‚ã¾ã ã¾ã å‹‰å¼·ä¸ãªã®ã§ã€ã¾ãšã¯filament groupã®Scottã•ã‚“ã®è¨˜äº‹ ã‚„Clearleftã®Jeremyã•ã‚“ã®è¨˜äº‹ ã‚’å‚è€ƒã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
beth321 2015/05/06
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

webåˆ¶ä½œ

é«˜é€ŸåŒ–

æœ€é©åŒ–

CSS

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

ã‚ã¨ã§èªã‚€

javascript

HTML

performance
ãƒªãƒ³ã‚¯
ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’æ„è˜ã—ãŸãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
TalkNote Vol.8ã€ŒTalkNote Ã— Frontrendã€ -ï¼ˆ2013å¹´6æœˆ8æ—¥é–‹å‚¬ï¼‰ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ Webãƒšãƒ¼ã‚¸ã‚’é…ãã—ã¦ã„ã‚‹ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®1ã¤ã¯ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ã™ã€‚ æ˜¨ä»Šã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ–ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®è©±é¡Œã«ã‚·ãƒ•ãƒˆã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ç‰¹ã«éžåŠ›ãªãƒ‡ãƒã‚¤ã‚¹ã§ã¯ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®é€Ÿåº¦æ”¹å–„ã‚ˆã‚Šã‚‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ã‚ã‚Šã®æœ€é©åŒ–ã«æ³¨åŠ›ã—ãŸã»ã†ãŒè‰¯ã„åŠ¹æžœã‚’å¾—ã‚‰ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ å•é¡Œã«ãªã‚Šå¾—ã‚‹äº‹ä¾‹ã‚’å…ƒã«ã€ã„ãã¤ã‹ã®Tipsã‚’ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚
beth321 2014/12/29
performance

from mikutter

javascript

css

html

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

browser

DOM

slide

js
ãƒªãƒ³ã‚¯
Private Presentation
Looks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field. Explore by category instead
beth321 2014/10/25
HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

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

*Web

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

Performance

web

Webåˆ¶ä½œ

ãƒ–ãƒ©ã‚¦ã‚¶

HTML5
ãƒªãƒ³ã‚¯
ç¬¬8å›žã€€å®Ÿè·µDOMã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°#1ï¼šHTMLã¨ãƒ†ã‚ã‚¹ãƒˆã®æ“ä½œ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰ã€…å›žã€å‰å›žã§DOMã®åŸºç¤Žã‚’ç°¡å˜ã«è§£èª¬ã—ã¾ã—ãŸã€‚ä»Šå›žã‹ã‚‰ã¯ã€DOMã‚’ä½¿ã£ãŸå®Ÿç”¨çš„ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ç‰¹ã«ä»Šå›žã¯HTMLã®æ“ä½œã€ãƒ†ã‚ã‚¹ãƒˆã®æ“ä½œã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’å½“ã¦ã¦ã„ãã¤ã‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTMLæ“ä½œã®åŸºæœ¬ JavaScriptã«ã‚ˆã£ã¦HTMLã‚’æ›¸ãå‡ºã—ãŸã‚Šã€ä¸€éƒ¨ã‚’æ›¸ãæ›ãˆãŸã‚Šã€å‰Šé™¤ã—ãŸã‚Šã¨ã„ã£ãŸæ–¹æ³•ã¯å®Ÿã¯æ§˜ã€…ãªæ–¹æ³•ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ç›®çš„ã«åˆã‚ã›ã¦é©åˆ‡ãªæ–¹æ³•ã‚’é¸ã°ãªã„ã¨éžåŠ¹çŽ‡ã ã£ãŸã‚Šã€æœ€æ‚ªã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ãªã©ã®å•é¡Œã‚’æŠ±ãˆã¦ã—ã¾ã†å±é™ºã‚‚ã‚ã‚Šã¾ã™ã€‚ document.writeã¨åŒæœŸèªã¿è¾¼ã¿ JavaScriptã§HTMLã‚’æ›¸ãå‡ºã™ã¨ã„ã†ã¨ã€æœ€åˆã«å¦ã¶ã®ã¯ã“ã®document.writeã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã„ã‚ã‚†ã‚‹printæ–‡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ãƒ«ãªAPIãªã®ã§ã€å…¥é–€æ›¸ã®æœ€åˆã®ã‚µãƒ³ãƒ—ãƒ«ãªã©ã§æ‰±ã‚ã‚Œã‚‹ã“ã¨ã‚‚å¤šã„ã‚ˆã†ã§ã™ã€‚ã—ã‹ã—ã€docume
beth321 2014/10/17
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript

DOM

tips

html

*Javascript

ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶

browser

performance

programming
ãƒªãƒ³ã‚¯
ã€Žãƒ•ãƒãƒ³ãƒˆãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚¬ã‚½ãƒ³ æœ€é€Ÿã‚’ç›®æŒ‡ã™ã«ã¯ã€
11:10ï½ž èª²é¡Œãƒšãƒ¼ã‚¸ã®ç¢ºèªï¼†PageSpeed Insightsã®å®Ÿè¡Œç›®çš„ï¼šãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°å¯¾è±¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ”¹å–„ã®ä½™åœ°ã‚’èª¿æŸ» ä¸Šè¨˜ã®gruntãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ npm install ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã—ãªãŒã‚‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„IDEã§ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°å¯¾è±¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ç¢ºèªã—å§‹ã‚ã¾ã—ãŸã€‚ å°‘ã—è¦‹ãŸã ã‘ã§ã‚‚CSSã®æ§‹æ–‡ã‚¨ãƒ©ãƒ¼ãŒã‚ã£ãŸã‚Šã€ä½¿ã£ã¦ã„ãªã„JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚¤ãƒ³ãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãŸã‚Šâ€¦ã€‚ ã¾ã‚‹ã§ç„¡èŒ¶ãªé‹ç”¨ã‚’æ•°ãƒ¶æœˆç¶šã‘ãŸã‹ã®ã‚ˆã†ãªã€ã‚«ã‚ªã‚¹ãªãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã§ã—ãŸã€‚ ã“ã“ã§å®Ÿè¡Œã—ãŸ PageSpeed Insights ã«ç”»åƒã‚µã‚¤ã‚ºã®æœ€é©åŒ–ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã•ã‚ŒãŸã®ã§ã€ã¾ãšã¯ãã“ã‹ã‚‰è¡Œã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 11:20ï½ž ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®æœ€é©åŒ–ç›®çš„ï¼šç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å‰Šæ¸› 30 x 30pxã§è¡¨ç¤ºã—ã¦ã„ã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãŒå®Ÿéš›ã«ã¯150 x 150pxã§ä¿å˜ã•ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ç”»åƒãŒãã“ãã“ã‚ã£ãŸã®
beth321 2014/09/17
web

WEBã‚µãƒ¼ãƒ“ã‚¹

html

grunt

javascript

performance

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

css

frontend

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚™ã‚¤ãƒ«æ™‚ä»£ã®Webãƒã‚šãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
2014/8/30ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5ã¨ã‹å‹‰å¼·ä¼š in IWATE 2014ã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³è³‡æ–™ã§ã™ã€‚
beth321 2014/08/31
ãƒ¢ãƒã‚¤ãƒ«

japan

HTTP

html5

JavaScript

web

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

mobile

performance

HTML
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚°ç·¨é›†ç”»é¢JSã®ãƒšãƒ¼ã‚¸ãƒ£è¦‹ã©ã“ã‚ç´¹ä»‹ #pagernight - hitode909ã®æ—¥è¨˜
æ˜¨æ—¥ï¼Œãƒšãƒ¼ã‚¸ãƒ£Nightã¨ã„ã†å‹‰å¼·ä¼šã§ï¼Œã¯ã¦ãªãƒ–ãƒã‚°ã®JSã®è¦‹ã©ã“ã‚ã‚’ç´¹ä»‹ã™ã‚‹LTã‚’ã—ãŸï¼Ž(æ˜¨æ—¥ã®æ—¥è¨˜)ï¼Ž è³‡æ–™å…¬é–‹ã—ã‚ˆã†ã‹ã¨æ€ã£ãŸã®ã ã‘ã©ï¼Œç™ºè¡¨è³‡æ–™ãã®ã¾ã¾å…¬é–‹ã—ã¦ã‚‚æ„å‘³ä¸æ˜Žãªã®ã§ï¼Œã‚¨ãƒ³ãƒˆãƒªã«æ›¸ãç›´ã™ã“ã¨ã«ã—ãŸï¼Ž ãŸã¨ãˆã°ï¼Œã“ã®LGTMç”»åƒã¯ç™ºè¡¨è³‡æ–™ã®1æžšç›®ã§ï¼Œã‚‚ã—ç™ºè¡¨è³‡æ–™ã‚’ãã®ã¾ã¾å…¬é–‹ã—ãŸã‚‰ï¼Œã“ã†ã„ã†è¬Žã®ç”»åƒã‚’è§£èª¬ã‚‚ãªã„ã¾ã¾è¦‹ã‚‹ã“ã¨ã«ãªã£ã¦ã„ãŸã¯ãšï¼Ž JSã®ãƒšãƒ¼ã‚¸ãƒ£ã„ã£ã±ã„ã‚ã‚‹ ã¯ã¦ãªãƒ–ãƒã‚°ã®ç·¨é›†ç”»é¢ã«ã¯ç·¨é›†ã‚µã‚¤ãƒ‰ãƒãƒ¼ã¨ã„ã†ã®ãŒã‚ã£ã¦ï¼Œå†™çœŸã¨ã‹Amazonæ¤œç´¢ã¨ã‹Twitterã¨ã‹instagramã¨ã‹ã‚ã‚Œã“ã‚Œè²¼ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ï¼Ž Amazonæ¤œç´¢ã—ã¦ã‚‚ç”»é¢é·ç§»ã™ã‚‹ã‚ã‘ã˜ã‚ƒãªãã¦ï¼Œã‚¦ã‚§ãƒ–2.0ã¨ã„ã†æ„Ÿã˜ã§ï¼ŒXHRã§JSONã‚’å–ã£ã¦ãã¦ï¼ŒHTMLã‚’çµ„ã¿ç«‹ã¦ã¦è¡¨ç¤ºï¼Œã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨é¸æŠžï¼Œè²¼ã‚Šä»˜ã‘ã‚’æŠ¼ã™ã¨ã‚¨ãƒ‡ã‚£ã‚¿ã«æŒ¿å…¥ã•ã‚Œã‚‹ï¼Œã¨ã„ã†ä»•çµ„ã¿ï¼Ž ç·¨é›†ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‹ã‚‰è²¼ã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯10ç¨®é¡žãã‚‰ã„ã‚
beth321 2014/07/06
æ›¸ç±

javascript

html

programming

pager

hatena

pagernight

blog

performance

js
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„HTML/CSS
å°Žå…¥ã‹ã‚‰ 10 å¹´ã€PHP ã® trait ã¯æ»…ã³ã‚‹ã¹ããªã®ã‹ ãã®é©åˆ‡ãªä½¿ã„ã©ã“ã‚ã¨å¼±ç‚¹ã€å°†æ¥ã«ã¤ã„ã¦
beth321 2014/06/16
html

Browser

css

slide

webåˆ¶ä½œ

performance

web

ãƒ–ãƒ©ã‚¦ã‚¶

é«˜é€ŸåŒ–

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Tumblrã®çœãƒ¡ãƒ¢ãƒªãƒ¼ãªç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ« - è¨˜éŒ²
ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¾ãŸã¯auto pagingã¨å‘¼ã°ã‚Œã‚‹UIã«ã¯ã€èªã¿çµ‚ãˆãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã©ã‚“ã©ã‚“ç”»é¢ã®ä¸Šã®ã»ã†ã«æºœã¾ã£ã¦ã„ã£ã¦ãƒ¡ãƒ¢ãƒªãƒ¼ã‚’é£Ÿã„æ½°ã™ã¨ã„ã†å•é¡ŒãŒã‚ã‚‹ã€‚ ãªã‹ã§ã‚‚Tumblrã¯ç”»åƒãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¤šã„ãŸã‚ã€ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ãƒ€ã‚¤ãƒãƒ¼ãŸã¡ã¯ç„¡é™Tumblrãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã©ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã€èªã¿çµ‚ãˆãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®šæœŸçš„ã«ãƒšãƒ¼ã‚¸ä¸Šã‹ã‚‰è‡ªå‹•å‰Šé™¤ã™ã‚‹ã¨ã„ã£ãŸå¯¾ç–ã‚’è¬›ã˜ã¦ã„ãŸã€‚ ã¨ã“ã‚ãŒæœ€è¿‘ã®Tumblrã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã¯ã€ãƒã‚¹ãƒˆãŒç”»é¢å¤–ã«å‡ºã‚‹ã¨ãã®ä¸ã®è¦ç´ ãŒä¸€æ™‚çš„ã«ãƒšãƒ¼ã‚¸ã‹ã‚‰å‰Šé™¤ã•ã‚Œã€ç”»é¢å†…ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¨è¦ç´ ãŒå†åº¦å¾©å…ƒã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ã©ã†ã‚„ã‚‰ã“ã‚Œã«ã‚ˆã£ã¦ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚‹ãƒ¡ãƒ¢ãƒªãƒ¼ã®åœ§è¿«ãŒæŠ‘ãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚‰ã—ã„ã€‚ é–¢é€£ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¯https://secure.assets.tumblr.com/assets/scripts/dashboard.jsã®/*! s
beth321 2014/06/14
browser

ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«

javascript

tumblr

performance

html

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jquery

scroll

web
ãƒªãƒ³ã‚¯
è¶…ä¼šè°3ã®è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã®æ„Ÿæƒ³
ã•ã¦ã€è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ãŒçµ‚ã‚ã£ãŸã®ã§ã€æ„Ÿæƒ³ã‚’æ›¸ã“ã†ã¨æ€ã†ã€‚ã™ã§ã«ã€å‚åŠ è€…ã®ä¸ã§ã€æ„Ÿæƒ³ã‚’æ›¸ã„ã¦ã„ã‚‹äººã‚‚ã„ã‚‹ã€‚ ãƒ¬ãƒãƒ¼ãƒˆ - è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã§åŠªåŠ›è³ž(æœ€é€Ÿè³ž)ã‚’ã¨ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ - Qiita ãƒ‹ã‚³å‹• è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã§æœ€å„ªç§€è³žã‚‚ã‚‰ã„ã¾ã—ãŸ è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã«å‚åŠ ã—ãŸ - masarakki's blog JavaScript - è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã«å‚åŠ ï¼†è¡¨å½°ã—ãŸ - Qiita kmizu/slide_cho_tuning ã¾ãŸã€ã„ã¤ã®é–“ã«è¡Œã£ãŸã®ã‹ã€å„ªå‹è€…ã«å–æã—ãŸã¨ã“ã‚ã‚‚ã‚ã‚‹ã‚‰ã—ã„ã€‚ ã€Žãƒ‹ã‚³è¶…3ã€ã®è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã§ã€â€œå‰µä¸–ç¥žâ€æˆ€å¡šæ˜å½¦æ°ã‚’ä¸Šå›žã£ãŸã‚«ãƒƒãƒ—ãƒ«ãŒè¦‹ã›ãŸãƒãƒ©ãƒ³ã‚¹æ„Ÿè¦š - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type ã•ã¦ã€ç†è€…ã®è¦–ç‚¹ã‹ã‚‰ã¿ãŸè¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã¯ã©ã†ã ã£ãŸã‹ã€‚ ãã‚‚ãã‚‚ã€ç§ãŒã‚¹ã‚¿ãƒƒãƒ•ã¨ã—ã¦é…ç½®ã•ã‚Œã‚‹ãƒ–ãƒ¼ã‚¹ã¯ã€è¶…æ™‚ç©ºãƒ‹ã‚³ãƒ‹ã‚³ç ”ç©¶æ‰€ã§ã‚ã‚‹ã¯ãšã ã£ãŸã€‚ã—ã‹ã—ã€è¶…ä¼šè°ã«ã•ã‹ã®ã¼ã‚‹ã“ã¨ä¸‰é€±é–“å‰ã€
beth321 2014/04/30
è¶…ä¼šè°

programming

css

javascript

css

html

event

performance

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

ãƒ‹ã‚³ãƒ‹ã‚³è¶…ä¼šè°
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³å‹• è¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã§æœ€å„ªç§€è³žã‚‚ã‚‰ã„ã¾ã—ãŸ
ãƒ‹ã‚³ãƒ‹ã‚³è¶…ä¼šè°ã§é–‹å‚¬ã•ã‚ŒãŸã€Œè¶…ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ç¥ã‚Šã€ã«æ‹äººã§ã‚ã‚‹æ¦è—¤ã‚¹ãƒŠã‚¤ãƒ‘ãƒ¼ã‚«ã‚¹ã‚¿ãƒ ã‹ã‚‰ãŠèª˜ã„ã•ã‚Œã¦å‚åŠ ã—ã¾ã—ãŸã€‚ æŠ•ç¥¨ã—ã¦ãã ã•ã£ãŸæ–¹ã€…ã®ãŠã‹ã’ã§æœ€å„ªç§€è³žï¼ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ ãƒ‹ã‚³å‹•ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®html,css,jsã‚’è»½é‡åŒ–ã™ã‚‹ãŠç¥ã‚Šã§ã—ã¦ã€ã«ãŽã‚„ã‹ãªä¼šå ´ã€ç‹ã„ãƒ–ãƒ¼ã‚¹ã®ä¸ã§è©°ã‚è¾¼ã¾ã‚Œã¦ãŠã‚‚ã—ã‚ã‹ã£ãŸã§ã™ã€‚ ãƒãƒ¼ãƒ ï¼šã‚¦ãƒ«ãƒ•ã‚®ãƒ£ãƒ³ã‚°ã®ç´¹ä»‹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒãƒ©ãƒ³ã‚¹ãƒãƒ¼ãƒ ã€‚ æ¦è—¤ã•ã‚“ãŒç‹¼ãŒå¥½ããªã®ã§ãã‚Œã£ã½ã„åå‰ã«ã—ã¾ã—ãŸã€‚ã‚®ãƒ£ãƒ³ã‚°ã‚‰ã—ããµãŸã‚Šã¨ã‚‚é©ã‚¸ãƒ£ãƒ³è£…å‚™ã€‚ æ¦è—¤ã‚¹ãƒŠã‚¤ãƒ‘ãƒ¼ã‚«ã‚¹ã‚¿ãƒ Twitter : tai2 ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨Pythonã‚’ã“ã‚ˆãªãæ„›ã™ãƒžãƒƒãƒæ£’ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚ ã‚¤ã‚·ã‚¸ãƒžãƒŸã‚ Twitter : woopsdez å†™çœŸã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã³ã«ãŠãŠã¤ãã•ã‚“ã«ã€Œå¤ªã£ãŸï¼Ÿã€ã¨è¨€ã‚ã‚Œã‚‹ç•ªä»˜ä¸Šæ˜‡ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ä»–ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãµãŸã‚Šã€å€‹äººã§ã®å‚åŠ ãªã©ãŒ
beth321 2014/04/28
é«˜é€ŸåŒ–

js

ãƒ‹ã‚³å‹•

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

css

HTML

performance

webåˆ¶ä½œ

tuning

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’â€œé€Ÿãâ€è¡¨ç¤ºã•ã›ã‚‹7ã¤ã®è¨ˆæ¸¬ãƒã‚¤ãƒ³ãƒˆï¼ˆ1/2ï¼‰ - ï¼ IT
æ ªå¼ä¼šç¤¾ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ æµœ ä¿Šå¤ªæœ— 2009/3/24 Firefoxã‚„YSlowã‚’ä½¿ã£ã¦Webã‚µã‚¤ãƒˆã®å•é¡Œç‚¹ã‚’æŽ¢ã‚‹ã«ã¯ï¼Ÿ ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ãƒ–ãƒã‚°ã‚’é€Ÿãã—ãŸè‘—è€…ãŒ7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’ä¼æŽˆã—ã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ Webã‚µã‚¤ãƒˆã¯â€œè¦‹ãŸç›®â€ãŒé‡è¦ãªã®ã¯å½“ãŸã‚Šå‰ã ãŒâ€¦â€¦ çš†ã•ã‚“ã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ã€ã©ã®ã‚ˆã†ãªã“ã¨ã‚’æ„è˜ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒŠã‚„ä¸»ã«HTMLã®ã‚³ãƒ¼ãƒ€ãƒ¼ï¼ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨å‘¼ã°ã‚Œã‚‹è·ç¨®ã«å°±ã„ã¦ã„ã‚‹äººã¯ã€ã‚„ã¯ã‚Šâ€œè¦‹ãŸç›®â€ã‚’å¼·ãæ„è˜ã—ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä¾‹ãˆã°ã€è¤‡æ•°ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã§åŒã˜ã‹è¿‘ã„è¡¨ç¤ºã«ãªã‚‹ã‚ˆã†ã«ã¨ã‹ã€ãƒªãƒªãƒ¼ã‚¹å¾Œã®æ›´æ–°æ¥å‹™ã«ã‚ˆã£ã¦è¡¨ç¤ºå´©ã‚ŒãŒèµ·ããªã„ã‚ˆã†ã«ã€ãªã©ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ãã‚Œã¯è·ç¨®ã®é©æ€§ã¨ã—ã¦æ£ã—ã„ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã»ã‹ã«ã‚‚æ„è˜ã—ãŸæ–¹ãŒã‚ˆã„é‡è¦ãªè¦ç´ ãŒã‚ã‚‹ã®ã§ã™ã€‚ è‰¯ã„å°è±¡ã‚’ä¸Žãˆã‚‹ã«ã¯ã€â€œé€Ÿåº¦â€ã‚‚é‡è¦ Webã‚µã‚¤ãƒˆã‚’è¦‹ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã€è‰¯ã„å°è±¡ã‚’å—ã‘ã‚‹ã®ã‹
beth321 2014/01/09
Webåˆ¶ä½œ

Firefox

html

firebug

web

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

performance

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

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

é–‹ç™º
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚’Webæ¨™æº–ã§è¡Œã†æ–¹æ³•ã€ã¾ã¨ã‚ - ãµã‚ã—ã Blog
ã€ŒHTML5 Advent Calendar 2013ã€ã®24æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Webã‚¢ãƒ—ãƒªã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã¨è¨€ãˆã°ã€JavaScriptã‚„DOMã‚¢ã‚¯ã‚»ã‚¹ãªã©ã€æ—¢å˜ã®æŠ€è¡“ãƒ™ãƒ¼ã‚¹ãªæ”¹å–„æ‰‹æ³•ã‚’æƒ³åƒã™ã‚‹æ–¹ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚æœ€è¿‘ã§ã¯ã€ã“ã†ã—ãŸæ”¹å–„ã®ã‚ã‚Šæ–¹ã‚’ã€åˆ¥ã®è¦–ç‚¹ã‹ã‚‰ã‚‚ã†å°‘ã—åºƒã’ã‚ˆã†ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ãŒå˜åœ¨æ„Ÿã‚’æŒã¡å§‹ã‚ã¦ã„ã¾ã™ã€‚ãã‚Œã¯ã€ŒWebæ¨™æº–ã€ã§ã™ã€‚ ãã“ã§ä»Šå›žã€Webæ¨™æº–å´ã§ã§ãã‚‹Webã‚¢ãƒ—ãƒªã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã«ã¤ã„ã¦ã€æŽ»ã„æ‘˜ã‚“ã§ç´¹ä»‹ã—ã¾ã™ã€‚å…¨ã¦ã‚’èª¬æ˜Žã¨ãªã‚‹ã¨ã‚ãƒªãŒãªã„ã®ã§ã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ä¸å¿ƒã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚æœ€è¿‘ã«ãªã£ã¦ã€çµæ§‹å®Ÿç”¨åŒ–ãŒé€²ã‚“ã§ãã¦ã„ã‚‹ã®ã§ã€æ‚©ã‚“ã æ™‚ã«ã¯è©¦ã—ã¦ã¿ã‚‹ä¾¡å€¤ã¯ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ 1. ãƒªã‚½ãƒ¼ã‚¹ã‚’å…ˆã«èªã¿è¾¼ã‚€ linkã‚¿ã‚°ã«ã¦URLãªã©ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ã“ã‚Œã‹ã‚‰å…ˆã«èªã¿è¾¼ã¾ã›ã‚‹å¯èƒ½æ€§ãŒé«˜ã„Webãƒšãƒ¼ã‚¸ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’äºˆã‚èªã¿è¾¼ã‚€Webæ¨™æº–ãŒã‚ã‚Šã¾ã™ã€‚ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã§ã¯æ¬¡ã®ãƒšãƒ¼ã‚¸
beth321 2013/12/26
webåˆ¶ä½œ

html

web

performance

javascript

MyInterest

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

link

tuning

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰
Webã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¹ã10ã®ã“ã¨ï¼ˆå¾Œç·¨ï¼‰ æ–‰è—¤ ç¥ä¹Ÿï¼ˆæ ªå¼ä¼šç¤¾ãƒªãƒƒãƒãƒ¡ãƒ‡ã‚£ã‚¢ï¼‰ å‰ç·¨ã‹ã‚‰å¼•ãç¶šãã€å¾Œç·¨ã§ã‚‚æœ€é©åŒ–ã®ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã€è¨ˆæ¸¬æ–¹æ³•ã€ãã—ã¦æœ€é©åŒ–ã‚’å¦¨ã’ã‚‹ã‚ˆãã‚ã‚‹ã‚¢ã‚¯ã‚·ãƒ‡ãƒ³ãƒˆã¨ãã®å›žé¿æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ ãƒ–ãƒ©ã‚¦ã‚¶ãŒã©ã®ã‚ˆã†ã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’è¡¨ç¤ºã—ã¦ã„ã‚‹ã®ã‹ã‚’çŸ¥ã‚‹ã“ã¨ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘ã«é™ã‚‰ãšã€Webã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å…¨ä½“ã®é«˜é€ŸåŒ–ã‚’è¡Œã†ãŸã‚ã«å¤§åˆ‡ãªã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ ã‚¤ã‚¹ãƒ©ã‚¨ãƒ«ã®é–‹ç™ºè€…ã§ã‚ã‚‹Tali Garsielæ°ãŒå…¬é–‹ã—ãŸã€ŽHow Browsers Workã€ã¯ã€HTML5 Rocksã«è»¢è¼‰ã•ã‚Œã€è¤‡æ•°ã®æ—¥æœ¬èªžè¨³ã‚‚æä¾›ã•ã‚Œã¦ã„ã‚‹ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å†…éƒ¨å‹•ä½œã‚’å¦ã¶ãŸã‚ã«èªã‚“ã§ãŠããŸã„ãƒªã‚½ãƒ¼ã‚¹ã®1ã¤ã§ã™ã€‚ ãã®ãƒªã‚½ãƒ¼ã‚¹ã‚’å‚è€ƒã«ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒ¡ã‚¤ãƒ³ãƒ•ãƒãƒ¼ã«ã¤
beth321 2013/09/27
HTML5

css3

css

html

animation

é«˜é€ŸåŒ–

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

performance

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«å¿…è¦ãªç”»åƒå½¢å¼ã®åŸºç¤ŽçŸ¥è˜ (1/3)ï¼šCodeZineï¼ˆã‚³ãƒ¼ãƒ‰ã‚¸ãƒ³ï¼‰
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰æ ªå¼ä¼šç¤¾ã§Webã‚’æ‹…å½“ã—ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚å‰å›žã¯Webã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ã‚’è¡Œã†ã«ã‚ãŸã‚ŠçŸ¥ã£ã¦ãŠããŸã„ã€ŒHTTPã®ä»•çµ„ã¿ã€ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ HTTPã®ä»•çµ„ã¿ã«ã¤ã„ã¦ä½•ã¨ãªãç†è§£ã§ããŸã§ã—ã‚‡ã†ã‹ï¼ŸÂ ã“ã®é€£è¼‰ã§ç´¹ä»‹ã—ã¦ã„ãé«˜é€ŸåŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®è§£èª¬ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«å¿…è¦ã§ã™ã®ã§ã€éƒ½åˆã®è‰¯ã„æ™‚ã«èªã‚“ã§ãŠã„ã¦ãã ã•ã„ã€‚ ã€Œã„ã¤èªã‚€ã‹ï¼Ÿ ä»Šã§ã—ã‚‡ï¼ã€ãªã‚“ã¦ãï¼ˆç¬‘ï¼‰ ã‚‚ã†å¤ã„ã§ã™ãã€‚ å¯¾è±¡è€… ã“ã®è¨˜äº‹ã§ã¯ã€ç‰¹ã«Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã¯Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰å—ã‘å–ã£ãŸPSDï¼ˆAdobe Photoshop Dataï¼‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ã€AIï¼ˆAdobe Illustrator Dataï¼‰ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ç”»åƒã‚’æ›¸ãå‡ºã™ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã†ã®ã§ã€ãã®éš›ã®å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ Webæ‹…å½“è€… ãƒ“
beth321 2013/05/24
photoshop

ç”»åƒ

css

*Webåˆ¶ä½œ

*** Clip

HTML5

HTML

performance

image

Web
ãƒªãƒ³ã‚¯
Facebookã‚¢ãƒ—ãƒªã‚’ã€HTML5ã§ã©ã†ã—ã¦ã‚µã‚¯ã‚µã‚¯ã«ã§ããŸã®ã‹ã€‚Sencha Touché–‹ç™ºãƒãƒ¼ãƒ ãŒç”¨ã„ãŸ3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Sencha Touchã®é–‹ç™ºãƒãƒ¼ãƒ ãŒHTML5ã§é«˜é€Ÿã«å‹•ä½œã™ã‚‹Facebookã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ãŸã“ã¨ã‚’ç´¹ä»‹ã—ãŸ1ã¤å‰ã®è¨˜äº‹ ã€ŒFacebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„ã€‚HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦è¦‹ã›ãŸSencha Touché–‹ç™ºãƒãƒ¼ãƒ ã€ã¯ã€éžå¸¸ã«å¤šãã®èªè€…ã«æ³¨ç›®ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSencha Touché–‹ç™ºãƒãƒ¼ãƒ ã®ãƒ–ãƒã‚°ã€ŒThe Making of Fastbook: An HTML5 Love Storyã€ã®å¾ŒåŠã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”¨ã„ã¦é«˜é€ŸãªHTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã—ãŸã®ã‹ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å‚™ãˆãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã“ã‚Œã‹ã‚‰åºƒãé–‹ç™ºã•ã‚Œã¦ã„ãã“ã¨ã«ãª
beth321 2012/12/21
HTML5

JavaScript

facebook

ã‚¢ãƒ—ãƒª

sencha

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

performance

HTML

é–‹ç™º

ã‚ã¨ã§ã¿ã‚‹
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹50ã®ãƒˆãƒªãƒƒã‚¯
Microsoftã®Internet Explorer PMã§ã‚ã‚‹Jatinder Mannæ°ã¯ã€BUILD 2012ã§HTML5ã‚¢ãƒ—ãƒªã¨ã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹50ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒˆãƒªãƒƒã‚¯ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹å¤šãã®ãƒãƒƒãƒ—ã‚¹ã‚’æä¾›ã—ãŸã€‚ Mannæ°ãŒæä¾›ã—ãŸã‚¢ãƒ‰ãƒã‚¤ã‚¹ã¯ã€ä»¥ä¸‹ã®6ã¤ã®åŽŸå‰‡ã‚’ä¸å¿ƒã«æ§‹æˆã•ã‚Œã¦ã„ãŸã€‚ 1.Â ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«è¿…é€Ÿã«å¿œç”ã™ã‚‹ ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’é¿ã‘ã‚‹ã€‚ä¸Šä½1,000ã®Webã‚µã‚¤ãƒˆã®ã†ã¡63%ã¯ã€ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã“ã‚Œã‚‰ã¯ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ã‚„ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦10%ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒ¡ã‚¿ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’é¿ã‘ã‚‹ã€‚ä¸–ç•Œã®URLã®ã†ã¡14%ã¯ã€ãƒ¡ã‚¿ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’ä½¿ã£ã¦ã„ã‚‹ã€‚ å¯èƒ½ãªé™ã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¿‘ãã«ã‚ã‚‹CDNã‚’ä½¿ç”¨ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã®å¿œç”æ™‚é–“ã‚’æœ€å°åŒ–ã™ã‚‹ã€‚ ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‹ã‚‰ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŒæ™‚
beth321 2012/11/28
é«˜é€ŸåŒ–

web

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

webåˆ¶ä½œ

performance

webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

html5

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°

html
ãƒªãƒ³ã‚¯
document.writeã‚’ä½¿ã£ãŸé…ã„ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ï¼ˆä¾‹ãˆã°zenbackï¼‰ã‚’éžåŒæœŸåŒ–ã—ã¦ã‚µã‚¤ãƒˆã‚’é«˜é€Ÿè¡¨ç¤ºã™ã‚‹æ–¹æ³• | ã‚†ã£ãã‚Šã¨â€¦
åºƒå‘Šã‚„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ç³»ã®ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ãƒ¼è£½ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã‚’å¼µã‚ŠãŸã„ã‚“ã ã‘ã©ã€ã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ãŒé…ããªã‚‹ã®ã£ã¦æˆ‘æ…¢ãªã‚Šã¾ã›ã‚“ã‚ˆãƒã€‚ã“ã†ã„ã£ãŸãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã®å¤šããŒ JavaScript ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚è‡ªã‚µãƒ¼ãƒãƒ¼ã«è¨ç½®ã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã‚‰ã¾ã æ‰‹ã®æ‰“ã¡ã‚ˆã†ã¯ã‚ã‚‹ã—ã€æœ¬ã‚µã‚¤ãƒˆã§ã‚‚ JavaScript èªã¿è¾¼ã¿ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã®éžåŒæœŸåŒ–ãƒã‚¿ã‚’å¹¾ã¤ã‹æ‰±ã£ã¦ãã¾ã—ãŸã€‚ä¾‹ãˆã° Google Analitics ã®éžåŒæœŸãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‚¹ãƒ‹ãƒšãƒƒãƒˆ ã‚„ LABjsã€HEAD JS ãªã©ã®éžåŒæœŸãƒãƒ¼ãƒ€ãƒ¼ãŒæœ‰åãªã¨ã“ã‚ã§ã—ã‚‡ã†ã€‚ ã¨ã“ã‚ãŒå›°ã£ãŸã“ã¨ã«ã€ã“ã†ã„ã£ãŸã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£è£½ã‚¹ã‚¯ãƒªãƒ—ãƒˆã« document.write ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã¨ã€Google Analitics ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„éžåŒæœŸãƒãƒ¼ãƒ€ãƒ¼ã§ã¯ã€ã»ã¨ã‚“ã©ã®å ´åˆã§ãƒšãƒ¼ã‚¸ãŒç™½ç´™ã¨ãªã£ã¦ã—ã¾ã„ä½¿ãˆã¾ã›ã‚“ã€‚Twitter ã‚„ Facebook ãªã©è¶…æœ‰åã©ã“ã‚ã¯æ—¢
beth321 2012/08/22
Facebook

Google

javascript

async

webåˆ¶ä½œ

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

html

éžåŒæœŸ

performance

document.write
ãƒªãƒ³ã‚¯
è¡¨ç¤ºãŒé€ŸéŽãŽã¦ã‚‚ã€èª°ã‚‚æ–‡å¥ã¯è¨€ã„ã¾ã›ã‚“ï½žCSS Niteã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ãƒ¬ãƒãƒ¼ãƒˆ
CSS Nite LP, Disk 23ã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ 2012å¹´6æœˆ30æ—¥ã€ãƒ™ãƒ«ã‚µãƒ¼ãƒ«ä¹æ®µä¸‹ã§ã€ŒCSS Nite LP, Disk 23ã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚CSS Niteã¯Webåˆ¶ä½œã«é–¢ã‚ã‚‹æ–¹ã®ãŸã‚ã®ã‚»ãƒŸãƒŠãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ãŒå¤šãå‚åŠ ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ã§ã—ãŸã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ã®æ–¹æ³•ã€ç”»åƒã®æœ€é©åŒ–ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘æœ€é©åŒ–ã€ãã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‹ã‚‰ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¾ã§ã‚’è€ƒæ…®ã—ãŸè¨è¨ˆæ®µéšŽã‹ã‚‰ã®æœ€é©åŒ–ã¨ã€å¹…åºƒã„ãªãŒã‚‰ã¨ã¦ã‚‚å¯†åº¦ã®æ¿ƒã„å†…å®¹ã§ã—ãŸã€‚ è‡ªå·±æº€è¶³ã§çµ‚ã‚ã‚‰ãªã„ãŸã‚ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®çŸ³æœ¬ å…‰å¸ï¼ˆ@t32kï¼‰ã•ã‚“ã‹ã‚‰ã€ŒMeasuring Web Performance - è‡ªå·±æº€è¶³ã§çµ‚ã‚ã‚‰ãªã„ãŸã‚ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ - ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã‚’è¡Œã†ä¸Šã§é‡è¦ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¨ˆæ¸¬æ‰‹æ®µã‚„åˆ†æžæ–¹æ³•ã«
beth321 2012/07/19
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

web

css

performance

html

æœ€é©åŒ–

webåˆ¶ä½œ

é«˜é€ŸåŒ–

Apache

design
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸