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

roppara id:roppara

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

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

SNSæ™‚ä»£ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒDRESSã€ã¨ã¯ï¼Ÿ
ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚„ãƒ“ã‚¸ãƒã‚¹ã«é–¢ã‚ã‚‹æ–¹ãªã‚‰ã€ã¿ã‚“ãªã€ŒAIDMAã€ã‚„ã€ŒAISASã€ã‚’ã”å˜çŸ¥ã ã¨æ€ã„ã¾ã™ã€‚ AIDMAã¨ã¯ã€æ¶ˆè²»è€…ãŒè³¼è²·ã‚’æ±ºå®šãƒ—ãƒã‚»ã‚¹ã®ã“ã¨ã§ã™ã€‚ã“ã‚Œã¯ ãƒ»è£½å“ã®å˜åœ¨ã‚’çŸ¥ã‚‹ï¼ˆAttentionï¼‰ ãƒ»èˆˆå‘³ã‚’ã‚‚ã¤ï¼ˆInterestï¼‰ ãƒ»æ¬²ã—ã„ã¨æ€ã†ï¼ˆDesireï¼‰ ãƒ»è¨˜æ†¶ã™ã‚‹ï¼ˆMemoryï¼‰ ãƒ»è³¼è²·ã™ã‚‹ï¼ˆActionï¼‰ ã®é æ–‡å—ã‚’ã¨ã£ãŸã‚‚ã®ã§ã™ã€‚Wikipediaã«ã‚ˆã‚‹ã¨ AIDMAã¨ã¯1920å¹´ä»£ã«ã‚¢ãƒ¡ãƒªã‚«åˆè¡†å›½ã®è²©å£²ãƒ»åºƒå‘Šã®å®Ÿå‹™æ›¸ã®è‘—ä½œè€…ã§ã‚ã£ãŸã‚µãƒŸãƒ¥ã‚¨ãƒ«ãƒ»ãƒãƒ¼ãƒ©ãƒ³ãƒ‰ãƒ»ãƒ›ãƒ¼ãƒ«ãŒè‘—ä½œä¸ã§ç¤ºã—ãŸåºƒå‘Šå®£ä¼ã«å¯¾ã™ã‚‹æ¶ˆè²»è€…ã®å¿ƒç†ã®ãƒ—ãƒã‚»ã‚¹ã‚’ç¤ºã—ãŸç•¥èªžã§ã‚ã‚‹ã€‚ã¨ãªã£ã¦ã„ã¾ã™ã€‚ æ˜”ã®åºƒå‘Šã‚‰ã—ã„ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã¯ã™ã‚‹ã‚‚ã®ã®ã€ä»Šã®æ—¥æœ¬ã§ã‚‚ã€ã€Œäººã«æ¬²ã—ã„ã¨æ€ã‚ã›ã‚‹ãŸã‚ã«ææ€–ãªã©ã®æ„Ÿæƒ…ã‚’åˆºæ¿€ã—ãŸã‚Šã€ä¸€è²«æ€§ã‚’æŒã£ã¦é‡ã‚’æŠ•ä¸‹ã—ã¾ãã‚‹ã“ã¨ã§ã€è¨˜æ†¶ã•ã›ã‚‹ã€ã¨ã„ã†æ‰‹æ³•ã¯ã‚ˆãä½¿ã‚ã‚Œã‚‹ã®ã§ã€éžå¸¸ã«å„ªã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨
roppara 2019/07/25
sns

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ä½¿ã„å‹æ‰‹ã¯æŠœç¾¤ã€JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBackborn.jsã€
ä»Šå›žã¯ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAngularã€ã¨ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãŒåå¯¾ã®ã€ŒBackbone.jsã€ã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ Backbone.jsã¯ã€Angularã¨åŒã˜ãã€ŒMV*ã€ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã ã€‚ãŸã ã—åå‰ã®é€šã‚Šã€éª¨çµ„ã¿ã—ã‹ãªã„ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€ã€ŒModelã€Viewã€ãã—ã¦Routerã‚’ç°¡å˜ã«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«çµ„ã¿è¾¼ã‚€ã“ã¨ã«ç‰¹åŒ–ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã¨ãªã‚‹ã€‚ã‚‚ã¡ã‚ã‚“ã€ã»ã‹ã«ã‚‚å¤šæ§˜ãªæ©Ÿèƒ½ã‚’æŒã¤ãŒã€ä»–ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ãŒåŸºæœ¬ã¨ãªã£ã¦ã„ã‚‹ã€‚ ã»ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®åŠ›ã‚’å€Ÿã‚Šã‚‹ Backbone.jsã‚’ä½¿ã†ãŸã‚ã®æº–å‚™ã¯ã„ãŸã£ã¦ç°¡å˜ã ã€‚å…¬å¼Webã‚µã‚¤ãƒˆã‹ã‚‰Backbone.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€HTMLã«scriptè¦ç´ ã§çµ„ã¿è¾¼ã‚€ã ã‘ã ã€‚ãŸã ã—å‰è¿°ã®é€šã‚Šã€ã„ãã¤ã‹ä»–ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©
roppara 2018/01/26
JavaScript

jQuery

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

webé–‹ç™º
ãƒªãƒ³ã‚¯
Vue.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ã€ŒElementã€ãŒã‚¹ã‚´ã‹ã£ãŸ | ç¶ºéº—ã«æ»ã¬ITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã€ŒVue.jsã€ã€çš†ã•ã‚“ã¯ä½¿ã£ã¦ã¾ã™ã§ã—ã‚‡ã†ã‹ã€‚ å¦ç¿’ã‚³ã‚¹ãƒˆã®ä½Žã•ã€å°è¦æ¨¡æ¡ˆä»¶ã§ã®å°Žå…¥ã®ã—ã‚„ã™ã•ã€å¤§è¦æ¨¡æ¡ˆä»¶ã«ã‚‚å¯¾å¿œã§ãã‚‹æ‹¡å¼µæ€§ã®é«˜ã•ã‹ã‚‰ã€æœ€è¿‘ã¯Vue.jsã°ã‹ã‚Šã„ã˜ã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªVue.jsä¸Šã§ã€ã™ãã«é«˜æ©Ÿèƒ½ãªUIãƒ‘ãƒ¼ãƒ„ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒElementã€ãŒäºˆæƒ³ä»¥ä¸Šã«ã‚¹ã‚´ã‹ã£ãŸã®ã§ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç°¡å˜ã«é«˜æ©Ÿèƒ½ãªUIãŒå®Ÿè£…ã§ãã‚‹ã®ã§ã€Vue.jsã‚’ä½¿ã£ãŸã“ã¨ãŒãªã„äººã‚‚ã€ä¸€èªã—ã¦ã„ãŸã ãã€ã€ŒVue.jsä½¿ã£ã¦ã¿ã‚ˆã†ï¼ã€ã¨ãªã£ã¦ãã‚Œã‚‹ã¨ã€å¬‰ã—ã„é™ã‚Šã§ã™ã€‚ Vue.jsã¨ã¯çŸ¥ã‚‰ãªã„äººã®ãŸã‚ã«ã€Vue.jsã®ç´¹ä»‹ã‚’ã—ã¦ãŠãã¾ã™ã€‚ Vue.jsã¯JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã™ã€‚ ä»–ã®ä¸€æžšæ¿ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚Šã€åˆã‚ã‹ã‚‰å°‘ã—ã¥ã¤é©ç”¨ã—ã¦ã„ã‘ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„æ—¢
roppara 2017/08/03
ã»ã»ã…â€¦

javascript

Vue.js

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã®ã¾ã¨ã‚
Bootstrap 4ã§ã¯ãã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’ã¯ã˜ã‚ã€ã‚°ãƒªãƒƒãƒ‰ã®å˜ä½ã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®classãŒå¤‰ã‚ã‚Šã€ãã—ã¦ã‚«ãƒ¼ãƒ‰ã‚„ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ–°ã—ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«Flexboxã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Bootstrap 3ã‹ã‚‰Bootstrap 4ã«ç§»è¡Œã™ã‚‹æ™‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹æ³¨æ„ç‚¹ã‚’ã¾ã¨ã‚ãŸãƒªã‚¹ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Migrate from Bootstrap Version 3 to 4 ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ Bootstrap 4ã§å¤‰ã‚ã£ãŸç‚¹ Bootstrapã®ãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ Bootstrap 4ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ãƒªã‚»ãƒƒãƒˆã¯ã€ã€Œnormalize.cssã€ã‹ã‚‰ã€Œreboot.cssã€ã« classã®å¤‰æ›´ã¨ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ ãƒ†ãƒ¼
roppara 2016/03/17
bootstrap

Sass

flexbox

ã‚°ãƒªãƒƒãƒ‰

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
hitagi.js - HTML5å‘ã‘ã‚²ãƒ¼ãƒ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ MOONGIFT
Webãƒ–ãƒ©ã‚¦ã‚¶ã®æ©Ÿèƒ½ãŒã‚¢ãƒƒãƒ—ã—ã€ã•ã‚‰ã«ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®æ€§èƒ½ãŒå‘ä¸Šã™ã‚‹ã®ã«åˆã‚ã›ã¦å®Ÿè¡Œé€Ÿåº¦ã‚‚é€Ÿããªã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨å‰ã®ã‚²ãƒ¼ãƒ ãƒ¬ãƒ™ãƒ«ã§ã‚ã‚Œã°ååˆ†ã«Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚“ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ´»ç”¨ã—ã¦ã‚²ãƒ¼ãƒ é–‹ç™ºã‚’è¡Œãˆã‚‹ã®ãŒhitagi.jsã§ã™ã€‚ hitagi.jsã®ä½¿ã„æ–¹ hitagi.jsã‚’ä½¿ã£ãŸãƒ‡ãƒ¢ã§ã™ã€‚ Canvasã‚’ä½¿ã£ã¦æç”»ã—ã¦ã„ã¾ã™ã€‚ new hitagi.World() ã‹ã‚‰å‡¦ç†ãŒã¯ã˜ã¾ã£ã¦ã„ã¾ã™ã€‚ Flappy Birdé¢¨ã‚²ãƒ¼ãƒ ã‚‚ã‚ã‚Šã¾ã™ã€‚ã“ã‚Œãã‚‰ã„ã®ã‚²ãƒ¼ãƒ ã§ã‚ã‚Œã°Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ååˆ†ã§ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã‚¯ãƒªãƒƒã‚¯ã§éŠã¹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ hitagi.jsã¯Canvasã¸ã®æç”»ãªã®ã§æ€§èƒ½ãŒè‰¯ã„ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ã¾ãŸã€Canvasã•ãˆä½¿ãˆã‚Œã°ãƒ–ãƒ©ã‚¦ã‚¶ã«é–¢ä¿‚ãªãåˆ©ç”¨ã§ãã‚‹ã®ã‚‚åˆ©ç‚¹ã¨è¨€ãˆã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚hitagi.jsã¯2Dç³»ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ã‚ˆã†
roppara 2015/10/14
canvas

html5

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

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

JavaScript

HTML

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Ajaxã‚’åŠ‡çš„ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascriptç•Œéšˆã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æˆ¦äº‰ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã®è¦æ¨¡ã‚‚å¹´ã€…å¤§ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’ç®¡ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚æ˜¨å¹´ã¾ã§Angularã¨backboneã‚’è©¦ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCã‚’ä½œã‚‹MVCã®2éšŽå»ºã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚ä¸€è‹¦åŠ´ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ãƒ¼ãƒ ã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebookç™ºã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—å‡ºã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’ä½¿ã£ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Railsä»¥æ¥ã®è¡æ’ƒ è‰²ã€…è©¦ã—ã¦
roppara 2015/03/04
HTML

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

webåˆ¶ä½œ

javascript

react.js
ãƒªãƒ³ã‚¯
Normalize.css: Make browsers render all elements more consistently.
Normalize.css A modern, HTML5-ready alternative to CSS resets Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
roppara 2013/06/18
normalize.css

CSS

webåˆ¶ä½œ

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

è³‡æ–™

TIPS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skel.js | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§å‹•ä½œã™ã‚‹19KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã§ãã‚‹ã‚°ãƒªãƒƒãƒ‰ã€‚ è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®è¨å®šã‚‚ç°¡å˜ã€‚ resetã‚„box-modelãªã©ã®æœ‰ç”¨ãªCSSã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ç”¨æ„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€æ‹¡å¼µã«ã‚‚å¯¾å¿œã€‚ skel.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã¨ã—ã¦ã€å¹…1200pxã§è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º skel.jsã®ä½¿ã„æ–¹ jQueryã‚„ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’ç”¨æ„ã›ãšã«ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="skel.js"></script> jQueryã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»
roppara 2013/05/23
webåˆ¶ä½œ

CSS

javascript

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

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

TIPS

è³‡æ–™

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ŽJavaScriptã®é–‹ç™ºåŠ¹çŽ‡ã‚’é«˜ã‚ã‚‹7ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚
roppara 2013/05/02
JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

Webåˆ¶ä½œ

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

è³‡æ–™
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«è£½ã®JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJSã€ã€æ£å¼ç‰ˆãŒå…¬é–‹ âˆ’ Publickey
ã‚°ãƒ¼ã‚°ãƒ«ã¯ã€JavaScriptã§MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã™ã‚‹éš›ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å‚™ãˆãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAngularJS 1.0ã€ã®ãƒªãƒªãƒ¼ã‚¹ã‚’ãƒ–ãƒã‚°ã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚ MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã¯ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ‡ãƒ«ï¼ˆModelï¼‰ã®éƒ¨åˆ†ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®éƒ¨åˆ†ï¼ˆViewï¼‰ã€ãã—ã¦ãƒ“ãƒ¥ãƒ¼ã¨ãƒ¢ãƒ‡ãƒ«ã®ã‚ã„ã ã§åˆ¶å¾¡ã™ã‚‹éƒ¨åˆ†ï¼ˆControllerï¼‰ã«åˆ†é›¢ã•ã‚ŒãŸæ§‹é€ ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ ã“ã‚Œã‚‰ãŒåˆ†é›¢ã•ã‚Œã¦ã„ã‚‹ã¨ãƒ—ãƒã‚°ãƒ©ãƒ ã®è¦‹é€šã—ãŒã‚ˆããªã‚Šå¤‰æ›´ã«ã‚‚å¯¾å¿œã—ã‚„ã™ãã€ãƒ†ã‚¹ãƒˆã‚‚å®¹æ˜“ã«ãªã‚‹ãŸã‚ã€ä½•ç¨®é¡žã‚‚ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨è¤‡é›‘ãªãƒã‚¸ãƒƒã‚¯ãªã©ã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®æŽ¡ç”¨ãŒæœ›ã¾ã—ã„ã‚‚ã®ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’MVCã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§å®Ÿç¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ãƒ“ãƒ¥ãƒ¼ã®å½¹å‰²ã‚’æžœãŸã™HTMLã®ã‚³ãƒ¼ãƒ‰ã®ä¸ã«ã€ã©ã†ã—ã¦ã‚‚è¤‡é›‘ãªJavaSc
roppara 2012/06/18
ãƒ¡ãƒ¢

framework

JavaScript

webåˆ¶ä½œ

è³‡æ–™

google

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

HTML
ãƒªãƒ³ã‚¯
ã€ŒWebã‚µã‚¤ãƒˆæ”¹å–„ã¯å›³ã‚’æããªã•ã„ï¼ã€ ã€œ SiteCatalysté”äººã‹ã‚‰æ•™ã‚ã£ãŸåˆ†æžãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯-Six Apart ãƒ–ãƒã‚°ï½œã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢é‹å–¶è€…ã®ãŸã‚ã®å®Ÿè·µçš„æƒ…å ±ã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£
TOPÂ >Â ã€ŒWebã‚µã‚¤ãƒˆæ”¹å–„ã¯å›³ã‚’æããªã•ã„ï¼ã€ ã€œ SiteCatalysté”äººã‹ã‚‰æ•™ã‚ã£ãŸåˆ†æžãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã“ã‚“ã«ã¡ã¯ã€‚ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ‹…å½“ã®ä¼Šè—¤å¤§åœ°ã§ã™ã€‚ å…ˆæ—¥ã€ç±³Adobeã§Webè§£æžãƒ„ãƒ¼ãƒ«ã€ŒSiteCatalystã€ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ—ãƒã‚°ãƒ©ãƒ ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ï¼ˆåˆå‡ºæ™‚ã€å½¹è·ã‚’èª¤ã£ã¦è¡¨è¨˜ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ãŠè©«ã³ã—ã€è¨‚æ£ã„ãŸã—ã¾ã™ï¼‰ã‚’å‹™ã‚ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹æ¸…æ°´èª ã•ã‚“ãŒã€ä¸€æ™‚å¸°å›½ã•ã‚ŒãŸæŠ˜ã«å¼Šç¤¾ã«éŠã³ã«æ¥ã¦ãã ã•ã„ã¾ã—ãŸã€‚ãŸã£ã·ã‚Š2æ™‚é–“ã€æœ€æ–°Webãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°äº‹æƒ…ã‚„Webè§£æžã«ã¤ã„ã¦ãŠè©±ã‚’ä¼ºã„ã—ãŸä¸ã‹ã‚‰ã€Webã®KPIæ¸¬å®šãƒ»æ”¹å–„ã‚µã‚¤ã‚¯ãƒ«ã¨ãã®ãƒŽã‚¦ãƒã‚¦ã«ã¤ã„ã¦ã€ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¸…æ°´ã•ã‚“ãŒæå”±ã•ã‚Œã¦ã„ã‚‹Webæ”¹å–„ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã€ã¨ã„ã†æ‰‹æ³•ã¯ã€ä¸»ã«3ã¤ã®ãƒ—ãƒã‚»ã‚¹ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã§ã‚µã‚¤ãƒˆã‚’å›³è§£ã—ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’æ˜Žç¢ºã«ã™ã‚‹ ã‚µã‚¤ãƒˆã®
roppara 2012/06/08
ãƒ¡ãƒ¢

Web

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

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

è³‡æ–™

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
roppara 2012/03/02
ãƒ¡ãƒ¢

UI

webåˆ¶ä½œ

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

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

html5

css3

html

TIPS

è³‡æ–™

ä»•äº‹
ãƒªãƒ³ã‚¯
WordPressãƒ†ãƒ¼ãƒžé–‹ç™ºè€…å‘ã‘ã®ã€æ§˜ã€…ãªæ©Ÿèƒ½ã‚’å…¼ãå‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»WordPress Bootstrap - ã‹ã¡ã³ã¨.net
å°‘ã—æ°—ã«ãªã£ã¦ãŸãƒ†ãƒ¼ãƒžã«ã‚ˆã†ã‚„ãè§¦ã‚Œã¦ ã¿ãŸã®ã§ã¤ã„ã§ã«ã”ç´¹ä»‹ã€‚WordPressãƒ†ãƒ¼ãƒž ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼å‘ã‘ã«ä½œã‚‰ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ WordPress Bootstrapã§ã™ã€‚æ§˜ã€…ãªç”¨é€”ã« å¿œç”¨ã—ã‚„ã™ã„ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ ãƒ™ãƒ¼ã‚¹ã«BonesãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ†ãƒ¼ãƒžé–‹ç™ºè€…ã¨è¨€ã£ã¦ã‚‚ã‹ãªã‚Šå¹…ãŒåºƒã„ã‚“ã§ã™ãŒã€ã“ã¡ã‚‰ã¯ãã‚Œãªã‚Šã«è§¦ã‚Šãªã‚Œã¦ã‚‹æ–¹ã§ãªã„ã¨ä½¿ã†ã®ã¯å°‘ã—é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã•ã‚“å‘ã‘ã‹ã‚‚ã§ã™ãã€‚ ä¾‹ãˆã°ãƒ†ãƒ¼ãƒžç‹¬è‡ªã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚„ã€ã‚«ã‚¹ã‚¿ãƒ æŠ•ç¨¿ã‚¿ã‚¤ãƒ—ã‚’å¿œç”¨ã—ãŸã‚·ã‚¹ãƒ†ãƒ ãªã©ã€å‰²ã¨é«˜æ€§èƒ½ãªãƒ†ãƒ¼ãƒžã®ã‚¹ã‚¿ãƒ¼ãƒˆãƒ©ã‚¤ãƒ³ã¨ã—ã¦ä½œã£ãŸã¿ãŸã„ã§ã™ã€‚HTML5è£½ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ é«˜æ€§èƒ½ãªãƒ†ãƒ¼ãƒžé–‹ç™ºã«ã‚‚æŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ä»Šã¾ã§ã®WordPressãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å¤§åŠã¯æ™®é€šã®ãƒ†ãƒ¼ãƒžãŒç›®çš„ã§ã—ãŸãŒã€ã“ã¡ã‚‰ã¯å°‘ã—ã‚·ã‚¹ãƒ†ãƒ ã‚ˆã‚Šãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·
roppara 2012/02/27
ãƒ¡ãƒ¢

ãƒ†ãƒ¼ãƒž

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

wordpress

HTML5

tutorial

ä»•äº‹

è³‡æ–™

ã¾ã¨ã‚

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

Web
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ã€ã‚ˆã‚Šå‘ä¸Šã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆãƒ»99lime - ã‹ã¡ã³ã¨.net
çµæ§‹å‚è€ƒã«ãªã£ãŸã®ã§å‚™å¿˜éŒ²ãŒã¦ã‚‰ ã”ç´¹ä»‹ã€‚Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ ã‚ˆã‚Šå‘ä¸Šã•ã›ã‚‹ãŸã‚ã«ã€æ±Žç”¨çš„ãªUI ã‚’é›†ã‚ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ç¶ºéº—ãªçŠ¶æ…‹ ã§æ¸ˆã‚€ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ ã‚ãƒƒãƒˆã€ã¨ã„ã†ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’å‘ä¸Šã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸHTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã‘ã§ãªãã€æ±Žç”¨çš„ãªUIã‚‚å‚™ã‚ã£ã¦ã„ã¦ã€classå1ã¤ä»˜ã‘ã‚‹ã ã‘ã§ã‚¿ãƒ–ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸä»•æ§˜ã«ã™ã‚‹äº‹ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ç¶ºéº—ã§å¯èªæ€§ã®é«˜ã„ã‚½ãƒ¼ã‚¹ã‚’ä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ãŸã‚Šã¨ã€çµæ§‹å‚è€ƒã«ãªã‚‹ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã§ã™ã‚ˆã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯è‡ªä½œã—ã¦ã‚‹ã®ã§è‰¯ã„éƒ¨åˆ†ã‚’çµ„ã¿è¾¼ã‚“ã§ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ ã‚¿ãƒ–ã‚„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãªã©ã‚’å‚™ãˆã¦ã„ã‚‹ã ã‘ã§ãªãã€classå1ã¤ã§å®Ÿè£…å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ç¶ºéº—ãªã‚½ãƒ¼ã‚¹ã‚’ä¿æŒã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã„ã‚ã„ã‚
roppara 2012/02/09
ãƒ¡ãƒ¢

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

ã‚µã‚¤ãƒˆ

UI

webåˆ¶ä½œ

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

CSS

HTML5

web

ä»•äº‹

è³‡æ–™
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQueryã‚’ä½¿ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -G5 Framework
CSSã®ã‚ãƒ£ãƒƒã‚·ãƒ¥å¯¾ç– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ä¸é€æ˜Ž ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰CSSã€å†åˆ©ç”¨å¯èƒ½ãªclass ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«å›ºå®šè¡¨ç¤ºã•ã‚Œã‚‹Sticky Footer CSSï¼ˆReseté–¢é€£ï¼‰ ãƒªã‚»ãƒƒãƒˆã¯HTML5ãƒ™ãƒ¼ã‚¹ã®Eric Meyer's Reset Reloaded ãƒ•ã‚©ãƒ³ãƒˆã®ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¹ãƒ ãƒ¼ã‚¸ãƒ³ã‚° ãƒ•ã‚©ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ ãƒ©ãƒ™ãƒ«ã®ä¸€åˆ—åŒ– ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªã‚¤ãƒ³ãƒ—ãƒƒãƒˆè¦ç´ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼å¯¾å¿œ IE7ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒªã‚µã‚¤ã‚¸ãƒ³ã‚° å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ« X(HTML) ã‚¯ãƒªãƒ¼ãƒ³ãªã‚³ãƒ¼ãƒ‰æ§‹é€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å¹…ã¯940px Fåž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®å‰Šé™¤ æœ€æ–°ã®IEã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ jQuey 1.5.2ãƒ™ãƒ¼ã‚¹ï¼ˆ1.4.4ã‚‚å¯ï¼‰ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¸ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ« HTML5ã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼æ©Ÿèƒ½ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
roppara 2012/02/02
ãƒ¡ãƒ¢

HTML

jQuery

CSS

IE

HTML5

framework

webåˆ¶ä½œ

jquery

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

è³‡æ–™
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã®é ƒåˆ†ã‹ã‚‰ãªã‹ã£ãŸWebç”¨èªžï¼šãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â€¦ CSSã‹ã‚‰HTML5ã€WordPressã¾ã§
Webã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ã‚’ã‚ˆãç›®ã«ã—ã¾ã™ã€‚åˆå¿ƒè€…ã®é ƒã¯ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†ã‚‚ã®ãŒã©ã‚“ãªã‚‚ã®ãªã®ã‹ã€ã„ã¾ã„ã¡åˆ†ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ä»Šå›žã¯ã€è‰²ã‚“ãªä¾‹ã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã‚’ç´¹ä»‹ã—ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ã ã‚ã†ã£ã¦ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ï¼ Webåˆ¶ä½œé–¢é€£ã®ãƒ–ãƒã‚°ã‚’èªã‚“ã§ã„ã‚‹ã¨ã€ã¨ãã©ããƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ãŒã§ã¦ãã¾ã™ã€‚ä¾‹ãˆã° CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ã€HTML5 + CSS3 ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ â€¦ã€‚ ä»Šã§ã“ãã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ã ã‹ã‚ã‹ã‚Šã¾ã™ãŒã€åˆå¿ƒè€…ã®é ƒã¯ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ãŒä½•ã ã‹é›£ã—ãã†ã§ã€æ„å‘³ã®åˆ†ã‹ã‚‰ãªã„ã‚‚ã®ã§ã—ãŸï¼ˆç§ã ã‘ï¼Ÿï¼‰ã€‚ä½•ã¨ãªãé›°å›²æ°—ã§ã€ä½¿ã£ã¦ã¿ã‚‹ã¨ä¾¿åˆ©ãªã®ã‹ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã¯ã—ã¾ã—ãŸã‘ã©ã€ãã‚‚ãã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†è¨€è‘‰è‡ªä½“ã®æ„å‘³ãŒåˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸé ƒã¯ã€ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ã¨ã„ã†ã¨ã“ã‚ã¾ã§è¡Œãã¾ã›ã‚“ã§ã—ãŸã€‚
roppara 2011/08/12
ãƒ¡ãƒ¢

HTML5

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

wordpress

webåˆ¶ä½œ

è³‡æ–™
ãƒªãƒ³ã‚¯
ã¨ã£ã¦ã‚‚ç°¡å˜ãªäº‹æ¥ä¼ç”»ã®ãŸã¦æ–¹ - äººã¨çµ„ç¹”ã¨ã€fukui's blog
2010å¹´03æœˆ07æ—¥ 17:14 ã‚«ãƒ†ã‚´ãƒªäº‹æ¥å®¶é¤Šæˆè¬›åº§æˆ¦ç•¥ã¨ã‹ã€æˆ¦è¡“ã¨ã‹ ã¨ã£ã¦ã‚‚ç°¡å˜ãªäº‹æ¥ä¼ç”»ã®ãŸã¦æ–¹ Posted by fukuidayo No Trackbacks Tweet ï¼“æœˆã«ãªã‚Šã¾ã—ãŸã€‚ï¼”æœˆã‚„ï¼–æœˆã‹ã‚‰æ–°ã—ã„æœŸãŒå§‹ã¾ã‚‹ä¼æ¥ã®çš†æ§˜ã®ä¸ã«ã¯ã€æ¥æœŸã®äº‹æ¥ä¼ç”»ã®ç«‹æ¡ˆã«å‘ã‘ã¦å¿™ã—ã„æ™‚æœŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç‰¹ã«ã€ã¯ã˜ã‚ã¦äº‹æ¥ä¼ç”»ã‚’ç«‹ã¦ã‚‹ã¨ã„ã†äººã¯ã€ã©ã‚“ãªåˆ†æžã‚’è¡Œãˆã°ã‚ˆã„ã®ã‹ã€ã©ã®ã‚ˆã†ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã«è½ã¨ã—è¾¼ã‚ã°ã„ã„ã®ã‹ã€ã‚ã‹ã‚‰ãªãã¦çµæ§‹æ‚©ã¾ã‚Œã‚‹ã¨æ€ã†ã‚“ã§ã™ã‚ˆãã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šæ—¥ã¯äº‹æ¥ä¼ç”»ã‚’ç°¡å˜ã«ãŸã¦ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼‰æœ€åˆã«ãƒã‚·ãƒƒã¨ä¸€æžšã®å›³ã§å…¨ä½“åƒã‚’èª¬æ˜Žã™ã‚‹ SWOTåˆ†æžã‚„3Cåˆ†æžã£ã¦ã€ã‚ˆãä½¿ã‚ã‚Œã‚‹åˆ†æžã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€ã¡ã‚‡ã£ã¨çµŒå–¶ã«èˆˆå‘³ãŒã‚ã‚‹æ–¹ã ã£ãŸã‚‰èª°ã§ã‚‚çŸ¥ã£ã¦ã„ã‚‹ã¨æ€ã†ã€‚å°±è·æ´»å‹•ã®ã‚°ãƒ«ãƒ¼ãƒ—ãƒ¯ãƒ¼ã‚¯ã‚„ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ãƒ¼ã§ã‚‚ã‚ˆãä½¿ã‚ã‚Œã‚‹ã€‚ å®Ÿéš›ã«ã“ã‚Œã¯æœ‰åŠ¹ãªæ–¹æ³•ã§ã€S
roppara 2010/03/16
ãƒ“ã‚¸ãƒã‚¹

èµ·æ¥

çµŒå–¶

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

ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

æ›¸ãæ–¹

è€ƒå¯Ÿ

è³‡æ–™
ãƒªãƒ³ã‚¯
1