[B! ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯] ryownetã®ãƒ

ryownet id:ryownet

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«é–¢ã™ã‚‹ryownetã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

OODAãƒ«ãƒ¼ãƒ—ã¨PDCAã®é•ã„ 8é …ç›® â€“ ã‚¢ã‚¤ï¼†ã‚«ãƒ³ãƒ‘ãƒ‹ãƒ¼
OODAãƒ«ãƒ¼ãƒ—ï¼ˆã‚¦ãƒ¼ãƒ€ãƒ«ãƒ¼ãƒ—ã€OODA Loopï¼‰ã¨ã¯ã€ã‚ã‚‰ã‚†ã‚‹é ˜åŸŸã§é©ç”¨ã§ãã‚‹æˆ¦ç•¥ã®ä¸€èˆ¬ç†è«–ã§ã™ã€‚çž¬æ™‚ã«åˆ¤æ–ã—å®Ÿè¡Œã§ãã‚‹æ€è€ƒæ³•ã€ŒOODAãƒ«ãƒ¼ãƒ—æ€è€ƒã€ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚è«–ç†çš„æ€è€ƒã ã‘ã§ã¯ãªãã¦ã€ç›´è¦³ç‰ã®äººé–“ã®æ½œåœ¨èƒ½åŠ›ã‚’æœ€å¤§é™ã«æ´»ã‹ã—ã¦è¡Œå‹•ã§ãã¾ã™ã€‚ OODAãƒ«ãƒ¼ãƒ—ãŒæ—¥æœ¬ã§ã‚‚èªçŸ¥ã•ã‚Œã¦ãã¾ã—ãŸãŒã€ã„ã¾ã ã«èª¤è§£ãŒå¤šãã‚ã‚Šã¾ã™ã€‚æ—¥æœ¬ã§OODAãƒ«ãƒ¼ãƒ—ã‚’è°è«–ã™ã‚‹ã¨å¿…ãšã€PDCAã‚µã‚¤ã‚¯ãƒ«ã¨ã©ã†é•ã†ã®ã‹ã€ä½¿ã„åˆ†ã‘ã§ãã‚‹ã‹ã€çµ„ã¿åˆã‚ã›ã§ãã‚‹ã‹ã¨ã„ã†è³ªå•ã‚’ã•ã‚Œã¾ã™ã€‚ OODAãƒ«ãƒ¼ãƒ—ã¨PDCAã‚’æ¯”è¼ƒã™ã‚‹ã“ã¨ã®ç„¡æ„å‘³ OODAãƒ«ãƒ¼ãƒ—ã¯ã€PDCAã¨ã¯å…¨ãç•°ãªã‚Šã¾ã™ã€‚OODAãƒ«ãƒ¼ãƒ—ã¯ä¸€ç”Ÿã‚’é€šã—ã¦ã©ã‚“ãªã“ã¨ã«ã‚‚ä½¿ãˆã‚‹æ€è€ƒæ³•ã§ã™ã€‚PDCAã¯è¿‘å¹´ã®æ—¥æœ¬ã«ãŠã„ã¦ã¯æ§˜ã€…ãªé ˜åŸŸã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãŒã€å…ƒæ¥ã¯å·¥æ¥è£½å“ã®ç”Ÿç”£æŠ€è¡“ã§ä½¿ã‚ã‚Œã¦ããŸç¶™ç¶šçš„æ”¹å–„æ‰‹æ³•ã§ã™ã€‚OODAãƒ«ãƒ¼ãƒ—ã¨PDCAã‚’å…¨ã¦ã®è¦ç´ ã§åŒã˜æ¬¡å…ƒã§æ¯”è¼ƒã§ãã¾ã›ã‚“ã€‚ OODAãƒ«
ryownet 2019/05/23
PDCA

OODA

çµ„ç¹”

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

è€ƒãˆæ–¹
ãƒªãƒ³ã‚¯
Electronã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚’ç°¡å˜æ§‹ç¯‰
ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã«å–ã‚Šçµ„ã‚€ãƒãƒ¼ãƒ å‘ã‘ã®ã‚³ãƒ¼ãƒãƒ³ã‚°ã‚„ã€æŠ€è¡“é¡§å•ã€èªå®šã‚¹ã‚¯ãƒ©ãƒ ãƒžã‚¹ã‚¿ãƒ¼ç ”ä¿®ãªã©ã®å„ç¨®ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ãœã²ãŠæ°—è»½ã«ã”ç›¸è«‡ãã ã•ã„ï¼ˆåˆå›žç›¸è«‡ç„¡æ–™ï¼‰ å…¨å›½5000äººã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã‚ã¦å¯¿å¸è·äººã«ãªã‚ã†ã¨æ€ã£ã¦ã„ã‚‹ã¿ãªã•ã‚“ã“ã‚“ã°ã‚“ã¯ã€‚ å‰å›žã¾ã§ã‚¹ãƒ©ã‚¤ãƒ‰å…±æœ‰ç”¨ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¶£å‘³(ãƒªãƒãƒ“ãƒª)ã§ä½œã£ã¦ã„ãŸã®ã§ã™ãŒã€æŠ˜è§’ãªã®ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚‚ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æ§‹ç¯‰ã«ã¯Electronã‚’ä½¿ã£ãŸã®ã§ã™ãŒã€çµæ§‹ç°¡å˜ã«ã§ããŸã®ã§è¨˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Electronã£ã¦ä½•ï¼ŸGitHubãŒé–‹ç™ºã™ã‚‹ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ã‚³ãƒ¼ãƒ‰ã®è¨˜è¿°ã¯HTML5ã¨Node.jsã€‚ãã®ç¯„å›²ã§ã‚ã‚Œã°æ—¢å˜ã®Webé–‹ç™ºæŠ€è¡“ãŒä½¿ã„ã¾ã‚ã›ã‚‹ã€‚ä¾‹ãˆã°jQueryã¨ã‹Angularãªã‚“ã‹ã‚’ä½¿ã†ã®ã‚‚å¯èƒ½Chromeãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ç‰ˆã®Chr
ryownet 2015/09/16
electron

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

é–‹ç™º
ãƒªãƒ³ã‚¯
Rin 5 - A lean HTML & SASS boilerplate by sanographix
$ git clone git@github.com:sanographix/rin.git test-repo $ cd test-repo $ npm install $ npm start
ryownet 2015/02/18
webåˆ¶ä½œ

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

gulp

ãƒšãƒ©ã‚¤ãƒ

LP
ãƒªãƒ³ã‚¯
Materialize - ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’çµ„ã‚€ã®ã¯å½“ãŸã‚Šå‰ã€ä»Šã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã‚‹ã¨ã„ã†æ™‚ä»£ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãƒ•ãƒ©ãƒƒãƒˆUIã‚’è¸è¥²ã—ã¤ã¤ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ¹æžœçš„ã«ä½¿ã†ã“ã¨ã§ã•ã‚‰ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£é«˜ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ ä¸»ã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç”¨ã«ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚‚ååˆ†åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚ä»Šå›žã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Materializeã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Materializeã®ä½¿ã„æ–¹ ä»Šå›žã¯ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆå¤šã‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Materializeã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã£ã¦ã„ã¾ã™ã€‚é–‹ç™ºã®é«˜é€ŸåŒ–ã€ãƒ¦ãƒ¼ã‚¶ä½“é¨“é‡è¦–ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã‚µãƒ³ãƒ—ãƒ«ã‚’å¤šã‚ã«ã—ã¦å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½Žãã™ã‚‹ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ Materializeã¯HTML5/JavaScript/CSS3è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Lic
ryownet 2014/11/30
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS
ãƒªãƒ³ã‚¯
JSãƒ©ã‚¤ãƒ–ãƒ©ãƒª/ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®è‰¯ã„ã€æ‚ªã„ãƒ¡ãƒ¢ - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
â€»ãŸã ã®ãƒ¡ãƒ¢ã§ã€æœªæ¥å¿—å‘ãªã®ã§ã‚ã¾ã‚ŠçœŸã«å—ã‘ã¦ã¯ã„ã‘ãªã„ã€‚ è‰¯ã„ã£ã½ã„ React.js æ—©é€Ÿã„/ã‚³ãƒ³ãƒãƒãƒ³ãƒˆå¿—å‘/APIã®è¨è¨ˆãŒã„ã„ã€‚JSXã¨ä»–ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã®çµ„ã¿åˆã‚ã›ã¨ã„ã†å•é¡Œã¯ã‚ã‚‹ Promise ãƒã‚¤ãƒ†ã‚£ãƒ–ã«å…¥ã£ãŸã€èª°ã‚‚ãŒä½¿ã£ã¦ã‚‹ TypeScript ES6æ™‚ä»£ã§ã‚‚å˜åœ¨æ„ç¾©ã®ã‚ã‚‹è¨€èªžã€‚TypeScriptäº’æ›ã®Facebook Flowã®å‹•å‘ã«æ³¨ç›® Backbone.js Modelã¨Eventã‚’ä½¿ã†/Viewã¯ä½¿ã‚ãªãã¦ã„ã„ Lodash Underscore.jsã‚’ã‚ˆãã—ãŸã‚„ã¤ Gulp Gruntã‚ˆã‚Šè‰¯ã„ã¨ã„ã†æ„å‘³ã§ã€‚browserifyã¾ã‚ã‚ŠãŒã†ã¾ãå‹•ã‹ãªã„å•é¡ŒãŒã‚ã£ã¦npm runã®ã»ã†ãŒã„ã„ã¨ã„ã†å™‚ã‚‚ã‚ã‚‹ãŒã¾ã‚è‰¯ã„ã«åˆ†é¡žã—ã¦ã‚‚ã„ã„ EventEm itter Custom Eventã¯DOMã«ãã£ä»˜ã„ã¦ã‚‹æ„ŸãŒã‚ã‚‹ã®ã§ãƒã‚¸ãƒƒã‚¯å¿—å‘ã®ç‰©ã«ã¯EventEm itterä½¿ã£ãŸ
ryownet 2014/11/06
è§¦ã‚‰ãªã„é–“ã«çµ‚ã‚ã£ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ã‚ã‚‹ã®ã§æ€–ãã¦è§¦ã‚Œãªã„æ„Ÿã‚ã‚‹ãŒè§¦ã‚‰ãªã„ã¨ã‚ã‹ã‚‰ãªã„

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

javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã‚‚ã†ã“ã‚Šã”ã‚Š | POSTD
JavaScriptã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ›¸ãã®ã¯ã‚‚ã†ã‚„ã‚ã¾ã—ã‚‡ã†ã€‚ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã¯ã€ã‚ãŸã‹ã‚‚é¿ã‘ã‚‰ã‚Œãªã„æ»ã¨ç¨Žé‡‘ã®ã‚ˆã†ãªã‚‚ã®ã€çµ¶å¯¾ã«ã¶ã¡ã‚ãŸã‚‹é¿ã‘ã‚‰ã‚Œãªã„ã‚‚ã®ã¨ã„ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã£ãã‚Šèžã„ã¦ã¿ã¾ã—ã‚‡ã†ã€æ–°ã—ã„ã‚¦ã‚§ãƒ–ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå§‹ã¾ã‚‹ã¨ãã€ä¸€ç•ªåˆã‚ã«èžã‹ã‚Œã‚‹è³ªå•ã¯ï¼Ÿåä¸å…«ä¹ã¯ã€Œã©ã®JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä½¿ã£ã¦ã„ã‚‹ã®ï¼Ÿã€ã§ã—ã‚‡ã†ãã€‚æ˜¨ä»Šã®æ¥ç•Œã«ãŠã„ã¦JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã¯æœ¬å½“ã«æ ¹æ·±ãæµ¸é€ã—ã¦ã„ã‚‹ã®ã§ã™ã€‚ã§ã‚‚ã€ã ã‹ã‚‰å¿…é ˆã ã¨ã„ã†ã‚‚ã®ã§ã¯ãªã„ã®ã§ã™ã€‚å®Ÿéš›ã€ã‚‚ã†ä½¿ã†ã¹ãã§ã¯ãªã„ã®ã§ã™ã€‚ ã©ã†ã—ã¦ã“ã†ã„ã£ãŸçµè«–ã«è‡³ã£ãŸã®ã‹ã€æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Angularã«Backboneã€Emberãƒ»ãƒ»ãƒ» ã“ã“ã®ã¨ã“ã‚é•·ã„é–“ã€ ã‚¦ã‚§ãƒ–ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã¯HTML+CSS+JSã€ã¨ç°¡æ½”ã«æŠ€è¡“ç”¨èªžã®ç¾…åˆ—ã§ã¾ã¨ã‚ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„ã¾ã—ãŸãŒã€ãã“ã«ã¯ã‚‚ã£ã¨ã´ã£ãŸã‚Šè¡¨ã™ç”¨èªžâ€œå¤§æ··ä¹±â€
ryownet 2014/06/19
HTML Imports, Object.observe, Promises,ã€€ãã—ã¦HTML Templatesã¨ã„ã£ãŸæ–°ã—ã„ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰æŽ¨ã—

javascript

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

html5
ãƒªãƒ³ã‚¯
å›½å†…æ³¨ç›®ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚’æ”¯ãˆã‚‹è¨€èªžãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ä¸€è¦§ã€2013å¹´ç‰ˆã€‘ | Find Job! Startup
FINDJOB! çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9æœˆ29æ—¥ã«FINDJOB!ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”åˆ©ç”¨ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…æ§˜ã€æ§˜ã€…ãªã”é–¢ä¿‚è€…æ§˜ã€‚ å¤§å¤‰é•·ã‚‰ãFINDJOB!ã‚’ã”æ„›é¡§ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„æ±‚äººãŒã¾ã åºƒãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’ç¶šã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ è»¢è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„è¨€è‘‰ã‚‚ãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!çµŒç”±ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…å½“ã«ãªã‚Šã€ FINDJOB!ã‚’é€šã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9æœˆ29æ—¥ã‚’ã‚‚ã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’ä¸‹ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ ä»Šå¾Œã‚‚ã€IT/Webæ¥ç•Œã‚„ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–
ryownet 2013/10/17
Railsäººæ°—ã‹

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

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScripté–‹ç™ºã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ã“ã“1ãƒ»2å¹´ã§ã™ãŒã€ç§ã®æ‹…å½“ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ PHPã‚ˆã‚Šã‚‚JavaScriptã®é–‹ç™ºãŒå¤šã„çŠ¶æ…‹ãŒç¶šã„ã¦ãŠã‚Šã¾ã™ã€‚ JSã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é‡ãã‚‹ã«ã¤ã‚Œã€é–‹ç™ºç’°å¢ƒã‚‚æ®µã€…ã¨æ•´ç†ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€ ä¸€æ—¦ã€æœ€è¿‘ã®JSé–‹ç™ºã§åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ„ãƒ¼ãƒ«ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â—Backbone.js http://backbonejs.org/ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ä½•ã‚‚ä½¿ã‚ãªã„(ã‚‚ã—ãã¯æˆ‘æµ)ã‚ˆã‚Šã¯ã€ã“ã‚Œã‚’ä½¿ã£ã¦æ¬²ã—ã„ã¨æ€ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ©ç”¨è€…ãŒå¤šãæ—¥æœ¬èªžæƒ…å ±ã‚‚è±Šå¯Œã«ã‚ã‚‹ã®ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯è‡ªä½“ãŒ1500è¡Œç¨‹åº¦ã¨è»½é‡ãªãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½ŽãæŠ‘ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â—AngularJS http://angularjs.org/ ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ é«˜æ©Ÿèƒ½ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ã€DIã®ä»•çµ„ã¿ã€ãƒ«ãƒ¼ãƒ†
ryownet 2013/07/17
ãŠã„ã¦ã„ã‹ã‚Œã‚‹ã…ãƒ¼

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

javascript
ãƒªãƒ³ã‚¯
ä»Šå¹´æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«å½¹ç«‹ã¤CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„PSDç´ æ
ã€Featherweight UIã€‘ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼... / ã€Square UI Freeã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚³... / ã€Flat UI Kitã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚’æƒãˆãŸ...ä»–...å…¨8ä»¶
ryownet 2013/06/14
css

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¤§é‡ç”Ÿç”£ã§ãã‚‹æœ€å¼·ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ | ãŠåœŸç”£å±‹ã•ã‚“ãƒ–ãƒã‚°
è‹¥ã‹ã‚Šã—é ƒã€ä¸Šå¸ã‹ã‚‰ã€Œã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å‡ºã›ã€ã€Œæ¬¡ã®ä¼šè°ã¾ã§ã«ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’è€ƒãˆã¦ãŠã‘ã€ã¨è¨€ã‚ã‚Œã€ ãã®ãŸã³ã«ã€Œã¾ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã‹ã‚ˆãƒ»ãƒ»ãƒ»ã€‚ã€ã€Œå…¨ç„¶æ€ã„ã¤ã‹ãªã„ãƒ»ãƒ»ãƒ»ã€‚ã€ã¨æ‚©ã‚“ã ã‚‚ã®ã§ã™ã€‚ ã‚¢ã‚¤ãƒ‡ã‚¢æœ¬ã‚’ç‰‡ã£ç«¯ã‹ã‚‰èªã‚“ã§è©¦ã—ã¦ã¿ã¾ã—ãŸãŒã€ãã†ç°¡å˜ã«ã¯ã‚¢ã‚¤ãƒ‡ã‚¢ã¯å‡ºãªã„ã‚‚ã®ã§ã€ä¸Šå¸ã¸ã®ã‚¢ã‚¤ãƒ‡ã‚¢å ±å‘Šã¯å¤§å¤‰è‹¦ç—›ã ã£ãŸã“ã¨ã‚’æ€ã„å‡ºã—ã¾ã™ã€‚ ãã‚“ãªå½“æ™‚ã®è‡ªåˆ†ã«ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’æ•™ãˆã‚‹ã“ã¨ãŒã§ãã‚Œã°ã€ãšã„ã¶ã‚“çŠ¶æ³ã¯å¤‰ã‚ã£ã¦ã„ãŸã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã€Œå…¥ã‚Œæ›¿ãˆã¦ã¿ãŸã‚‰ã€ã€Œå¤§ããã—ã¦ã¿ãŸã‚‰ã€ã€Œé€†ã«ã—ã¦ã¿ãŸã‚‰ã€ãªã©ã¨ã€ï¼‘ã¤ã®ãŠé¡Œã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¤§é‡ç”Ÿç”£ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚¢ã‚¤ãƒ‡ã‚¢å‡ºã—ã«å›°ã£ã¦ã„ã‚‹æ–¹ã€ãœã²ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã‚’è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã€Œã‚ªã‚ºãƒœãƒ¼ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã¯ã€ã©ã‚“ãªãƒ„ãƒ¼ãƒ«ãªã®ã‹ï¼Ÿ ï¼™ã¤ã®è¦–ç‚¹ã‹ã‚‰ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç™ºæƒ³ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚
ryownet 2012/01/04
ã‚¢ã‚¤ãƒ‡ã‚¢ã®çµ„ã¿åˆã‚ã›æ–¹æ³•ã€‚æ–°ç™ºæƒ³ã§ã¯ãªãã€æ—¢å˜ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã®çµ„ã¿åˆã‚ã›æ–¹ã€‚ã“ã‚Œã ã‘ã§ç™ºæƒ³ã®ãƒ‘ã‚¿ãƒ¼ãƒ³æ•°ã‚’å¢—ã‚„ã›ã‚‹

ã‚¢ã‚¤ãƒ‡ã‚¢

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

idea
ãƒªãƒ³ã‚¯
Closure Stylesheets ã§ CSS ã‚’æœ€é©åŒ–ã™ã‚‹ (2) - WebOS Goodies
å‰å›žã«ç¶šã„ã¦ã€æœ¬æ—¥ã‚‚ Google Closure Stylesheets ï¼ˆä»¥ä¸‹ GSSï¼‰ã«ã¤ã„ã¦ã§ã™ã€‚å‰å›žã¯ GSS ã‚’å˜ä½“ã§ä½¿ç”¨ã—ãŸæ™‚ã®æ©Ÿèƒ½ã‚’ã²ã¨é€šã‚Šèª¬æ˜Žã—ãŸã®ã§ã€ä»Šå›žã¯ Closure Compiler, Closure Templates, Closure Library ã¨ã„ã£ãŸä»–ã® Closure Tools ã¨çµ„ã¿åˆã‚ã›ã¦ã€ CSS ã®ã‚¯ãƒ©ã‚¹åã‚’çŸç¸®ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Google+ ãªã©ã® CSS ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¦—ã„ãŸã“ã¨ãŒã‚ã‚‹æ–¹ã¯ã”å˜çŸ¥ã‹ã¨æ€ã„ã¾ã™ãŒã€ãã‚Œã‚‰ã® CSS ã‚¯ãƒ©ã‚¹åã¯ã€Œa-jã€ã¨ã‹ã€Œc-i-j-uaã€ãªã‚“ã¦ã„ã†æ•°æ–‡å—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã‚’ãƒã‚¤ãƒ•ãƒ³ã§ç¹‹ã„ã ã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚ŒãŒã¾ã•ã« GSS ã«ã‚ˆã‚‹ã‚¯ãƒ©ã‚¹åçŸç¸®ã®çµæžœã§ã™ã€‚ GSS ã‚’ä½¿ãˆã°ã€æˆ‘ã€…ã‚‚ã“ã†ã—ãŸ CSS ã‚¯ãƒ©ã‚¹åã®çŸç¸®ã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ ã¾ãŸã€å¤šå°‘ã®å·¥å¤«ã¯å¿…è¦ã«ãªã‚‹ã‚‚ã®ã®ã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆ
ryownet 2011/11/22
google closureã§cssã‚¯ãƒ©ã‚¹åã‚’åœ§ç¸®ã™ã‚‹ã“ã¨ã§htmlã¨cssã‚’è»½é‡åŒ–ã€‚GSSã¨ã„ã†ã‚‰ã—ã„

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
fluidbaselinegrid.com
flui dbaselinegrid.com 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
ryownet 2011/09/26
respond.jsã§ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã”ã¨ã®CSSã‚’é©ç”¨

CSS3

html5

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Backbone.jsã‚’åˆ©ç”¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚æ›¸ã„ã¦ãŠãã‹ - å‡ºç”ºãƒŸã‚¹ãƒ‰æ”»é˜²è¨˜
jQueryãƒ˜ãƒ“ãƒ¼ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ åŒ–ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¾ã—ãŸã€‚DOMæ“ä½œã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ã‚‡ã†ã‹ã€‚ä¾‹ãˆã°ã€ŒGMailã€ã‚„ã€ŒNew Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’å»¶é•·ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒãçŸ¥ã‚‰ã‚Œ
ryownet 2011/09/02
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®æœŸå¾…ï¼šbackbone.jsã€‚ãŸã ã—ã‚µãƒ¼ãƒé€£æºãŒãªã„ã¨ã‚ã‚“ã¾ã‚Šä½¿ã„ã©ã“ã‚ãªã„ã€‚ä»Šå¾Œpjaxã¨å…±ã«ä½¿ã„ã©ã“ã‚ãŒå¢—ãˆãã†

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

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

javascript

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

nodejs

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
èˆˆå‘³æ·±ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¤šã€…å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹HTML5+CSS3ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Gridless
å½“ã‚µã‚¤ãƒˆã®è¨˜äº‹ã§ã‚‚å–ã‚Šä¸Šã’ã¦ã„ã‚‹æ•°ã€…ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã€IE6/7ã«ã‚‚å¯¾å¿œã—ãŸHTML5+CSS3ãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Gridless [ad#ad-2] Gridlessã®ä¸»ãªç‰¹å¾´ CSSã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã—ã¾ã™ã€‚ å‚è€ƒï¼šMedia Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œï¼ˆIE6/7ã‚‚å«ã‚€ï¼‰ CSS Resetã«ã¯ã€Normalize CSSã‚’ä½¿ç”¨ã€‚ å‚è€ƒï¼šãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Normalize CSS é»„é‡‘æ¯”ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚µã‚¤ã‚ºã¨ç¸¦ã®ãƒªã‚ºãƒ ã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒ—ãƒªãƒ³ãƒˆæ™‚ã«æœ€é©åŒ–ã€‚ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–ã€‚ HTML5+CSS3ã®æŽ¡ç”¨ã€‚ å®‰å…¨ãªCSS Hackã€‚ å‚è€ƒï¼šIE9å¯¾å¿œã€IEã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
ryownet 2011/06/27
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«èˆˆå‘³ãŒã§ã¦ããŸ

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

html5
ãƒªãƒ³ã‚¯
[CSS]æœ€è¿‘ã®ã‚¦ã‚§ãƒ–æ§‹ç¯‰ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -The 1140px Grid
1280pxä»¥ä¸Šã®å¤§ããªãƒ¢ãƒ‹ã‚¿ãƒ¼å¯¾å¿œã€iPhoneãªã©ã®ã‚¹ãƒžãƒ›å¯¾å¿œã€å˜èª¿ã«ãªã‚ŠãŒã¡ãªã‚°ãƒªãƒƒãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€IE6ã¸ã®é…æ…®ãªã©ã€æœ€è¿‘ã®ã‚¦ã‚§ãƒ–æ§‹ç¯‰ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The 1140px Grid Â· Fluid down to mobile [ad#ad-2] ä»¥å‰ã€Twitter(@colisscom)ã§ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã‚ˆã†ãªã®ã§ã€æ”¹ã‚ã¦ãƒ–ãƒã‚°ã§ã”ç´¹ä»‹ã€‚ The 1140px Gridã¯ã€1280ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã«ã¯1140pxã®ã‚°ãƒªãƒƒãƒ‰ã€ã‚¹ãƒžãƒ›ãªã©ã®ãã‚Œã‚ˆã‚Šå°ã•ã„ãƒ¢ãƒ‹ã‚¿ãƒ¼ã«ã¯ãã®å¹…ã«å¯å¤‰ã—ãŸãƒªã‚ãƒƒãƒ‰ã‚¿ã‚¤ãƒ—ã®ã‚°ãƒªãƒƒãƒ‰ã‚’æä¾›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ä¸‹è¨˜ã«ãã®ç‰¹å¾´çš„ãªãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1140pxã§12ã‚«ãƒ©ãƒ ã‚’æŽ¡ç”¨ã—ãŸç†ç”± 12ã¨ã„ã†æ•°å—ã¯éžå¸¸ã«ä¾¿åˆ©ã§ã€äºŒç‰åˆ†ã€ä¸‰ç‰åˆ†ã€å››ç‰åˆ†ã€å…ç‰åˆ†ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€
ryownet 2011/04/21
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ãã¤ã‹ã‚ã‚‹ã‘ã©ã€clearfixã¨YUI-resetãã‚‰ã„ã—ã‹æ ¹ä»˜ã‹ãªã„ã¨æ€ã£ã¦ã‚‹ã€‚ã ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒŠã®ã‚ªãƒ¬ã‚ªãƒ¬ãƒŽã‚¦ãƒã‚¦ãŒã‚ã‚‹ã‹ã‚‰ã€äººã®ã‚³ãƒ¼ãƒ‰ã‚’å—ã‘å…¥ã‚Œã‚‰ã‚Œãªã„ã‚“ã ã‚ˆãªã‚

css

WEBãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
1