Gunosyã®UIを徹底的ã«åˆ†æžã—ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸ2013.08.18 Gunosyã®UIを徹底的ã«åˆ†æžã—ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸ ã“ã®è¨˜äº‹ã¯ä»¥ä¸‹ã«ç§»è»¢ã—ã¾ã—ãŸã€‚ http://lambda-structure-design.jp/lab/redesign-of-gunosy-ui/
HTTPリクエストを減らã™ãŸã‚ã«ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ - MOL
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯HTTPリクエストã®ç†è§£ã‚’通ã˜ã¦Webパフォーマンスã®é‡è¦æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹5ç« æ§‹æˆã«ãªã£ã¦ã„る。 ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ ã€CSS Sprite編】スプライト地ç„ã‹ã‚‰ã®è§£æ”¾ ã€WebFont編】ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ ã€DataURI編】é…延ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ ã€çµ‚ç« ã€‘æˆ‘ã€…ã«ã¯1000msã®çŒ¶äºˆã—ã‹æ®‹ã•ã‚Œã¦ã„ãªã„ 1日目ã¯ã€HTTPリクエストã®æ¦‚è¦ã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ 例ãˆã«ã€ç§ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ï¼ˆt32k.me）ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã®æµã‚Œã‚’見ã¦ã„ã。ã¾ãšã€æ¤œç´¢ã‹ã‚‰ã§ã‚‚方法ã¯ãªã‚“ã§ã‚‚よã„ãŒã€ãƒ–ラウザã®URLãƒãƒ¼ã«t32k.meã¨æ‰“ã¡è¾¼ã‚“ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã€‚ãã®ãƒšãƒ¼ã‚¸ã‚’見ã«ã„ãã¨ã„ã†ã“ã¨ã¯ã€ã¤ã¾ã‚Št32k.meã«å¯¾ã—ã¦HTTPスã‚ームã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„味ã—ã¦ã„る。 クライアントã§ã‚るブラウザã¯å…¥åŠ›ã•ã‚ŒãŸURLを判æ–ã—ã¦ã€ãƒªã‚½
CSS Spriteç”»åƒã¯DataURIç”»åƒã«ã™ã¹ãã‹ï¼Ÿ - MOL
最近ã€ã‚¹ãƒ—ライト画åƒã¯DataURIã«ã™ã¹ãã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ãŒå¤šãã¦ã€èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ã¦ã‹ã€å‰ã®ã‚‚ãã‚“ãªè©±é¡ŒãŒã‚ã£ãŸã‚ˆã†ãªã€‚DataURIã£ã¦ãªã‚“ãžã£ã¦æ–¹ã¯ä¸‹è¨˜ã‚’見ã¦ã»ã—ã„。 データURIスã‚ーム| MOL CSSファイルãŒãƒ‘ースã•ã‚Œãªã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå§‹ã¾ã‚‰ãªã„ã®ã§CSSファイルã®è‚¥å¤§åŒ–ã¯çµ¶å¯¾ã«é¿ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„。画åƒã®1KBã¨CSSファイルã®1KBã‚’åŒã˜ã‚ˆã†ã«è€ƒãˆã¦ã¯ã„ã‘ãªã„。 ― ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®ã—ーãˆã—ã‚…ãˆã—ã‚… ã‚ã€ãƒ›ãƒ³ãƒˆãã†ã ã£ã‘ーãªãƒ¼ã¨æ€ã„ã¤ã¤ã€ã©ã“ãžã®è³‡æ–™è¦‹ãŸã‚“ã ã£ã‘ãªãƒ¼ã¨æŽ¢ã—ã¦ãŸã‚‰ã‚ã£ãŸã€‚ Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC 2013 ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã™ã”ã分ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼ˆè©²å½“ã®ç®‡æ‰€ã¯12分ä½ã‹ã‚‰ï¼‰ã€‚ã¨ã„ã†ã‹Ilya
時間ã®ã‹ã‹ã‚‰ãªã„「タイカレーã€ãƒ¬ã‚·ãƒ”　ã„ãªã°é£Ÿå“ã®ç¼¶è©°ã‚’使ã£ãŸã‚¢ãƒ¬ãƒ³ã‚¸ã‚‚ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
スパイシーã§ã‚³ã‚¯ã®ã‚ã‚‹ã€ã‚¿ã‚¤æ–™ç†ã®å®šç•ªã€Œã‚¿ã‚¤ã‚«ãƒ¬ãƒ¼ã€ã€‚è¿‘ã”ã‚ã¯å¸‚販ã®ã‚«ãƒ¬ãƒ¼ãƒšãƒ¼ã‚¹ãƒˆã‚„缶詰ãªã©ã§ã€å®¶åºã§ã‚‚気軽ã«æœ¬å ´ã®å‘³ã‚’楽ã—ã‚るよã†ã«ãªã‚Šã¾ã—ãŸã€‚çŸæ™‚é–“ã§ä½œã‚Œã‚‹ãƒ¬ã‚·ãƒ”ã‚„ã€äººæ°—ã®â€œã„ãªã°ã®ã‚¿ã‚¤ã‚«ãƒ¬ãƒ¼â€ã‚·ãƒªãƒ¼ã‚ºã‚’使ã£ãŸã‚¢ãƒ¬ãƒ³ã‚¸ãªã©ã‚’紹介ã—ã¾ã™ã€‚ ■定番ã®ã‚°ãƒªãƒ¼ãƒ³ã‚«ãƒ¬ãƒ¼ â–½ グリーンカレー｜タイ料ç†ãƒ¬ã‚·ãƒ”｜e-food.jp グリーンカレーã¯çˆ½ã‚„ã‹ãªè¾›ã•ãŒç‰¹å¾´ã§ã™ã€‚ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ãƒ—ãƒã®ã‚¿ã‚¤äººã‚·ã‚§ãƒ•ã«ã‚ˆã‚‹ãƒ¬ã‚·ãƒ”ãªã©ã‚’ã‚‚ã¨ã«ç ”究ã•ã‚ŒãŸã€æœ¬å ´ã®ä½œã‚Šæ–¹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ココナッツクリームãŒãªã„å ´åˆã¯ã€ã‚³ã‚³ãƒŠãƒƒãƒ„ミルクã§ä»£ç”¨ã—ã¦ã‚‚ã„ã„ã¨ã®ã“ã¨ã€‚ãŠã„ã—ã•ã®ç§˜å¯†ã¯ã€æ料を煮込む際ã«å…¥ã‚Œã‚‹ã€Œãƒ‘ームシュガーã€ã ãã†ã§ã™ã€‚ ＜タイカレーã«åˆã‚ã›ã‚‹ã”ã¯ã‚“＞ タイカレーã«åˆã‚ã›ã‚‹ã”ã¯ã‚“ã¯ã€ã‚¿ã‚¤ç±³ãŒã‚ã‚Œã°ãƒ™ã‚¹ãƒˆã¨ã®ã“ã¨ã€‚ç‚Šãéš›ã¯ã€ç±³ã¨åŒã˜åˆ†é‡ã®æ°´ã‚’使用ã—ã¾ã™ã€‚日本産ã®ç±³ã‚’使ã†å ´åˆã‚‚ã€ã‚¿ã‚¤ç±³ã¨åŒã˜ã硬ã‚ã«ç‚Šãã¨ã„
開発者ã¨ã—ã¦è¦šãˆã¦ãŠããŸã„mysqldumpã®ã‚ªãƒ¬ã‚ªãƒ¬å®Ÿè·µTips | hirobanex.net
mysqldumpã£ã¦ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—使ã†ã‚ã‚Œã§ã—ょã£ã¦ã„ã†æ„Ÿã˜ã§ã™ãŒã€çªç„¶å…¥ã£ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æœ‰å„Ÿ/ç„¡å„Ÿã®ã‚·ã‚¹ãƒ†ãƒ ã‚’æŒã£ã¦ããŸã¨ããªã©ã€DBã®ã‚¹ã‚ãƒ¼ãƒžæ§‹é€ ã‚„ãƒžã‚¹ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã®ç®¡ç†ã«ä½¿ã†ã¨æ„外ã¨é–‹ç™ºè€…ã§ã‚‚役立ã¤ãªã¨æ€ã„ã¾ã—ãŸã®ã§ã€ãã®å†…容をã°ã€‚ 逆引ã実践Tips ã¨ã‚Šã‚ãˆãšã€é‡£ã‚Šã£ã½ã„タイトルを「オレオレã€ã§ã”ã¾ã‹ã™ã®è¡“ã‹ã‚‰å§‹ã¾ã£ã¦ã„ã¾ã™ãŒã€ä½¿ãˆãーよã£ã¦äººãŒã„ãŸã‚‰ç„¡è¦–ã—ã¦ãã ã•ã„w ã§ã€ã¾ãšã¯å®Ÿè·µçš„ãªãƒ¯ãƒ³ãƒ©ã‚¤ãƒŠãƒ¼çš„ãªã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã€‚ 対象ã®ã‚µãƒ¼ãƒ“スã®DBæ§‹é€ ã®ä¸€è¦§ãŒã»ã—ã„よ! mysqldump --compact -d -uroot mydbname | egrep -v "(^SET|^/\*\!)" | perl -ple 's/CREATE TABLE /\nCREATE TABLE /g' > ./schema.sql mysqlオプションã¯ä»¥ä¸‹ã«ã¾ã¨ã‚ã¦è§£èª¬ã‚’載ã›ã¾ã™ãŒã€ãれ以外ã®
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - Strider-CD/strider: Open Source Continuous Integration & Deployment Server
{{#tags}}- {{label}}
{{/tags}}