社内 Web システムã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“刷新: React Router v7 vs. TanStack Router
物ç†ã‚µãƒ¼ãƒã‚’é¸å®šã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆ – Eureka Engineering – Medium
社内 Web システムã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“刷新: React Router v7 vs. TanStack Router
Mediumã«å¦ã¶ï¼SVGシンボルã¨CSSã§ãƒã‚´ã‚„グラフィックを効率よã使ã„回ã™ãƒŽã‚¦ãƒã‚¦
SVGã®ä¸€éƒ¨ã‚’CSSã§æ“作ã—ã¦ã‚‚ã£ã¨åŠ¹çŽ‡ã‚ˆã使ã„回ã—ã—ãŸã„…ãã‚“ãªã¨ãã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸç™ºæƒ³ã®è»¢æ›ãŒå¿…è¦ã§ã™ã€‚ヒントã¯Mediumã®ãƒã‚´ã«ã‚ã‚Šã¾ã—ãŸã€‚ 2016å¹´ã€SVGã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã€ã‚¹ã‚±ãƒ¼ãƒ©ãƒ“リティã€CSSã®ãŠã‹ã’ã§ã€Webページã§åºƒã使ã‚れるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ å ´åˆã«ã‚ˆã£ã¦ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ã»ã†ãŒå¥½ã¾ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒï¼ˆã€ŒBuild Your Own SVG Iconsã€å‚照）ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ã—ã¦ä½¿ã‚れるã“ã¨ã‚‚ã‚ã‚Šã¾ã™ï¼ˆã€ŒThe Great Icon Debate: Fonts Vs SVGã€å‚照）。 ãã‚Œã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。SVGã¯ãƒã‚´ã‚„グラフィックè¦ç´ ã«ã‚‚使ãˆã¾ã™ï¼ˆå°‘ãªãã¨ã‚‚ã€éŽåº¦ã«è¤‡é›‘ãªã‚‚ã®ã§ãªã‘ã‚Œã°ï¼‰ã€‚ã¾ãŸã€ã‚‚ã¨ã‚‚ã¨æŸ”軟性ã«å¯Œã‚“ã§ã„ã‚‹ã®ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebサイトを作るã«ã¯å®Œç’§ãªå‘³æ–¹ã«ãªã£ã¦ãã‚Œã¾ã™ï¼ˆSara Soueidan「Making SVGs Respon
Case Study: Our SVG Icon Process
When I wrote about why you shouldn’t use icon fonts in your next web project, I had no idea it would spark so much heated debate and intense discussion. One recurring question stood out to me: How might one actually implement an SVG icon system? It’s a surprisingly difficult question to answer. Should you use <img>, <svg>, <object> or pure CSS? Will you combine your icons into a single sprite or k
ã€ç¬¬22回 HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆã€‘ Processing.jsã€SVGã€WebGL。HTML5周辺ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“
HTML5ã«ã‚ˆã‚‹æœ€æ–°Webアプリ 2011å¹´10月26æ—¥ã€å“å·ã‚°ãƒ©ãƒ³ãƒ‰ã‚»ãƒ³ãƒˆãƒ©ãƒ«ã‚¿ãƒ¯ãƒ¼ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆå“å·æœ¬ç¤¾ã«ã¦ã€ã€Œç¬¬22回 HTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚HTML5ã¨ã‹å‹‰å¼·ä¼šã¯ã€HTML5ã«é–¢å¿ƒã®ã‚るエンジニアやコーダーã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®å‹‰å¼·ä¼šã 。今回ã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£APIã€ã€‚当日ã®æ§˜åã‚’ãŠä¼ãˆã—よã†ã€‚ Processing.jsã£ã¦ãªã‚“ã ？ ã¾ãšã€ã‚¼ãƒãƒ™ãƒ¼ã‚¹ã®ç”°ä¸æ°ï¼ˆ@dotimpact）ã‹ã‚‰ãƒ—レゼンãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã€‚ç”°ä¸æ°ã¯ç¾Žè¡“大å¦ã§éžå¸¸å‹¤è¬›å¸«ã‚’ã—ãŸã‚Šã€Processingã®å…¥é–€æ›¸åŸ·ç†ãªã©ã‚‚手掛ã‘ã¦ã„る。 Processingã¨ã¯ ç”°ä¸æ°ã®ãƒ—レゼンã¯ã€Processingã®ç´¹ä»‹ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ ç”°ä¸æ°ã®ï¼ ITã§ã®Processingã®è¨˜äº‹ã€ŒProcessingã®å¯¾è©±å¼ã‚¹ã‚±ãƒƒãƒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§éŠã¼ã†ã€ã‚‚å‚ç…§ã„ãŸã ããŸã„。 Processingã¯2001å¹´ã€MITメディア
今年注目ã—ãŸï¼“ã¤ã®wonderfl haraç·¨ | _level0 - KAYAC Front Engineer Blog
今年１年ã€wonderflを見ãªã„æ—¥ã¯ãªã‹ã£ãŸã¨è¨€ã£ã¦ã‚‚ã„ã„ã»ã©wonderflを見ã¦ã„ãŸã—〠実際毎日見ã«è¡Œã£ã¦ä½™ã‚Šã‚ã‚‹ãらã„ã«è‰²ã€…é¢ç™½ã„作å“ãŒæŠ•ç¨¿ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€ã“ã“１年ã§wonderflを見ã¦ã„ã¦ã€å€‹äººçš„ã«ã€Œã“ã‚Œã¯ã™ã”ã„ã€ã¨æ„Ÿå˜†ã—ãŸä½œå“〠ベスト３をã”紹介ã—ã¾ã™ã€‚ 1.Sewing creator:Saqoosha http://wonderfl.net/code/a8ca5c13cc58d57b94c5af543438d376d2ce4e54 投ã’出ã•ã‚ŒãŸã²ã‚‚ãŒã€æ–‡å—ã®å½¢ã«å®šç€ã—ã¾ã™ã€‚ ã±ã£ã¨è¦‹ã€ã©ã†ã‚„ã£ã¦ã„ã‚‹ã®ã‹ã•ã£ã±ã‚Šã‚ã‹ã‚Šã¾ã›ã‚“。 ソースを見ã¦ã¿ã‚‹ã¨ã€1000行を超ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®å¤§åŠã¯SVGを扱ã†ãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ãªã®ã§æ³¨æ„ã—ã¦è¦‹ã‚‹ã¹ãã¯90行目ã‚ãŸã‚Šã¾ã§ã€‚ PathToArrayã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリã®åå‰ã‚’変ãˆã¦ä½¿ã£ã¦ã‚‹ã¿ãŸã„ã§ã™ã。 ã“ã“
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://www.androidify.com/ja/
ãŸã ç·šãŒã²ã‘ã‚‹ã ã‘ã®SVG
Contact Support
{{#tags}}- {{label}}
{{/tags}}