[B! Design] pochi-mkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pochi-mk id:pochi-mk

Designã«é–¢ã™ã‚‹pochi-mkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (40)

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

Adobe XDã§ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚ã†ï¼ä¾¿åˆ©ãªUIã‚ãƒƒãƒˆã„ã‚ã„ã‚
2018å¹´7æœˆ2æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, XD æ–°ãŸãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦æµ¸é€ã—ã¦ãã¦ã„ã‚‹Adobe XDã€‚Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã§ã‚‚ä½•åº¦ã‹ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚Adobe XDã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚Šè¾¼ã‚€ã ã‘ã§ã¯ãªãã€ãã®å‰æ®µéšŽã§ã‚ã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã«ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚æ§˜ã€…ãªUIã‚ãƒƒãƒˆã¨å‘¼ã°ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯å‡ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚‚ã®ã§ã¯ãªã„ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ å‘ã‘ã®UIã‚ãƒƒãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œå‘ã‘ã®UIã‚ãƒƒãƒˆ Wires jp Wires jpã¯AdobeãŒå…¬é–‹ã—ã¦ã„ã‚‹UIã‚ãƒƒãƒˆã€‚ã“ã‚Œã¾ã§ã¯å¾Œè¿°ã™ã‚‹è‹±èªžè¡¨è¨˜ã®ã‚‚ã®ã®ã¿ã§ã—ãŸãŒã€ã“ã®åº¦æ—¥æœ¬èªžãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼ æ—¥æœ¬ã®Webã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ãŒã¤ã¾ã£ã¦ã„ã¾ã™ã€‚ãƒ†ã‚ã‚¹ãƒˆã‚‚æ—¥æœ¬ã®ã‚‚ã®ã‚‰ã—ãå¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ W
pochi-mk 2018/07/02
Adobe

design

Adobe XD
ãƒªãƒ³ã‚¯
Clojure Design Patterns
Quick overview of the classic Design Patterns in Clojure Disclaimer: Most patterns are easy to implement because we use dynamic typing, functional programming and, of course, Clojure. Some of them look wrong and ugly. Itâ€™s okay. All characters are fake, coincidences are accidental. Index Intro Episode 1. Command Episode 2. Strategy Episode 3. State Episode 4. Visitor Episode 5. Template Method Epi
pochi-mk 2018/03/06
Clojure

Design

programming language
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®ã€Œã‚†ã‚‹ã‚„ã‹ãªæ»ã€ï½œãƒ¢ãƒ³ãƒ–ãƒ©ãƒ³ï½œDesigner Ã— VTuber
ã‚¢ãƒ€ãƒ«ãƒˆæ¥ç•Œã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦åƒã„ã¦ã„ãŸé ƒã€ ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã€Œã‚†ã‚‹ã‚„ã‹ãªæ»ã€ã‚’è¦‹ãŸã“ã¨ãŒã‚ã‚‹ã€‚ ã“ã“ã§ã„ã†ã€Œã‚†ã‚‹ã‚„ã‹ãªæ»ã€ã¨ã„ã†ã®ã¯ã€ ã€Œã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã®æ±ºå®šçš„ãªä½Žä¸‹ã€ã®ã“ã¨ã€‚ â–¼ éŸ³å£°ã§èžããŸã„æ–¹ã¯ã“ã¡ã‚‰ã‹ã‚‰ãŠè´ããã ã•ã„ï½‚ â–¼ ã‚¨ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã€Œç•°å¤‰ã€ãã®äººï¼ˆä»¥å¾Œã€Nã•ã‚“ã¨ã—ã¾ã™ï¼‰ã¯åƒ•ãŒæ–°å’å…¥ç¤¾ã™ã‚‹å‰ã‹ã‚‰ã€DVDã‚¸ãƒ£ã‚±ãƒƒãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’1ãƒ¶æœˆã§10ç‚¹å‰å¾Œä½œã‚Šç¶šã‘ã¦ã„ã‚‹ç¾å½¹ãƒãƒªãƒãƒªã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã£ãŸã€‚ æœˆã§10ç‚¹ã¯ã€ã‚¸ãƒ£ã‚±ãƒƒãƒˆä»¥å¤–ã®æ¥å‹™ã‚‚å«ã‚ã‚Œã°ä½™è£•ã§é€±3ãã‚‰ã„ã¯æ®‹æ¥ãŒå¿…è¦ãªé‡ã€‚ãã‚Œã‚’Nã•ã‚“ã¯æœˆã«1å›žãã‚‰ã„ã®æ®‹æ¥ã§å¹³æ°—ã«ã“ãªã™ã€‚ è¨€ã†ãªã‚Œã°ã‚¨ãƒ¼ã‚¹ã€ã‚·ãƒ‹ã‚¢ã¨ã‚‚è¨€ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã ã£ãŸã€‚ ãã‚“ãªNã•ã‚“ãŒã‚ã‚‹æ™‚ã‹ã‚‰å¤‰åŒ–ãŒç”Ÿã˜å§‹ã‚ã‚‹ã€‚ ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬åŒ–AVã¯ã€Œã‚·ãƒªãƒ¼ã‚ºã‚‚ã®ã€ãŒå¤šã„ã€‚ ã‹ã®æœ‰åãªã€Œãƒžã‚¸ãƒƒã‚¯ãƒŸãƒ©ãƒ¼å·ã€ã‚‚ã€æ§˜ã€…ãªã‚·ãƒªãƒ¼ã‚ºã€ä¼ç”»å†…å®¹ãŒå‡ºã¦ã„ã‚‹ãŒã€ãã‚Œã‚‰ã‚’ã¾ã¨ã‚ã¦ã€Œãƒž
pochi-mk 2018/02/13
ä¿ºãŒæã‚Œã¦ã„ã‚‹ã®ã‚‚ã€Œã‚†ã‚‹ã‚„ã‹ãªæ»ã€ãªã®ã‹ã‚‚ã—ã‚Œãªã„ã€‚

design

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

ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼

ä»•äº‹
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒšãƒ©ãŒã™ã”ã„ï¼ã‚ˆãä½¿ã†UIè¦ç´ ã«ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ -Propeller
æœ€è¿‘è¦‹ã‹ã‘ã‚‹ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€Flexboxãƒ™ãƒ¼ã‚¹ã®æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€äººæ°—ãŒé«˜ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’åŠ¹æžœçš„ã«å–ã‚Šå…¥ã‚Œã¦åˆ¶ä½œã•ã‚ŒãŸHTMLã¨CSSãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Propeller Propeller -GitHub Propellerã®ç‰¹å¾´ Propellerã®ã‚¹ã‚¿ã‚¤ãƒ«ãƒ»ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ Propellerã®ç‰¹å¾´ Propellerã¯Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€Bootstrapã®ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã§æ§‹ç¯‰ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ 25å€‹ã®UIè¦ç´ ã‚’å«ã‚€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã‚’ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ UIè¦ç´ ã‚’æ®µéšŽçš„ã«ä½¿ç”¨ã™ã‚‹è©³ç´°ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« å¯¾å¿œãƒ–
pochi-mk 2017/02/28
css

design

material design

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Material for MkDocs
Documentation that simply works Write your documentation in Markdown and create a professional static site in minutes â€“ searchable, customizable, in 60+ languages, for all devices. Get started Learn more It's just Markdown Focus on the content of your documentation and create a professional static site in minutes. No need to know HTML, CSS or JavaScript â€“ let Material for MkDocs do the heavy lifti
pochi-mk 2017/02/11
MkDocs

material design

Design

documentation
ãƒªãƒ³ã‚¯
å¥‘ç´„ã«ã‚ˆã‚‹è¨è¨ˆã®ç´¹ä»‹ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€ãƒãƒ¼ãƒ•ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® id:hakobe932 ã§ã™ã€‚ ã¯ã¦ãªã§ã¯æ¯Žé€±ã€ç¤¾å†…æŠ€è¡“å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚å…ˆé€±ã®å‹‰å¼·ä¼šã§ã¯ç¾åœ¨é–‹å‚¬ä¸ã®ã¯ã¦ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³2016ã®å‚åŠ è€…ã®ã¿ãªã•ã‚“ã‚‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ç”Ÿã‚‚å‚åŠ ã—ã¦ã€ã„ã£ã—ã‚‡ã«æŠ€è¡“äº¤æµã‚’è¡Œã„ã¾ã—ãŸã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ãã“ã§ç™ºè¡¨ã—ãŸã€å¥‘ç´„ã«ã‚ˆã‚‹è¨è¨ˆã®ç´¹ä»‹ã‚’ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å…¬é–‹ã—ã¾ã™ã€‚ å¥‘ç´„ã«ã‚ˆã‚‹è¨è¨ˆã¯Bertrand Meyeræ°ã«ã‚ˆã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘å…¥é–€*1ã¨ã„ã†æ›¸ç±ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹è€ƒãˆæ–¹ã§ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘å…¥é–€ ç¬¬2ç‰ˆ åŽŸå‰‡ãƒ»ã‚³ãƒ³ã‚»ãƒ—ãƒˆ (IT Architectâ€™Archive ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãƒ¢ãƒ€ãƒ³ãƒ»ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°) ä½œè€…: ãƒãƒ¼ãƒˆãƒ©ãƒ³ãƒ‰ãƒ»ãƒ¡ã‚¤ãƒ¤ãƒ¼,é…’åŒ‚å¯›å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ç¿”æ³³ç¤¾ç™ºå£²æ—¥: 2007/01/10ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰è³¼å…¥: 11äºº ã‚¯ãƒªãƒƒã‚¯: 307å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (130ä»¶) ã‚’è¦‹ã‚‹ å¥‘ç´„ã«ã‚ˆã‚‹è¨è¨ˆã§
pochi-mk 2016/09/01
developer

hatena

design

software

è¨è¨ˆ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

programming
ãƒªãƒ³ã‚¯
ã€Žãƒãƒ¬ãƒ³ã‚¿ã‚¤ãƒ³é™å®šã€ãƒãƒ§ã‚³ãƒ¬ãƒ¼ãƒˆå‘³ã®ãŠå¯¿å¸ã€ã€€- ãƒãƒ§ã‚³ãƒãƒŠãƒŠãƒãƒ¼ãƒ«å¯¿å¸è³‡æ–™ï¼šï¼šãã‚‰å¯¿å¸
æ–°ã—ã„ãã‚‰å¯¿å¸Webã‚µã‚¤ãƒˆã®URLã¯ https://www.kurasushi.co.jp/ ã§ã™ã€‚ ãŠæ°—ã«å…¥ã‚Šã‚„ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãªã©ã«ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯ã€ ãŠæ‰‹æ•°ã§ã™ãŒæ–°URLã¸ã®å¤‰æ›´ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ 2020å¹´12æœˆæœ«æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã€è»¢é€ã‚’çµ‚äº†ã„ãŸã—ã¾ã™ã€‚
pochi-mk 2016/08/25
SUSHI 3D!

ãã‚‰å¯¿å¸

ãã‚‰ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³

design

effect
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ›¸ãã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦æ€ã†ã“ã¨ï¼ˆ1ï¼‰ | ãƒ„ã‚¯ãƒã‚¢ - DESIGN LAB
ã‚ã‚‰ãŸã‚ã¦ãªã‚‹ã»ã©ãªã€ã¨æ€ãˆã‚‹ã„ã„è¨˜äº‹ã§ã—ãŸã€‚ ã€ã“ã‚Œã‹ã‚‰ã®ã‚¹ã‚ãƒ«ã€‘ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¢ƒç•Œç·šãŒã©ã‚“ã©ã‚“ç„¡ããªã‚‹ | freshtrax | btrax ã‚¹ã‚¿ãƒƒãƒ•ãƒ–ãƒã‚° è‡ªåˆ†ã«ã‚‚é‡ãªã‚‹éƒ¨åˆ†ãŒã‚ã‚‹ã¨æ€ã£ã¦çµŒé¨“ã¨é›‘æ„Ÿè¾¼ã¿ã§æ›¸ã„ã¦ã¿ãŸã€æ¯Žé€±æ°´æ›œæ›´æ–°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ©ãƒœbyãƒ„ã‚¯ãƒã‚¢ã€ä»Šé€±ç§ã®ã‚¿ãƒ¼ãƒ³ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãæ„å‘³ã«ã¤ã„ã¦ã§ã™ã€‚ ä¸€æžšçµµã§ã¯é€šç”¨ã—ãªã„ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ æŸæºå¸¯é›»è©±ãƒ¡ãƒ¼ã‚«ãƒ¼ã‹ã‚‰Androidã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¾é ¼ãŒã‚ã£ãŸã¨ãã®è©±ã§ã™ã€‚ é›»è©±ç€ä¿¡ç”»é¢ã‚„èµ·å‹•ç›´å¾Œã®å¾…å—ãƒãƒƒã‚¯è§£é™¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å«ã‚ã€ä½¿ã„å¿ƒåœ°ã‚„æ“ä½œæ„Ÿã‹ã‚‰ç”»é¢æ§‹æˆã¾ã§ä¸€ç·’ã«è€ƒãˆã¦ã‚‚ã‚‰ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’æŽ¢ã—ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚ æ‹…å½“è€…ã„ã‚ãã€Œé™æ¢ç”»ã ã‘ã§ã¯ã‚¢ãƒ—ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®è‰¯ã—æ‚ªã—ãŒæ±ºã‚ã‚‰ã‚Œãªã„ã‚“ã§ã™ã‚ˆã€ã¨ã„ã†è©±ã‹ã‚‰å§‹ã¾ã‚Šã€ã§ã¯ã€Œå®Ÿéš›ã†ã”ããƒ‡ã‚¶ã‚¤ãƒ³ãƒ¢ãƒƒã‚¯ã‚’ä½œã‚ŠãªãŒã‚‰ä¸€ç·’ã«è€ƒãˆã¾ã—ã‚‡ã†ã€ã¨ã„ã†ä½œæ¥ã®æµã‚Œã‚’ææ¡ˆã—ã¦æ¤œè¨¼ã‹ã‚‰ãƒªãƒªãƒ¼
pochi-mk 2016/05/04
è‰¯è¨˜äº‹ã€‚

HTML

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

Design

CSS
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’å–ã‚Šå…¥ã‚Œã‚‹æ™‚ã®ãƒã‚¤ãƒ³ãƒˆã„ã‚ã„ã‚
2016å¹´3æœˆ10æ—¥ CSS, Webãƒ‡ã‚¶ã‚¤ãƒ³ è¦ç´ ã«åŠ ãˆã‚Œã°ã€ç”»é¢ã«ç«‹ä½“æ„Ÿã‚’ã‚‚ãŸã‚‰ã™ã‚·ãƒ£ãƒ‰ã‚¦ã€‚ãªã‚“ã ã‹æœ€è¿‘ã‚·ãƒ£ãƒ‰ã‚¦ã‚’å–ã‚Šå…¥ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚ˆãè¦‹ã‹ã‘ã‚‹ã®ã§ã€ä»Šå›žã¯ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã†æ™‚ã®æ³¨æ„ç‚¹ã‚„ã‚³ãƒ„ã‚’ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ If you took a 3 year break from UI design, now you're all caught up: pic.twitter.com/4pdL17dXaF â€” Dylan Jones (@tDJ) March 2, 2016 ã“ã®Tweetã«ã‚‚æã‹ã‚Œã¦ã„ã‚‹ã¨ãŠã‚Šã€1å¹´å‘¨æœŸã§ã‚·ãƒ£ãƒ‰ã‚¦ã®æ‰±ã„ãŒå¤‰ã‚ã£ã¦ã„ã¾ã™ãã€‚2014å¹´ã¯å½±ãªã—ã®å®Œå…¨ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€‚2015å¹´ã¯ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ã€‚ãã—ã¦2016å¹´ã¯ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹ã¼ã‚“ã‚„ã‚Šãµã‚“ã‚ã‚Šã‚·ãƒ£ãƒ‰ã‚¦ã€‚ CSSã§å®Ÿè£…ã™ã‚‹ã‚·ãƒ£ãƒ‰ã‚¦ã®åŸºç¤Ž é€šå¸¸ã®ã‚·ãƒ£ãƒ‰ã‚¦ è¦ç´ ã«ã‚·ãƒ£ãƒ‰
pochi-mk 2016/03/10
box-shadow

CSS

design

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

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[DBè¨è¨ˆ]æ±Žç”¨åŒºåˆ†ãƒžã‚¹ã‚¿ã«ã¤ã„ã¦
ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹è¨è¨ˆã«ã¤ã„ã¦è³ªå•ã§ã™ã€‚ ç¾åœ¨ã€Webã‚·ã‚¹ãƒ†ãƒ ã®åŸºæœ¬è¨è¨ˆæ®µéšŽã§ ã€Œæ±Žç”¨åŒºåˆ†ãƒžã‚¹ã‚¿ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¨è¨ˆã—ã¦ã„ã¾ã™ã€‚ ãƒ»å¤šè¨€èªžå¯¾å¿œã™ã‚‹ãŸã‚ã«ã€ä¸€ã¤ã®åŒºåˆ†å€¤ã«å¯¾ã—ã¦ è¤‡æ•°ã®è¨€èªžã§ã®åç§°ã‚’ç™»éŒ²ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ãƒ»ä»Šå›žã¯æ—¥æœ¬èªžå¯¾å¿œã®ã¿ ãƒ»ç¾åœ¨ã¯ã€Œãƒžã‚¹ã‚¿ã‚’æ›´æ–°ã—ãªã„ã€å‚ç…§ã®ã¿ã®åŒºåˆ†ã€ã—ã‹å˜åœ¨ã—ãªã„ ãƒ»å°†æ¥çš„ã«ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãƒžã‚¹ã‚¿ãƒ¡ãƒ³ãƒ†ç”»é¢ã‚’è¿½åŠ ã—ã€ åŒºåˆ†ã‚„åŒºåˆ†å€¤ãŒæ›´æ–°å¯¾è±¡ã«ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ ã¨ã„ã†å‰æã§ã™ã€‚ é–‹ç™ºç’°å¢ƒã¯ è¨€èªžï¼šJava,JavaScript DBï¼šSQL Server ã§ã™ã€‚ éŽåŽ»ã«ä»–ã®æ¡ˆä»¶ã§ä½¿ç”¨ã—ã¦ã„ãŸåŒã˜å½¹å‰²ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å‚è€ƒã« ç¾åœ¨ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªãƒ†ãƒ¼ãƒ–ãƒ«å®šç¾©ã«ãªã£ã¦ã„ã¾ã™ã€‚ åˆ†é¡žã‚³ãƒ¼ãƒ‰ varchar(30) PK åŒºåˆ†å€¤ varchar(30) PK è¨€èªžã‚³ãƒ¼ãƒ‰ varchar(3) PK è¡¨ç¤ºå nvarchar(100) NOT NULL è¡¨ç¤ºé † smallint
pochi-mk 2016/03/09
ä¸–ã®ä¸ã®æ±Žç”¨åŒºåˆ†ãƒžã‚¹ã‚¿ã¯ã—ã‚‰ãªã„ã‘ã©ã€ä»Šã‚„ã£ã¦ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ±Žç”¨åŒºåˆ†ãƒžã‚¹ã‚¿ã¯æ»ã‚“ã§æ¬²ã—ã„ã€‚

database

RDBMS

è¨è¨ˆ

design

development

DB

sql
ãƒªãƒ³ã‚¯
æ›´ã«å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusa Colorsã€ä½œã£ãŸ - MEMOGRAPHIX
ã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ä½œã‚‹ã®ã‚€ãšã„ã®ã§ã€ã€ŒAzusa Colorsã€ã£ã¦ã„ã†Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ãŸã€‚ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ Azusa Colors - å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè§£èª¬ ãƒ‡ãƒ¢ã‚‚å…¼ããŸè§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã€‚ Introducing Azusa Colors Keynote Template // Speaker DeckAzusa Colorsã¨ã¯Azusa Colorsã¨ã¯ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusaã€ã«ã€æ–°ã—ã„ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆãŸã‚‚ã®ã€‚ Azusaã¨ã¯åƒ•ãŒ1å¹´å‰ã«ä½œã£ãŸKeynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã€ã€ŒSpeakerDeckã«ã‚ã‚‹ â€œãªã‚“ã¨ãªãã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰â€ ã¯å¤§ä½“1ãƒšãƒ¼ã‚¸ã‚ãŸã‚Š3è‰²ä»¥å†…ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†æ³•å‰‡ã«ã‚‚ã¨ã¥ãä½œæˆã—ãŸã€‚ ä½¿ã‚ã‚Œã¦ã„ã‚‹æ§˜åã‚’è¦³å¯Ÿã™ã‚‹ã¨ã€ä¸»ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å‹‰å¼·ä¼šã‚„
pochi-mk 2015/03/16
keynote

presentation

ãƒ—ãƒ¬ã‚¼ãƒ³

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

template

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

design
ãƒªãƒ³ã‚¯
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™ ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ã§ã®ä½œå›³æ–¹æ³•ã«åŸºã¥ã„ãŸæ±äº¬ã®é‰„é“è·¯ç·šå›³ã‚’ä½œã£ãŸã®ã§å…¬é–‹ãƒ»é…å¸ƒã—ã¾ã™ time2014/12/20 hatenabookmark- Illustratorã‚’ä½¿ã£ã¦ã€æ±äº¬åœã®äº¤é€šè·¯ç·šå›³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ç¾åœ¨ã€ã“ã‚Œã‚’æ›¸ãã ã—ãŸSVGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»¥ä¸‹ã«ç½®ã„ã¦ã€ã‚¦ã‚§ãƒ–ä¸Šã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ã ãƒžãƒƒãƒ—ã¨ã—ã¦å¤§ã—ãŸå‡¦ç†ã¯ã—ã¦ã„ãªã„ã®ã§ã€PCã¨ã‹ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé¢å€’ã§ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã‚¿ãƒƒãƒç«¯æœ«ã ã¨ãã“ãã“è¦‹ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€AIãƒ•ã‚¡ã‚¤ãƒ«ãƒ»SVGãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³(CC0)ã¨ã—ã¾ã™ã®ã§ã€é…å¸ƒãƒ»æ”¹å¤‰ãƒ»è²©å£²å«ã‚ã€ç…®ã‚‹ãªã‚Šç„¼ããªã‚Šå¥½ãã«ä½¿ã£ã¦ã„ãŸã ã„ã¦ã‹ã¾ã„ã¾ã›ã‚“ã€‚ railmaps - github ã©ã†ã—ã¦æã„ãŸã®ï¼Ÿ æ˜”ã‹ã‚‰ãƒãƒªãƒ¼ãƒ™ãƒƒã‚¯æ°ã®ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³ãŒã¨ã¦ã‚‚å¥½ãã§ã€è‡ªåˆ†ã‚‚ã“ã†ã„ã†ã‚‚
pochi-mk 2014/12/21
ä¿ºã‚‚ä½œã£ã¦ã¿ãŸã„ã€‚

åœ°å›³

è·¯ç·šå›³

svg

map

Design
ãƒªãƒ³ã‚¯
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)
pochi-mk 2014/09/28
bootstrap

material design

Design

webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã‚¤ãƒ©ãƒ¬ã§çµµã‚’æã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€ã“ã†ãªã‚‹ - ppworks.jp
ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€çµµãŒæã‘ãªã„ã˜ã‚ƒãªã„ã§ã™ã‹ï¼ˆåè¦‹ï¼‰ ã“ã‚“ãªã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ ãªã®ã§æã‘ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ãªã¨ãšã£ã¨æ€ã£ã¦ã„ã¦ã€ãƒ™ã‚¸ã‚§æ›²ç·šã£ã¦æ»‘ã‚‰ã‹ã§ãƒŠãƒ³ã‚«ãƒ¨ã‚µã‚½ã‚¦ã€ã¨ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¾ã—ãŸã€‚ ã€Œãƒ™ã‚¸ã‚§æ›²ç·šã€ç¿’ç†Ÿãƒ‰ãƒªãƒ« 7,8å¹´å‰ã«è²·ã£ãŸã®ãŒã“ã‚Œã€‚ãã†ã€ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã¯2å›žç›®ãªã®ã§ã™ã€‚å‰å›žã¯3ãƒšãƒ¼ã‚¸ãã‚‰ã„ã§æŒ«æŠ˜ã—ã¦ã¾ã—ãŸã€‚ã‚“ã§ã€æœ€è¿‘æ€¥ã«æš‡ã«ãªã£ãŸã®ã‚’ã‚ãƒƒã‚«ã‚±ã«ã€Œã‚ˆã—ã‚„ã‚ã†ã€ã¨ã„ã†æ°—ã«ãªã‚Šå§‹ã‚ãŸã®ã§ã™ã€‚ æ”¹è¨‚äºŒç‰ˆã€ˆIllustratorã§å¦ã¶ã€‰ã€Œãƒ™ã‚¸ã‚§æ›²ç·šã€ç¿’ç†Ÿãƒ‰ãƒªãƒ« ä½œè€…: ä¸æ‘é«˜ä¹‹å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ãƒ©ãƒ”ãƒ¥ãƒ¼ã‚¿ç™ºå£²æ—¥: 2005/04ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬è³¼å…¥: 2äºº ã‚¯ãƒªãƒƒã‚¯: 8å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (4ä»¶) ã‚’è¦‹ã‚‹ (2014.1.10è¿½è¨˜) ãªã‚“ã¨ã€é•·ã‚‰ãæ‰‹ã«å…¥ã‚Šã«ãã‹ã£ãŸã“ã¡ã‚‰ã®æ›¸ç±ãŒæ–°è£…æ”¹è¨‚ç‰ˆã§å†ç™»å ´ã¨ã®ã“ã¨ã€‚ è¡¨ç´™ãŒè‹¥å¹²ã€æã—ã¦ã„ãŸåˆ†ã€ä»Šå›žã¯ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ã§å†…å®¹ã¨åˆã£ã¦ã„ã¦ãƒ¨ã‚µã‚½ã‚¦ã§ã™ã€‚
pochi-mk 2014/07/18
programming

design

ã“ã‚Œã¯ã™ã”ã„

illustrator

ã‚¤ãƒ©ã‚¹ãƒˆ

ãŠçµµã‹ã

ãƒ—ãƒã‚°ãƒ©ãƒž

çµµ
ãƒªãƒ³ã‚¯
è‡ªåˆ†ã®webã‚µã‚¤ãƒˆä½œã‚‹å·¥ç¨‹ - MEMOGRAPHIX
2. ãƒ¢ãƒƒã‚¯ä½œã‚‹æ¬¡ã«ã€Illustrator ã§ãƒ¢ãƒƒã‚¯ä½œã‚‹ã€‚å‰ã¯ Photoshop ã§ä½œã£ã¦ãŸã‘ã© Illustrator ã«å¤‰ãˆãŸã€‚ãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã§ã ã„ãŸã„ã®æ§‹é€ ã¯æ±ºã¾ã£ã¦ã‚‹ã®ã§ã€ãã‚Œã‚’ç”»é¢ã§è¦‹ãŸæ™‚ã®è¦‹æ „ãˆã‚’æ¤œè¨¼ã™ã‚‹ã€‚é›‘ã ã‘ã©ã“ã‚Œã¯è‡ªåˆ†ã®ã‚µã‚¤ãƒˆãªã®ã ã‹ã‚‰è‡ªåˆ†ã—ã‹è¦‹ãªã„ã¨ã„ã†å‰æãŒã‚ã£ã¦ã€é›‘ã§ã‚‚å•é¡Œãªã„ã¨ã„ã†ã“ã¨ã«ã—ã¦ã‚‹ã€‚8å‰²ãã‚‰ã„ä½œã‚Šè¾¼ã‚“ã ã¨ã“ã‚ã§ã‚„ã‚ã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å…¥ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã‚‹ã€‚2å‰²ãã‚‰ã„å¤‰æ›´å¯èƒ½ãªä½™åœ°ã‚’æ®‹ã—ã¦ãŠãã“ã¨ã§ã€ã‚³ãƒ¼ãƒ‰æ›¸ãã¨ãèžé€šãŒåŠ¹ãã€‚ ãƒ©ãƒ•ã¨ã‹ãƒ¢ãƒƒã‚¯æã‹ãšã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å§‹ã‚ã‚‹ã“ã¨ã‚‚ãŸã¾ã«ã‚ã‚‹ã‘ã©ã€ãã‚Œã¯ä½™ç¨‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé ã®ãªã‹ã§å›ºã¾ã£ã¦ã„ã‚‹å ´åˆã«é™ã‚‹ã€‚ãƒ©ãƒ•ã¨ã‹ãƒ¢ãƒƒã‚¯ä½œã‚‹ã®ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨åŒã˜ãã‚‰ã„å¤§äº‹ã ã¨æ€ã£ã¦ã¦ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å§‹ã‚ã¦ã—ã¾ã†ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ°—ã‚’é…ã‚‹ã®ã‚’ç–Žã‹ã«ã—ãŒã¡ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã¤ã¤åŒæ™‚ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨ã„ã†ã®ã¯çµæ§‹é›£ã—ãã¦ã€ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ãŒè¦ã‚‹ã€‚å…¨ä½“ã®ãƒ‡ã‚¶
pochi-mk 2014/04/14
webåˆ¶ä½œ

web

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

design

WordPress
ãƒªãƒ³ã‚¯
å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusaã€ä½œã£ãŸ - MEMOGRAPHIX
ã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ä½œã‚‹ã®ã‚€ãšã„ã®ã§ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½œã£ãŸã€‚ã“ã“ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ Azusa - å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè§£èª¬ã‚µãƒ³ãƒ—ãƒ«ã‚‚å…¼ããŸè§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã£ãŸã€‚ Introducing Azusa // Speaker Deckã ã„ãŸã„ã‚¹ãƒ©ã‚¤ãƒ‰ã«æ›¸ã„ãŸã‘ã©è¦ç´„ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªã“ã¨ã‚’è€ƒãˆãŸã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã‚‹ã®é›£ã—ã„è‰²ã¨ã‹é›£ã—ã„ã‹ã£ã“ã‚ˆãã—ãŸã„Azusaã£ã¦ã„ã†ã®ã‚’ä½œã£ãŸAzusaã¯ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ Azusaã®ç‰¹å¾´å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆå¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒžã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰è‰²ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ è€ƒãˆãŸ ç™½ã£ã½ã„è‰²ï¼ˆç™½ã£ã½ã„ã‚¯ãƒªãƒ¼ãƒ è‰²ã¨ã‹ç™½ã£ã½ã„ããšã¿è‰²ï¼‰ é»’ã£ã½ã„è‰²ï¼ˆèµ¤ã£ã½ã„é»’ã¨ã‹é’ã£ã½ã„é»’ã¨ã‹ãã†ã„ã†ã®ï¼‰ ç·‘ã¨ã‹é’ã¨ã‹ãƒ”ãƒ³ã‚¯ã¨ã‹ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼1è‰² åŽŸè‰²ã™ãŽãªã„ã»ã†ãŒã‚¤
pochi-mk 2014/04/10
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ãƒ—ãƒ¬ã‚¼ãƒ³

ã‚¹ãƒ©ã‚¤ãƒ‰

slide

design

keynote

color
ãƒªãƒ³ã‚¯
Bootstrap Themes at BootstrapZero
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
pochi-mk 2014/01/18
ã“ã‚Œã„ã„ãªã‚ã€‚

bootstrap

webåˆ¶ä½œ

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

css

design

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
å°‘ãªã„è£…é£¾ã§ç´ æã®é…åŠ›ã‚’ç”Ÿã‹ã™ã€ã‚ºãƒ«ã„Webã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³å®Ÿè·µç·¨ // Speaker Deck
WCAF Vol.11 ã€ŒDesignã€ in ç¦äº• ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://wcaf.doorkeeper.jp/events/7028 å”åŠ›ï¼š we love heroku by @ppworks http://welove.herokuapp.com/ ï¼ˆå‚è€ƒï¼‰ppworks æ°ã«ã‚ˆã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯2013 + ã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆ version - in ç¦äº• https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
pochi-mk 2013/12/08
ãƒ‡ã‚¶ã‚¤ãƒ³ã€ç´°éƒ¨ã«ã„ã¡ã„ã¡ç†ç”±ãŒã‚ã‚Šå¥¥ãŒæ·±ã„ã€‚

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

ã‚¹ãƒ©ã‚¤ãƒ‰

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

web

Design
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã§çµ¶å¯¾ã«ã€Œé»’ã€ã‚’ä½¿ã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ã¨ã¯ï¼Ÿ
by webtreats é»’ã¯ã†ã¾ãä½¿ã†ã¨ä»–ã®è‰²ã‚’éš›ç«‹ãŸã›ãŸã‚Šå…¨ä½“ã‚’ç¥žç§˜çš„ã«è¦‹ã›ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã‚‹è‰²ã§ã™ãŒã€ç§ãŸã¡ãŒæ™®æ®µã€Œé»’ã€ã ã¨æ€ã£ã¦ã„ã‚‹è‰²ã¯æœ¬å½“ã¯é»’ã§ã¯ãªãã€ã€Œé»’ã«è¿‘ã„ãƒ€ãƒ¼ã‚¯ãªè‰²ã€ã§ã‚ã‚‹ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚è‡ªç„¶ç•Œã«ã»ã¨ã‚“ã©ãªã„ã€Œç´”ç²‹ãªé»’ã€ã¯ä»–ã®è‰²ã‚’åœ§å€’ã—ã¦ã—ã¾ã„æ‰±ã„ãŒé›£ã—ã„ãŸã‚ã€é»’ã‚’ä½¿ã„ãŸã„æ™‚ã«ã™ã¹ãã“ã¨ã‚’Segment.ioã®CEOã§ã‚ã‚‹Ian Storm Taylorã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ Design Tip: Never Use Black by Ian Storm Taylor http://ianstormtaylor.com/design-tip-never-use-black/ Taylorã•ã‚“ãŒåã©ã‚‚æ™‚ä»£ã¯ç¾Žè¡“ã®å…ˆç”Ÿã‹ã‚‰ã€å¤§å¦æ™‚ä»£ã¯ãƒãƒ¼ãƒ‰ã‚¢ã‚¤ãƒ©ãƒ³ãƒ‰ã‚¹ã‚¯ãƒ¼ãƒ«ã‚ªãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®æŽˆæ¥ã§ä½•åº¦ã‚‚èžã„ãŸã“ã¨ã®1ã¤ã«ã€Œä½œå“ã«é»’ã‚’ä½¿ã†ãªã€ã¨ã„ã†ã‚³ãƒ„ãŒã‚ã‚Šã¾ã™ã€‚ çœŸã«é»’ã„ç‰©ã¯è¦‹ã¤ã‘ã‚‹ã®ãŒ
pochi-mk 2013/11/04
Design

color

è‰²

é…è‰²

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
pochi-mk 2013/10/01
Design

web

development

google

webdesign

HTML5
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸