[B! web][architecture] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

webã¨architectureã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ¼ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸ : could
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ¼ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨åŒã˜ãã‚‰ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¯æ™‚é–“ã¨ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¨è¨ˆãƒ»é–‹ç™ºã‚’é€²ã‚ã‚‹ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆã‚„å§‹ã‚æ–¹ã‚’ã¾ã¨ã‚ãŸæ–‡æ›¸ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ¼ãƒˆã€ã‚’ GitHub ã§å…¬é–‹ã—ã¾ã—ãŸã€‚ èª²é¡ŒãŒå¤šã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¨è¨ˆ æ˜¨å¹´ã€ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã‚’è¦‹æ®ãˆãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¨è¨ˆã¨ã„ã†ã‚»ãƒŸãƒŠãƒ¼ï¼†ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚’å…¨å›½5ã‚«æ‰€ã§é–‹å‚¬ã—ã¾ã—ãŸã€‚æœªçŸ¥ã®ãƒ‡ãƒã‚¤ã‚¹ã‚‚è€ƒæ…®ã—ã€ç‰¹å®šã®è¦‹ãŸç›®ã«æ•ã‚ã‚Œãªã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¨è¨ˆã¨ç®¡ç†ã‚’ã™ã‚‹ãŸã‚ã®è€ƒãˆæ–¹ã‚„æ‰‹æ³•ã‚’ç´¹ä»‹ã—ãŸè¬›åº§ã€‚å‚åŠ è€…ã‹ã‚‰é«˜ã„è©•ä¾¡ã‚’ã„ãŸã ãã¾ã—ãŸãŒã€å¹¾ã¤ã‹èª²é¡ŒãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ä»¥å‰ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¨è¨ˆã§ãã‚‹çŠ¶æ…‹ã¨ã¯è¨€ã„é›£ã„ åˆ¶ä½œãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®ã©ã“ã‹ã‚‰ã©ã®ã‚ˆã†ã«å§‹ã‚ã‚‹ã®ã‹ä¸é€æ˜Ž ã‚³ãƒ³ãƒ†ãƒ³ãƒ„è¨è¨ˆãƒ»é–‹ç™ºã«ã¯æ™‚é–“ãŒã‹ã‹ã‚‹ãŒç†è§£ã•ã‚Œã¦ã„ãªã„ å—è¬›è€…ã®ä¸ã«ã¯ã€è¬›åº§ã®å†…å®¹ã¯ååˆ†ã«ç†è§£ã§ããŸã‚‚ã®ã®ã€ã©ã®ã‚ˆã†ã«æ´»ç”¨ã™ã‚Œã°è‰¯ã„ã®ã‹
bitgleams 2014/08/18
contents

yhassy

web

ia

architecture

design

***

è³‡æ–™
ãƒªãƒ³ã‚¯
MITçŸ³äº•è£•æ•™æŽˆãŒæè¨€ã€‚ã€ŒICTæ•—æˆ¦å›½ã€æ—¥æœ¬ã‚’ç”Ÿãã‚‹ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã«å¿…è¦ãª2ã¤ã®ã“ã¨ï½žEVERNOTE DAYS 2014ãƒ¬ãƒ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type
MITçŸ³äº•è£•æ•™æŽˆãŒæè¨€ã€‚ã€ŒICTæ•—æˆ¦å›½ã€æ—¥æœ¬ã‚’ç”Ÿãã‚‹ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã«å¿…è¦ãª2ã¤ã®ã“ã¨ï½žEVERNOTE DAYS 2014ãƒ¬ãƒ 2014/07/14å…¬é–‹ ã€Œæƒ…å ±ãŒãƒ•ãƒãƒ¼ã‚ºãƒ³ã ã£ãŸæ™‚ä»£ãŒçµ‚ã‚ã‚Šã€ã„ã¾ã‚„æµæ°´ã¨ãªã‚Šã¾ã—ãŸã€‚æ°´ãŒè’¸ç™ºã—ã€é›²ã«ãªã£ã¦é›¨ã«ãªã‚Šã€ã‚„ãŒã¦å·ã«ãªã‚‹ã‚ˆã†ã«ã€æƒ…å ±ã‚‚å¾ªç’°ã—ã¦ã„ãã€‚ãã†ã—ãŸã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®ä¸Šæµã‚’æŠ‘ãˆãŸã®ãŒGoogleã§ã‚ã‚Šã€Amazonã§ã‚ã‚Šã€Appleã§ã™ã€‚ æ—¥æœ¬ã¯æ®‹å¿µãªãŒã‚‰ICTæ•—æˆ¦å›½ã¨ãªã‚Šã¾ã—ãŸã€‚ãã‚Œã¯ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚·ãƒ•ãƒˆã€ã“ã‚Œã‹ã‚‰ä½•ã®å‹è² ã«ãªã‚‹ã‹ãŒè¦‹ãˆã¦ã„ãªã‹ã£ãŸã‹ã‚‰ã§ã™ã€‚ã‹ã¤ã¦ã¯ç´ æ™´ã‚‰ã—ã„ãƒ‡ãƒã‚¤ã‚¹ã‚’ä½œã£ã¦ã„ã¾ã—ãŸãŒã€ã‚‚ã†ãƒ‡ãƒã‚¤ã‚¹ã®æ™‚ä»£ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å¤§äº‹ãªã®ã¯ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã€ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’è€ƒãˆã‚‹åŠ›ã€‚ã“ã®æˆ¦ç•¥ã§ã™ã€ 2014å¹´7æœˆ11ï½ž12æ—¥ã®2æ—¥é–“ã€ã€ŒéŽåŽ»ã‹ã‚‰ç¾åœ¨ã€æœªæ¥ã¸ã¨ã¤ãªãŒã£ã¦ã„ãã€Žè¨˜æ†¶ã®æœªæ¥ã€ã‚’è€ƒãˆã‚‹ã€ã‚’ãƒ†ãƒ¼ãƒžã«æ±äº¬éƒ½æ±Ÿæ±åŒºã®æ—¥æœ¬ç§‘å¦æœªæ¥é¤¨ã§é–‹å‚¬ã•ã‚ŒãŸã€ŽE
bitgleams 2014/07/30
report

tech

person

japan

mit

æ€è€ƒ

idea

web

architecture

***
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒãƒ£ãƒ³ãƒãƒ«æ™‚ä»£ã®æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ | Accessible & Usable
å…¬é–‹æ—¥ : 2011å¹´12æœˆ31æ—¥ (2020å¹´8æœˆ30æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : æƒ…å ±è¨è¨ˆ (IA) ã€ŒPervasive Information Architecture : Designing Cross-Channel User Experience (Andrea Resmini & Luca Rosati)ã€ã‚’èªã¿ã¾ã—ãŸã€‚ç™ºå£²ã•ã‚Œã¦æ—¥ãŒæµ…ãã€å’Œè¨³ç‰ˆã‚‚å‡ºã¦ã„ã¾ã›ã‚“ãŒ (å‡ºã‚‹äºˆå®šã‚‚ç„¡ã•ãã†...ï¼Ÿ)ã€èˆˆå‘³ã‚ã‚‹ãƒ†ãƒ¼ãƒžã ã£ãŸã®ã§åŽŸæ›¸ã«æŒ‘æˆ¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã€ŒPervasiveã€ã¨ã¯ã€Œè‡³ã‚‹æ‰€ã«åºƒãŒã‚‹ã€è¡Œãæ¸¡ã‚‹ã€ã¾ã‚“å»¶ã™ã‚‹ã€ã¨ã„ã£ãŸæ„å‘³ã§ã™ã€‚ã€ŒInforrmation Architecture (æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£)ã€ãŒå¯¾è±¡ã¨ã™ã¹ãç¯„å›² (æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¯¾è±¡) ã¯ã€é¡§å®¢ã®æ¶ˆè²»è¡Œå‹•å…¨ä½“ã«äº˜ã‚Šã¾ã™ã‚ˆã€ã¨ã„ã†ãŠè©±ã§ã™ã€‚ æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®å¯¾è±¡ã®åºƒãŒã‚Š å¾“æ¥ã€æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã„ãˆã°ã€W
bitgleams 2013/12/16
2011å¹´12æœˆ31æ—¥è¨˜äº‹

ia

web

design

media

ux

architecture

information

åŸºæœ¬

***
ãƒªãƒ³ã‚¯
æƒ…å ±ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®è„Šé«„ã‚’è¦–è¦šåŒ–
2æœˆ9æ—¥ã«æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸ World IA Day 2013 ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚å‰å›žã®è¨˜äº‹ ã§æ›¸ã„ãŸä»Šå¾Œã® IA ã®èª²é¡Œã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã‚ˆã†ãªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’é€šã—ã¦å¹¾ã¤ã‹è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ä»Šå›žã¯å¸åŽã—ãŸå†…å®¹ã‚’è‡ªåˆ†ãªã‚Šã«ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã‚’é€šã—ã¦ã€Žæƒ…å ±ã€ã«ã¯ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«è“„ç©ã§ãã‚‹ã‚ˆã†ãªã‚‚ã®ã¨ã€æŽ´ã¿æ‰€ãŒãªã„ã‚‚ã®ã¨äºŒç¨®é¡žã‚ã‚‹ã¨è€ƒãˆã¾ã—ãŸã€‚è¨€ã„æ›ãˆã‚Œã°å³è„³çš„ãªæƒ…å ±ã¨å·¦è„³çš„ãªæƒ…å ±ãŒã‚ã‚‹ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ã¾ã£ãŸãé•ã†å˜åœ¨ã®ã‚ˆã†ã«ã¿ãˆã‚‹äºŒç¨®é¡žã§ã¯ã‚ã‚Šã¾ã™ãŒã€4ã¤ã®æ®µéšŽã‚’è¸ã‚“ã§ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼ˆæ§‹é€ ï¼‰ã‚’ä½œã‚Šå‡ºã—ã¦ã„ã‚‹ã‚ˆã†ã«ã¿ãˆã¾ã—ãŸã€‚ Deconstruct ï¼ˆåˆ†è§£ï¼‰ Sortï¼ˆåˆ†é¡žï¼‰ Composeï¼ˆæ§‹æˆï¼‰ Adjustï¼ˆèª¿æ•´ï¼‰ ã¤ã¾ã‚Šã€æ„Ÿæƒ…ã‚„ãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã¨ã„ã£ãŸæŽ´ã¿æ‰€ã®ãªã„æƒ…å ±ã ã£ãŸã¨ã—ã¦ã‚‚ã€ãƒ“ãƒƒã‚°ãƒ‡ãƒ¼ã‚¿ã‚’æ´»ç”¨ã—ãŸæƒ…å ±ã®è§£æžã ã£ãŸã¨ã—ã¦ã‚‚ã€é€²ã‚€ã¹ã
bitgleams 2013/02/12
2013å¹´2æœˆ12æ—¥è¨˜äº‹

yhassy

ia

conference

infographics

design

web

process

data

architecture

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

coding

css

css3

dev

architecture

smacss

web

design

tips

***
ãƒªãƒ³ã‚¯
CSS Architecture â€” Engineering Blog
To many Web developers, being good at CSS means you can take a visual mock-up and replicate it perfectly in code. You don't use tables, and you pride yourself on using as few images as possible. If you're really good, you use the latest and greatest techniques like media queries, transitions and transf orms. While all this is certainly true of good CSS developers, there's an entirely separate side
bitgleams 2012/11/28
via @cssradar CSSã®æ§‹é€ ã«ã¤ã„ã¦ã€‚DRYã‚„OOPã€OOCSSã€SMACSSãªã©æ§˜ã€…ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’ä½¿ã£ã¦ã‚ˆã‚Šã‚ˆã„æ§‹é€ ã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚: https://twitter.com/cssradar/status/273599807191408640

architecture

css

coding

oop

smacss

oocss

web

***
ãƒªãƒ³ã‚¯
1