[B! SVG] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

SVGã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

æœ€è¿‘è¦‹ã‹ã‘ã‚‹ã€ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ã»ã‚“ã®å°‘ã—ã®CSSã¨SVGã§å®Ÿè£…ã§ãã‚‹ã®çŸ¥ã£ã¦ãŸï¼Ÿ
CSSã¨SVGã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒŽã‚¤ã‚ºã‚’ä¸Žãˆã€ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ èƒŒæ™¯ãªã©é€šå¸¸ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€æš—ãã—ã¦ã‚·ãƒ£ãƒ‰ã‚¦ã«ä½¿ç”¨ã—ãŸã‚Šã€è¼åº¦ã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’ä¸Šã’ã¦ãƒ›ãƒã‚°ãƒ©ãƒ ã®ã‚ˆã†ãªè™¹è‰²ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Grainy Gradients by Jimmy Chion ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒŽã‚¤ã‚ºã‚’åŠ ãˆãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« å®Ÿè£…: SVGãƒŽã‚¤ã‚ºã¨CSSã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ SVGã®turbulenceã‚’ä½¿ç”¨ã™ã‚‹ SVGã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ç”¨ã—ã¦CSSèƒŒæ™¯ã‚’ä½œæˆã™ã‚‹ æ˜Žã‚‹ã•ã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’é«˜ã‚ã‚‹ ãƒŽã‚¤ã‚ºã®ã‚«ãƒ©ãƒ¼ãŒå‡ä¸€ã§ãªã„ CSSã®ãƒ–ãƒ¬ãƒ³ãƒ‰æ©Ÿèƒ½ ç²’åã®ç²—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ä¾‹ ã•ã‚‰ã«è©³ã—ã ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼
ihok 2021/09/22
css

webdesign

ãƒ„ãƒ¼ãƒ«

ã‚³ãƒ¼ãƒ‰

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

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

tool

SVG

ãƒŽã‚¤ã‚º
ãƒªãƒ³ã‚¯
SVGã§ãƒ¯ãƒ¼ãƒ‰ã‚¢ãƒ¼ãƒˆ
<text x="40" y="80">Hello World</text> <path fill="none" stroke="blue" stroke-width="3" d="M 28 152 C 28 152 49 78 100 67 C 151 56 210 164 255 148 C 300 133 295 59 295 59" />
ihok 2019/07/25
ã‚¢ãƒ¼ãƒˆ

svg

ãƒã‚¿

æŠ€è¡“
ãƒªãƒ³ã‚¯
ã‚¤ãƒ©ã‚¹ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒè³‡æ–™ã«ï¼äººç‰©ãƒ»å‹•ç‰©ãƒ»æ¤ç‰©ãƒ»ãƒ‡ã‚¸ã‚¿ãƒ«æ©Ÿå™¨ãƒ»å»ºç‰©ãƒ»å®¶å…·ãªã©ã‚’å›³ç‰ˆåŒ– -Dimensions.Guide
äººç‰©ãƒ»å‹•ç‰©ãƒ»æ¤ç‰©ã‚’ã¯ã˜ã‚ã€ãƒ‡ã‚¸ã‚¿ãƒ«æ©Ÿå™¨ã€å»ºç‰©ã€å®¶å…·ãªã©ã€æ—¥å¸¸ã§è¦‹ã‹ã‘ã‚‹æ¨™æº–çš„ãªã•ã¾ã–ã¾ãªã‚¹ãƒšãƒ¼ã‚¹ã¨ã‚µã‚¤ã‚ºã‚’å›³ç‰ˆåŒ–ã—ãŸDimensions.Guideã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ äººç‰©ã ã‘ã§ã‚‚ã€è€è‹¥ç”·å¥³ã®ç«‹ã¡ãƒ»åº§ã‚Šãƒ»å¯ãƒ»æ©ããƒ»é‹å‹•ã€ãã—ã¦æ£é¢ãƒ»å´é¢ãƒ»ä¸Šé¢ãŒæƒã£ã¦ãŠã‚Šã€ã‚¤ãƒ©ã‚¹ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒè³‡æ–™ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ Dimensions.Guide Dimensions.Guideã§ã¯ã•ã¾ã–ã¾ãªå›³ç‰ˆãŒæƒã£ã¦ã„ã¾ã™ã€‚ ä¾‹ãˆã°ã€25-45æ³ã®å¥³æ€§ãŒæ©ã„ã¦ã„ã‚‹æ™‚ã®ã‚µã‚¤ã‚ºã€‚ å¹³å‡èº«é•·ã¯1.63mã«è¨å®šã•ã‚Œã¦ãŠã‚Šã€ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«ãªæœè£…ã§æ©ã„ã¦ã„ã‚‹æ¨ªå‘ãã§ã™ã€‚ Walking Female Side ç´ æã¯ã™ã¹ã¦å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã¯ç‰¹ã«å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ãŸã ã—ã€ç´ æãã®ã‚‚ã®ã‚’å†é…å¸ƒãƒ»å†è²©å£²ã™ã‚‹ã“ã¨ã¯ç¦æ¢ã§ã™ã€‚è©³ã—ãã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ legal ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€3ç¨®
ihok 2019/01/18
ç´ æ

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

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

äºº

å‹•ç‰©

ãƒ•ãƒªãƒ¼ç´ æ

ç”»åƒ

SVG

è³‡æ–™
ãƒªãƒ³ã‚¯
ã‚°ãƒªã‚°ãƒªå‹•ãUIã‚’Vueã¨SVGã§ã‚µã‚¯ãƒƒã¨æ›¸ã - No Regrets in Bathing
ã“ã‚Œã¯ Vue.js #3 Advent Calendar 2017 â€“ Qiita 4æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚SVGã§è‰²ã€…ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚æœ€è¿‘ã®ä½œå“ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIã‚’ä½œã‚ŠãŸã„ï¼ï¼ã¨ã„ã†ä¸€å¿ƒã§ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã¯ã»ã¨ã‚“ã©SVGã¨Vueã®çµ„ã¿åˆã‚ã›ã®ã¿ã§ä½œã£ã¦ã„ã¾ã™ã€‚ä¾å˜ãŒå°‘ãªã„ã¨ã„ã†ã®ã¯å¤§äº‹ã§ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªé–“ã®ç›¸æ€§ã§ãƒãƒžã£ãŸã‚Šã€ã„ã‚ã‚“ãªãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé–“ã‚’å¾€å¾©ã™ã‚‹ã“ã¨ãŒãªããªã‚Šã¾ã™ã€‚ Webã§ã‚°ãƒªã‚°ãƒªå‹•ãUIã‚’ä½œã‚‹ã®ã¯åŸºæœ¬çš„ã«ã‚ã‚“ã©ãã•ã„ã§ã™ã€‚jQuery pluginã‚’é§†ä½¿ã—ã¦ä½œã‚‹ã®ã‚‚é—‡ãŒå¤šã„ã§ã™ã—ã€divã‚„canvasã‚’ã‚´ãƒªã‚´ãƒªã™ã‚‹ã®ã‚‚çµæ§‹æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã§ã™ãŒã€æœ€è¿‘ã¯SVGã§é«˜åº¦ãªUIå®Ÿè£…ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ããŸæ°—ãŒã—ã¾ã™ã€‚ç‰¹ã«è‡ªåˆ†ãŒè¡æ’ƒã‚’å—ã‘ãŸã®ã¯ã€CacooãŒFlashã‹ã‚‰SVGã«ã‚¹ã‚¤ãƒƒãƒã—ãŸã“ã¨ã§ã™ã€‚ nulab-i
ihok 2017/12/05
Canvas

jQuery

javascript

svg

vue.js

Vue

SVG

circle

ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
appgiga.jp
2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
ihok 2017/01/27
Chromebook

illustrator

download

IT

svg

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ–ãƒ©ã‚¦ã‚¶

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯ã‚‚ã¾ã‚‹ã”ã¨ã‚ãƒ£ãƒ—ãƒãƒ£ã—ã¦SVGã§å‡ºåŠ›ã™ã‚‹Chromeã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆæ‹¡å¼µã‚’ã¤ãã‚Šã¾ã—ãŸ - #daiizãƒ¡ãƒ¢
é–²è¦§ã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®é¸æŠžã•ã‚ŒãŸç¯„å›²ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ã¦SVGå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹Chrome æ‹¡å¼µæ©Ÿèƒ½ã‚’ã¤ãã‚Šã¾ã—ãŸï¼ŽSVGã§å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚ï¼Œæ™®é€šã®PNGã‚„JPGã¨æ¯”ã¹ã‚‹ã¨ï¼Œä»¥ä¸‹ã®ã‚ˆã†ãªå°‘ã—ã ã‘é«˜åº¦ãªã“ã¨ãŒã§ãã¾ã™ï¼Ž ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ãŸãƒšãƒ¼ã‚¸ã®URLã‚’<svg>ã®dataå±žæ€§ã¨ã—ã¦ä¿æŒã§ãã‚‹ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ç¯„å›²å†…ã®ãƒªãƒ³ã‚¯ã‚’ãã®ã¾ã¾æ®‹ã™ã“ã¨ãŒã§ãã‚‹ï¼Ž ãƒšãƒ¼ã‚¸ä¸ã®<a>ã®ä½ç½®ã«ï¼Œå¤–éƒ¨ãƒšãƒ¼ã‚¸ãƒ˜ã®ãƒªãƒ³ã‚¯ã‚’æŒã¤<rect>ã‚’æŒ¿å…¥ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒªãƒ³ã‚¯å…ˆã®ãƒšãƒ¼ã‚¸ãŒé–‹ãã¾ã™ï¼Ž ãƒ–ãƒ©ã‚¦ã‚¶ã§é€šå¸¸ãƒªãƒ³ã‚¯ã¨åŒã˜ã‚ˆã†ã«æ‰±ã‚ã‚Œã‚‹ãŸã‚ï¼Œrectã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨Chromeã®å·¦ä¸‹ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹URLãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ï¼Œç§»å‹•å…ˆã‚‚ã—ã£ã‹ã‚Šç¢ºèªã§ãã¾ã™ï¼Ž ã¾ã ã‹ãªã‚Šè’ã„ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã™ãŒï¼ŒGitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒãƒ¼ãƒ³ã—ã¦ï¼Œãã®ã¾ã¾Chromeã®æ‹¡å¼µæ©Ÿèƒ½ç®¡ç†ãƒšãƒ¼ã‚¸ã‹ã‚‰èªã¿
ihok 2016/04/07
Chrome

github

Google Chrome

extension

GoogleChrome

bookmark

SVG

ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ

æ‹¡å¼µæ©Ÿèƒ½
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€æ±Ÿæˆ¸æƒ…ç·’ã‚ãµã‚Œã‚‹å‹•ç‰©ã‚„ç”Ÿæ´»å°ç‰©ã‚’æã„ãŸæµ®ä¸–çµµã‚’ãƒ™ã‚¯ã‚¿ãƒ¼åŒ–ã—ãŸç´ æ -Ukiyo-e SVG
26 Free Vector Animal Graphics - Ukiyo-e SVG æµ®ä¸–çµµã®ä½œè€…ã¯æ±Ÿæˆ¸æ™‚ä»£æœ«æœŸã«æ´»èºã—ãŸæµ®ä¸–çµµå¸«: æŒå· èŠ³è™Žï¼ˆWikipediaï¼‰ã§ã€ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã®æµ®ä¸–çµµã‚’ãƒ™ã‚¯ã‚¿ãƒ¼åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¾ãšã¯ã€å‹•ç‰©ã‹ã‚‰ã€‚ ã€Œæ–°ç‰ˆç£å°½ï¼ˆ1857ï¼‰ã€ã®26ç¨®é¡žã®å‹•ç‰©ãƒ»ç©ºæƒ³å‹•ç‰©ãŒæã‹ã‚Œã¦ã„ã¾ã™ã€‚
ihok 2015/11/19
Graphics

animal

free

design

ç´ æ

æµ®ä¸–çµµ

ãƒ•ãƒªãƒ¼

å’Œ

ãƒ™ã‚¯ã‚¿ãƒ¼

SVG
ãƒªãƒ³ã‚¯
ä½œå›³ç³»ãƒ„ãƒ¼ãƒ«ãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
diag.md ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ ãƒ†ã‚ã‚¹ãƒˆã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãã‚Œç³»ã®ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ GraphViz http://www.graphviz.org/ Cè£½ Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ãƒ–ãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© å‡ºåŠ›å¯èƒ½å½¢å¼ä¸€è¦§ JavaScriptï¼ˆEmscriptenï¼‰ç‰ˆã‚‚ã‚ã‚‹ã€‚ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å‡ºæ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Javaè£½ ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³, ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹å›³, ã‚¯ãƒ©ã‚¹å›³, ã‚¢ã‚¯ãƒ†ã‚£ãƒ“ãƒ†ã‚£å›³, ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå›³, ã‚¹ãƒ†ãƒ¼ãƒˆå›³, ãƒ‡ãƒ—ãƒã‚¤å›³, ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå›³ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“ä½œã‚Œã‚‹ PNG, SVG, LaTeX, ASCIIå‡ºåŠ› ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚‚ä½œã‚Œã‚‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‹ã‚‚å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ ã‚ª
ihok 2015/10/19
github

js

javascript

library

ãƒ„ãƒ¼ãƒ«

tool

diagram

SVG
ãƒªãƒ³ã‚¯
1ãƒšãƒ¼ã‚¸ã§å®Œçµã€Webåˆ¶ä½œè€…ãŒåŠ©ã‹ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãƒ»è³‡æ–™ãƒ»PDFã¾ã¨ã‚
ä½œæˆï¼š2015/08/10 æ›´æ–°ï¼š2017/04/16 Webåˆ¶ä½œ > é–‹ç™ºç’°å¢ƒ ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ã›ãšã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ä»•æ§˜æ›¸ã‚’ç¢ºèªã—ãŸã„ã€‚ä»Šå›žã¯PCã®æ¨ªã«è²¼ã£ãŸã‚Šå°åˆ·ã—ãŸã‚Šã€ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§è¦‹ã‚Œã‚‹ã‚ˆã†ã«ã€1ãƒšãƒ¼ã‚¸ã§å®Œçµã—ã¦ã„ã‚‹è³‡æ–™ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚Webåˆ¶ä½œã‚’ã™ã‚‹ä¸Šã§ä¾¿åˆ©ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„è³‡æ–™ãƒ»ä»•æ§˜æ›¸ã¾ã¨ã‚ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ WordPressç‰ˆ å—è¨—ç”¨ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ï¼‘ï¼Žãƒ’ã‚¢ãƒªãƒ³ã‚°ã‚·ãƒ¼ãƒˆ ï¼’ï¼ŽWPç‰ˆãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã®æµã‚Œ ï¼“ï¼ŽWordPressç®¡ç†ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ï¼”ï¼ŽWPç‰ˆå“è³ªãƒã‚§ãƒƒã‚¯ã‚·ãƒ¼ãƒˆ ï¼•ï¼ŽWordpress ã‚¿ã‚° ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ ï¼–ï¼Žgulp ï¼—ï¼ŽBower JavaScript ä»£æ›¿è¨€èªžï¼JST ï¼˜ï¼ŽTypeScript ï¼™ï¼ŽCoffeeScript ï¼‘ï¼ï¼ŽJade ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ ï¼‘ï¼‘ï¼ŽChrome é–‹ç™ºãƒ„ãƒ¼ãƒ« ï¼‘ï¼’ï¼Žhtml5
ihok 2015/08/11
ec

PDF

js

coffeescript

atom

gulp

typescript

css

SVG

javascript
ãƒªãƒ³ã‚¯
èƒŒæ™¯ã‹ã‚‰ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã¾ã§ï¼ï¼Ÿã‚¢ãƒ—ãƒªé–‹ç™ºã§ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ç´ æã‚µã‚¤ãƒˆ15é¸
æ›´æ–°æ—¥: 2017å¹´09æœˆ26æ—¥å…¬é–‹æ—¥: 2015å¹´06æœˆ09æ—¥èƒŒæ™¯ã‹ã‚‰ãƒ¢ãƒ³ã‚¹ã‚¿ãƒ¼ã¾ã§ï¼ï¼Ÿã‚¢ãƒ—ãƒªé–‹ç™ºã§ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ç´ æã‚µã‚¤ãƒˆ15é¸ ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’é€²ã‚ã‚ˆã†ã¨æ€ã†ã¨ã€ã‚¢ãƒ—ãƒªã«è¡¨ç¤ºã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚„ç™»å ´ã™ã‚‹ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã®æ´»ç”¨ãŒæ¬ ã‹ã›ã¾ã›ã‚“ã€‚è‡ªèº«ã§ä¸€ã‹ã‚‰åˆ¶ä½œã™ã‚‹ã“ã¨ã‚‚ä¸€ã¤ã®å‹‰å¼·ã«ã¯ãªã‚Šã¾ã™ãŒã€ã‚¢ãƒ—ãƒªé–‹ç™ºã¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ä¸¡æ–¹ã‚’åŒæ™‚ã«é€²ã‚ã‚ˆã†ã¨æ€ã†ã¨ä½“åŠ›ã¨æ™‚é–“ãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ ãã‚“ãªæ™‚å½¹ç«‹ã¤æ–¹æ³•ã®ã²ã¨ã¤ã«ã€Œãƒ•ãƒªãƒ¼ç´ æã€ã®æ´»ç”¨ãŒã‚ã‚Šã¾ã™ã€‚ç”»åƒã‹ã‚‰éŸ³éŸ¿ã¾ã§å¹…åºƒã„ææ–™ãŒã€æ•°å¤šãã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã«ã‚ˆã£ã¦ç„¡å„Ÿå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚“ãªåˆ©ç”¨ä¾¡å€¤ã‚ã‚‹ç´ æã‚’ä½¿ã‚ãªã„æ‰‹ã¯ãªã„ã§ã™ã‚ˆãã€‚ ã‚¢ãƒ—ãƒªé–‹ç™ºã«è¶…çµ¶å½¹ç«‹ã¤ãƒ•ãƒªãƒ¼ç´ æã‚µã‚¤ãƒˆ15é¸ã‚¢ã‚¤ã‚³ãƒ³ç³»â‘ - Icons 8 Icons 8 10,000ä»¥ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³ã«ã€å¥½ããªã‚«ãƒ©ãƒ¼ã‚’ã¤ã‘ã¦åˆ©ç”¨ã§ãã‚‹ Icons 8ã€‚ã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã„ã¦æœ‰åŠ›ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ„
ihok 2015/06/10
google

SVG

icon

material

development

web

ãƒ•ãƒªãƒ¼ç´ æ

ç´ æ

AI
ãƒªãƒ³ã‚¯
HTML5 ã¨ SVG ã§è€ƒãˆã‚‹ã€ã“ã‚Œã‹ã‚‰ã®ç”»åƒã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
7. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:// www.w3.org/1999/xlink" viewBox="0 0 100 100"> <path d="M0,42.197C0,18.892,18.892,0,42.197 ... "/> <rect x="0" y="20" width="10" height="10"/> <polygon points="81.098,61.017 88.796,76.614 ... "/> <text>Lorem ipsum dolor</text> </svg>
ihok 2015/03/07
SVG

Webåˆ¶ä½œ

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

html

HTML5

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

markup
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…ã‹ã‚‰è¦‹ã‚‹ç¬¬å››åä¸ƒå›žè¡†è°é™¢é¸æŒ™ã€€é–‹ç¥¨é€Ÿå ±ãƒšãƒ¼ã‚¸ã¾ã¨ã‚ - æš®ã‚‰ã—ã®æŠ€è¡“
700å„„å††ã»ã©ã®ãŠé‡‘ãŒã‹ã‹ã£ã¦ã„ã‚‹ã¨ã„ã‚ã‚Œï¼Œwhy-kaisan.comãªã‚“ã¦ã‚µã‚¤ãƒˆã‚‚ä½œã‚‰ã‚Œå··ã‚’è³‘ã‚ã›ãŸç¬¬å››åä¸ƒå›žè¡†è°é™¢é¸æŒ™ã®æŠ•ç¥¨æ—¥ãŒä»Šæ—¥ã§ã—ãŸï¼ŽæŠ•ç¥¨æ—¥ã¨è¨€ã†ã“ã¨ã¯ãã®å¾Œã«æ¥ã‚‹ã®ã¯é–‹ç¥¨ã§ï¼Œé–‹ç¥¨ã¨è¨€ã†ã“ã¨ã¯é–‹ç¥¨é€Ÿå ±ãŒã¯ã˜ã¾ã‚‹ã‚ã‘ã§ã™ï¼Ž å ±é“å„ç¤¾ã‚’è¦‹ã¦ã¿ã¾ã™ã¨ï¼Œå„ã€…å·¥å¤«ã‚’å‡ã‚‰ã—ãŸé–‹ç¥¨é€Ÿå ±ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¦ãŠã‚Šã¾ã—ã¦ï¼Œã“ã‚ŒãŒãªã‹ãªã‹ãŠã‚‚ã—ã‚ã„ã¨ã„ã†ã“ã¨ã§ï¼Œãã®æ¯”è¼ƒã§ã”ã–ã„ã¾ã™ï¼Ž ã¾ã¨ã‚ é•·ã„ã®ã§å…ˆã«ã¾ã¨ã‚ã§ã™ï¼Ž ã¾ãšãƒ†ãƒ¬ãƒ“ã¨æ–°èžã§åœ§å€’çš„ã«æ…‹åº¦ãŒé•ã„ã¾ã™ï¼Žãƒ†ãƒ¬ãƒ“ã¯ã‚ãã¾ã§ç•ªçµ„ã®è£œåŠ©ã ã£ãŸã‚Šå®£ä¼ãŒç›®çš„ï¼Žã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ã¯ã‚ã¾ã‚Šæƒ…å ±ã‚’å‡ºã—ãŸããªã„æ§˜åã§ã™ï¼Žä¸€æ–¹æ–°èžå„ç¤¾ã¯ã€€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ä¸Šæ®µï¼Œãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ã®ã©çœŸã‚“ä¸ã‚’æ€ã„ã£ãã‚Šä½¿ã„ï¼Œæ–‡å—é€šã‚Šå…¨é¢å±•é–‹ã¨ã„ã£ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ãŒå¤šã„ï¼Ž ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…ã‹ã‚‰è¦‹ã‚‹ã¨ï¼ŒåŸºæœ¬çš„ã«ã‚°ãƒ©ãƒ•ãŒå¿…è¦ãªå ´é¢ã§ã¯CSSï¼Œæ—¥æœ¬åœ°å›³ãŒå¿…è¦ãªå ´é¢ã§ã¯ã€Œç”»åƒ+mapã§éƒ¨åˆ†ãƒªãƒ³ã‚¯ã€ã‹ã€Œè¦ç´ ã®çµ¶
ihok 2014/12/15
ãƒ†ãƒ¬ãƒ“

ã‚°ãƒ©ãƒ•

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

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

design

webdesign

Canvas

SVG

é¸æŒ™

map
ãƒªãƒ³ã‚¯
1