[B! bootstrap] aoiasabaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

aoiasaba id:aoiasaba

bootstrapã«é–¢ã™ã‚‹aoiasabaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

[UI/UX]ã€€æ‰‹é–“ã‚’ã‹ã‘ãšã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®æ´»ç”¨æ³• | Adobe XDã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ©Ÿèƒ½ã¨Bootstrapã®é€£æºã€€| Adobe MAX Japan 2019
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¯å¤§è¦æ¨¡æ¡ˆä»¶ã‚„é•·æœŸé‹ç”¨ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ä»¥å¤–ã§ã¯ä½¿ã„ã«ãã„ã¨æ„Ÿã˜ã‚‹æ–¹ã‚‚ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ ãã“ã§ã€ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯å°è¦æ¨¡ãªã‚µã‚¤ãƒˆåˆ¶ä½œã§ã‚‚å½¹ã«ç«‹ã¤ç°¡æ˜“ç‰ˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ã—ã¦ã€XDã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæ©Ÿèƒ½ã¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é€£æºã•ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¾ã§ã®ä½œæ¥ã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹æ‰‹æ³•ã‚’å®Ÿä¾‹ã¨ã‚ã‚ã›ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ï¼š ä¹…ä¿ çŸ¥å·± / æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã— â–¼Adobe MAX Japan 2019 ãƒ“ãƒ‡ã‚ªã‚¢ãƒ¼ã‚«ã‚¤ãƒ– https://www.youtube.com/playlist?list=PLF_lcvNhVWn9JG7K3NrtfzYlsCFVRTGQR â–¼Adobe MAX Japan https://maxjapan.adobe.com/ -------------------------------------------------
aoiasaba 2019/12/17
xd

bootstrap
ãƒªãƒ³ã‚¯
ã€ç„¡æ–™ã€‘Bootstrapã‚’ç°¡å˜ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºï¼UIãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆTOP10ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‘
aoiasaba 2019/07/31
bootstrap

ui
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’æ„è˜ã—ã‚ˆã†
2016å¹´6æœˆ14æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, Webãƒ‡ã‚¶ã‚¤ãƒ³ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ—ãƒã‚»ã‚¹ãŒå¤‰åŒ–ã—ã¦ã„ã¾ã™ã€‚ä»¥å‰ã€Œå®Ÿè·µã§å¦ã¶Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ ã¾ã¨ã‚ã€ã¨ã„ã†è¨˜äº‹ã§Webã‚µã‚¤ãƒˆã®åˆ¶ä½œæ‰‹é †ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ã“ã®æ–¹æ³•ã¯ã¾ã ä½¿ãˆã‚‹ã‚‚ã®ã®ã€å¾ã€…ã«å»ƒã‚Œã¦ã„ãã§ã—ã‚‡ã†ã€‚æœ€è¿‘ã§ã¯ã“ã®è¨˜äº‹ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€ç”»é¢ã«ã‚ã‚‹ãƒ‘ãƒ¼ãƒ„ï¼ˆéƒ¨å“ï¼‰ã®ã¿ã‚’ç”¨ã„ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ã‚‰ã‹ã˜ã‚æ§˜ã€…ãªãƒ‘ãƒ¼ãƒ„ã‚’ä½œã£ã¦ãŠã„ã¦ã€ãã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ç”»é¢ã‚’æ§‹æˆã—ã¦ã„ãæ–¹æ³•ã«ç§»ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªãƒ‘ãƒ¼ãƒ„ã‚’ã¾ã¨ã‚ãŸã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯ï¼Ÿ Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯æ©Ÿèƒ½ã‚’æŒã¤å„ãƒ‘ãƒ¼ãƒ„ï¼ˆéƒ¨å“ï¼‰ã®é›†åˆä½“ã§ã™ã€‚ä¾‹ãˆã°æ–™é‡‘è¡¨ã²ã¨ã¤ã¨ã£ã¦ã‚‚ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ç·šã€ãƒœã‚¿ãƒ³ã€è‰²ãªã©ã€æ§˜ã€…ãªæƒ…å ±ã‚’çµ„ã¿åˆã‚ã›ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ãã‚Œ
aoiasaba 2019/04/09
ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»éƒ¨å“ãƒ‡ã‚¶ã‚¤ãƒ³

component

UI

bootstrap
ãƒªãƒ³ã‚¯
Figmaã§bootstrapã‚’ä½œã£ãŸã®ã§ç„¡æ–™é…å¸ƒã—ã¾ã™ã€‚ï½œhikaru-takase /Loglass
ä»•äº‹ã§bootstrapã‚’ä½¿ã†æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ã“ã‚Œã‚’æ©Ÿã«figmaã§bootstrapãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ§‹ç¯‰ã—ã¾ã—ãŸã€‚Figmaã¨bootstrapã®ç›¸æ€§ã¨ç”Ÿç”£æ€§ã¯ã‚ã¡ã‚ƒãã¡ã‚ƒè‰¯ã„ã¨æ„Ÿã˜ã¦ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“å¾¡ç”¨é”ï¼ã¿ã‚“ãªå¤§å¥½ãbootstrapã¯å„ªã‚ŒãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã—ã¦ãŠã‚Šã€ãã®å„ªã‚ŒãŸbootstrapã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å…±æœ‰&å…±åŒä½œæ¥ã«ç‰¹åŒ–ã—ãŸFigmaã§äº‹å‰ã«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã—ã¦ãŠãäº‹ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä»¥å¤–ã®äººã§ã‚‚ãƒ‘ãƒ¼ãƒ„ã®çµ„ã¿åˆã‚ã›ã‚’è€ƒãˆã‚‹ã ã‘ã§å®Ÿéš›ã®ç”»é¢ã«è¿‘ã„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ç´°ã‹ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ‘ãƒ¼ãƒ„è£½ä½œã«æ³¨åŠ›ã—ãªãã¦è‰¯ããªã‚‹åˆ†ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®èª²é¡Œã§ã‚ã‚‹ãƒ“ã‚¸ãƒã‚¹èª²é¡Œã‚„ã‚·ã‚¹ãƒ†ãƒ æ§‹æˆã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹äº‹ãŒã§ãã‚‹ã®ãŒç‰¹é•·ã§ã™ã€‚å„ªã‚ŒãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚Œã°ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ä»¥å¤–ã§ã‚‚ï¼ˆãƒãƒ¼ãƒ ã§ï¼‰UI/UXèª²é¡Œã«å¯¾ã—ã¦ã‚¢ãƒ—ãƒãƒ¼ãƒã—ã‚„ã™ããªã‚‹æ€æƒ³ã‚„è€ƒãˆæ–¹ã¯ç´
aoiasaba 2019/04/03
bootstrap

figma

component
ãƒªãƒ³ã‚¯
UIè¨è¨ˆã®å¿…éœ€å“ã€‚Adobe XDã®ãƒ•ã‚©ãƒ¼ãƒ ç´ æé›† - Adobe XDã‚’ä½¿ã„å€’ãã†
Webã‚µã‚¤ãƒˆã‚„ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹æ™‚ã«é¿ã‘ã‚‰ã‚Œãªã„ã®ãŒãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆã€‚ å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã€æ¤œç´¢UIã€ã‚ªãƒ³ãƒœãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ•ãƒãƒ¼ãªã©ã€å…¥åŠ›é …ç›®ã‚’æŠŠæ¡ã—ã¦ãŠã‹ãªã„ã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒä½³å¢ƒã«å…¥ã£ãŸã¨ãã«ã€Œã‚¢ãƒ¬ãŒè¶³ã‚Šãªã„ã€ã‚³ãƒ¬ãŒæ¬²ã—ã„ã€ã¨ã„ã†çŠ¶æ³ã«é™¥ã£ã¦ã—ã¾ã„ã€æ‰‹æˆ»ã‚ŠãŒå¢—ãˆã¦ã—ã¾ã„ã¾ã™ã€‚å°‘ãªãã¨ã‚‚åƒ•ã¯ãã†ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§Adobe XDã®ãƒ•ã‚©ãƒ¼ãƒ ç´ æã‚’é›†ã‚ã¾ã—ãŸã€‚ Bootstrap 4 UI Bootstrapã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã‚’Adobe XDã§ã‚µã‚¯ãƒƒã¨é…ç½®ã™ã‚‹æ™‚ã«ä½¿ãˆã‚‹ç´ æã€‚ ãªã‚‹ã¹ãæ™‚é–“ã‚’ã‹ã‘ãšã«ç®¡ç†ç”»é¢ã‚’è¨è¨ˆã™ã‚‹æ™‚ã«ä½¿ã£ã¦ã„ã¾ã™ã€‚ Basic Form Elements ã‚‚ã®ã™ã”ããƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªãƒ•ã‚©ãƒ¼ãƒ UIç´ æã€‚Bootstrapæ„ŸãŒç„¡ã„ã®ã¨ã€ä½™è¨ˆãªè£…é£¾ãŒç„¡ã„ã®ã§é‡å®ã—ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆã¯ãŠæ—©ã‚ã« ã©ã‚“ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹æ™‚ã§ã‚‚ã€å…¥åŠ›é …ç›®ã‚’ã‚ãƒƒãƒãƒªç¶²ç¾…ã—ã¦æ‰‹æˆ»ã‚Šã‚’æœªç„¶
aoiasaba 2019/01/17
ui

XD

form

bootstrap
ãƒªãƒ³ã‚¯
é…åŠ›çš„ãªãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆ10é¸
Jakeã¯UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚„Webé–‹ç™ºã®è¨˜äº‹ã‚’åŸ·ç†ã™ã‚‹ãƒ©ã‚¤ã‚¿ãƒ¼ã§ã™ã€‚å½¼ã®ä»•äº‹ã¯ã‚ã‚‰ã‚†ã‚‹Webã‚„å½¼è‡ªèº«ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã§è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼@jakerocheleauã‹ã‚‰æœ€æ–°ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’ãƒ•ã‚©ãƒãƒ¼ã§ãã¾ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒWebã®ä¸–ç•Œã§å¤§æµè¡Œã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã‚«ã‚¹ã‚¿ãƒ UIã‚ãƒƒãƒˆã‚’ä½¿ã£ãŸãƒžãƒ†ãƒªã‚¢ãƒ«ã‚¹ã‚¿ã‚¤ãƒ«ã®æ–°ã—ã„ã‚µã‚¤ãƒˆãŒæ¯Žæœˆã„ãã¤ã‚‚ç™»å ´ã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã¯æ‚ªã„ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚€ã—ã‚ãã®é€†ã§ã™ã€‚GoogleãŒè‡ªã‚‰å¥½ã¾ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³è¨€èªžã§ã‚ã‚‹ã¨èªã‚ãŸã€ãŠå¢¨ä»˜ãã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ç”¨ã„ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã‚’ç°¡ç•¥åŒ–ã§ãã‚‹ã‹ã‚‰ã§ã™ã€‚ ã‚‚ã—ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢å¿ƒãŒã‚ã‚‹ã®ãªã‚‰ã°ã€ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¯ã†ã£ã¦ã¤ã‘ã§ã™ã€‚ç§ã®ãŠæ°—ã«å…¥ã‚Šã®ä¸ã‹ã‚‰ã€10ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ†ãƒ¼ãƒ–ãƒ« See the Pen Material Desig
aoiasaba 2018/08/31
bootstrap

design

ux

ui

material
ãƒªãƒ³ã‚¯
ã“ã‚Œãªã‚‰ç°¡å˜ï¼Bootstrap 4.0ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹å•†ç”¨ã§ã‚‚ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« -Bootstrap Magic
Bootstrap 4.0ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¢ºèªã—ãªãŒã‚‰ã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹å¤‰æ•°ã‚’ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrapã§Webã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã‚’ä½œæˆã™ã‚‹æ™‚ã«ã€Bootstrapã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’åˆ©ç”¨ã™ã‚‹æ™‚ã«ã€Bootstrapã®ãƒ†ãƒ¼ãƒžã‚’ä½œæˆã™ã‚‹æ™‚ã«ã€ä¾¿åˆ©ãªã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ç„¡æ–™ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicã®ç‰¹å¾´ Bootstrap Magicã®ä½¿ã„æ–¹ Bootstrap Magicã®ç‰¹å¾´ Bootstrap 4.0å¯¾å¿œ æœ€æ–°ã®Bootstrap 4.0ã®ã™ã¹ã¦ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Sasså¯¾å¿œ Bootstrapã¯Sassã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€Bootstrapã€€Magicã§ã‚‚åŒæ§˜ã«Sassã®å¤‰æ•°ãŒåˆ©ç”¨ã§ãã¾ã™
aoiasaba 2017/11/20
bootstrap

Bootstrap

CSS
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ç¸¦é•·ãƒšãƒ¼ã‚¸ã§è¦‹ã‹ã‘ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å‚™ãˆãŸHTML/CSSã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -Shards
æœ€æ–°ã®Bootstrap 4ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ãªã©ã€ç¸¦é•·ãƒšãƒ¼ã‚¸ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å‚™ãˆãŸHTML/CSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§æ§‹æˆã•ã‚ŒãŸç„¡æ–™ã®UIã‚ãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ã€éžå¸¸ã«è»½é‡ã«æ§‹ç¯‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å¿«é©ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Shards Shards -GitHub Shardsã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€å€‹äººã§ã‚‚å•†ç”¨ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Shardsã®ãƒ‡ãƒ¢ Shardsã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ Shardsã®ä½¿ã„æ–¹ Shardsã®ãƒ‡ãƒ¢ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯ã€ã™ãã«åˆ©ç”¨ã§ãã‚‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ»ã‚µãƒ¼ãƒ“ã‚¹å‘ã‘ã®ç¸¦é•·ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€‚
aoiasaba 2017/11/15
ui

Bootstrap
ãƒªãƒ³ã‚¯
Propeller - Bootstrapãƒ™ãƒ¼ã‚¹ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ã¡ã‚‡ã£ã¨ã—ãŸWebã‚µã‚¤ãƒˆã§ã‚ã‚Œã°Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ã™ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸€ã‹ã‚‰ä½œã‚‹å¿…è¦ãŒãªããªã£ã¦ã„ã¾ã™ã€‚ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€æ•°å¤šã‚ã‚‹Bootstrapç”¨ãƒ†ãƒ¼ãƒžã‚’ä½¿ãˆã°ã€ååˆ†é«˜å“è³ªãªWebã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ä»Šå›žã¯ãã‚“ãªBootstrapã®ãƒ†ãƒ¼ãƒžã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã‚‹Propellerã§ã™ã€‚ Propellerã®ä½¿ã„æ–¹ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å¤šã‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã€‚ å½±ã€‚ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€‚ ã‚¢ãƒ©ãƒ¼ãƒˆã€‚ ãƒãƒƒã‚¸ã€‚ ãƒœã‚¿ãƒ³ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ã€‚ ãƒœã‚¿ãƒ³ä»˜ãã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã€‚ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã€‚ ãƒªã‚¹ãƒˆã€‚ ã•ã‚‰ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸãƒªã‚¹ãƒˆã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã€‚ ãƒãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ã€‚ ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€‚ ã‚¿ãƒ–ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã€‚ ã‚«ãƒ¼ãƒ‰ã€‚ Propellerã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã®ã§å˜ç´”ãªãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ã‚¯ãƒªãƒƒã‚¯ã‚„ãƒžã‚¦
aoiasaba 2017/04/05
bootstrap
ãƒªãƒ³ã‚¯
Bootstrapã‚ˆã‚Šã‚ãƒ¬ã‚¤ï¼Googleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ãƒƒãƒˆ - ku-sukeã®ãƒ–ãƒã‚°
Bootstrapã®è¦‹æ…£ã‚ŒãŸæ„Ÿã¨ã„ã†ã‹ã€ãƒ¢ãƒƒã‚¯æ„Ÿã‹ã‚‰è„±å´ã—ã‚ˆã†ã¨Foundationã¨ã‹ã«æ‰‹ã‚’å‡ºã—ã‹ã‘ã¦ãŸã®ã§ã™ãŒã€GoogleãŒã ã—ã¦ããŸãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ãƒƒãƒˆãŒã™ã”ãè‰¯ã‹ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãŸã¨ãˆã°ç®¡ç†ç”»é¢é¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã“ã‚Œ ã»ã‹ã«ã‚‚Bootstrapé¢¨ã®ä¸Šéƒ¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆAndroidï¼‰ã‚‚ã‚ã£ãŸã‚Š ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨å‘¼ã°ã‚Œã‚‹éƒ¨å“ã‚‚å……å®Ÿã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œè¦‹ã‚‹ã ã‘ã§è‰²ã€…ã§ããã†ãªæ°—ãŒã—ã¾ã™ãï¼ Blogé¢¨ãªã©å¹¾ã¤ã‹æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ã¾ã¨ã‚ã‚‹ã‚µã‚¤ãƒ‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç°¡æ˜“çš„ãªç®¡ç†ç”»é¢ã‚’ã¤ãã‚ã†ã¨ã—ã¦ãŸã®ã§ã™ãŒã€æ—©é€Ÿæ´»ç”¨ã—ã¦ã„ã„æ„Ÿã˜ã«ä»•ä¸Šã’ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨å…¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒå«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚³ãƒ”ãƒšã§çµ„ã¿åˆã‚ã›ã‚‹ã ã‘ã§ã‚‚çµæ§‹ã„ã„æ„Ÿã˜ã«å‡ºæ¥ã¾ã™ã€‚Bootstrapã«é£½ãã¦ããŸã‚‰ã€ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ www.getmdl.io
aoiasaba 2016/08/05
google

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

bootstrap
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
aoiasaba 2015/03/27
ã‚ã¨ã§èªã‚€

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

template

bootstrap
ãƒªãƒ³ã‚¯
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠããŸã„ã€Bootstrapã®å•†ç”¨åˆ©ç”¨ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„ã‚¹ãƒ¢ãƒ¼ãƒ«ãƒ“ã‚¸ãƒã‚¹ã‹ã‚‰ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã€Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸWebãƒšãƒ¼ã‚¸ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ†ãƒ¼ãƒžã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã ã‘ã§ãªãã€åˆ¶ä½œã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚ã„ã„ã§ã™ãã€‚ Peter Finlan ç¸¦é•·ãƒšãƒ¼ã‚¸ã«ã‹ã£ã“ã„ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆãŸä»Šæ™‚ã®Webãƒšãƒ¼ã‚¸ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚éžå¸¸ã«ã‹ã£ã“ã„ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚
aoiasaba 2015/02/21
bootstrap
ãƒªãƒ³ã‚¯
builwing.info
This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider.
aoiasaba 2014/12/29
bootstrap
ãƒªãƒ³ã‚¯
Bootstrapã®ä½¿ã„æ–¹è¶…å…¥é–€ (1/4) - ï¼ IT
è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã®æ¦‚è¦ã¨åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ã‚’äº¤ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€è¿‘ã¯ã‚„ã‚Šã®HTML5ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€CSS3ã€APIã®ç´¹ä»‹ã€ã¾ãŸãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´¹ä»‹ã¨è§£èª¬ã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã€è§£èª¬ã—ã¦ã„ãæœ¬é€£è¼‰ã€ŒHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ã€ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ŒBootstrapã€ã§ã™ã€‚ è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã¨ã¯ ç¾åœ¨ã®Webåˆ¶ä½œã€é–‹ç™ºã§ã¯ã€ã¨ã‚‚ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé‡è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ã€ŒBootstrapã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã ã‘ã§ã€æ ¼æ®µã«é€Ÿãè¦‹æ „ãˆã‚’æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚äº‹å®Ÿã€Webã‚·ã‚¹ãƒ†ãƒ ã®ç®¡ç†ç”»é¢ãªã©ã§Bootstrapã‚’ä½¿ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ Bootstrapã¯æœ€è¿‘
aoiasaba 2014/12/29
bootstrap
ãƒªãƒ³ã‚¯
ãƒ–ãƒ¼ãƒˆã‚¹ãƒˆãƒ©ãƒƒãƒ—ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
aoiasaba 2014/12/29
bootstrap
ãƒªãƒ³ã‚¯
Icons | Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
aoiasaba 2014/10/08
CSS

icons

font

Webãƒ•ã‚©ãƒ³ãƒˆ

bootstrap

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