[B! development][font] uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uchiuchiyama id:uchiuchiyama

developmentã¨fontã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

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

æ—¥æœ¬äººé–‹ç™ºè€…å‘ã‘ã®æœ€é©è§£ï¼Ÿã€€GitHubãƒ•ã‚©ãƒ³ãƒˆï¼‹IBMæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆï¼ã€ŒMoralerspaceã€ã€4æœˆ1æ—¥è¿½è¨˜ã€‘ï¼ã€ŒMonaspaceã€ã¨ã€ŒIBM Plex Sans JPã€ã‚’ã‹ã‘åˆã‚ã›ã€5ã‚¹ã‚¿ã‚¤ãƒ«Ã—6ã¤ã®å…¨åŠè§’èª¿æ•´ã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€‘
uchiuchiyama 2024/03/09
font

development
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã™ã‚‹æ™‚ã«ã€ã©ã†ã—ã¦ã‚‚ç¶ºéº—ã«è¦ç´ ãŒåŽã¾ã‚‰ãªã„æ™‚ã®ã»ã¼å®Œç’§ãªå¯¾å‡¦æ³•
clamp(ä¸‹é™, ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ä¸Šã®ã‚µã‚¤ã‚º / ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰ã®æ¨ªå¹… * 100vw, ä¸Šé™); ä¾‹ï¼‰ æ¨ªå¹…375pxã®ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰ä¸Šã§30pxã®æ–‡å— font-size: clamp(24px, 30 / 375 * 100vw, 30px) ä¾‹ï¼‰ æ¨ªå¹…1440pxã®ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰ä¸Šã§650pxã®ç”»åƒ width: clamp(0px, 650 / 1440 * 100vw, 650px) clampã¨ã„ã†è¦‹æ…£ã‚Œãªã„é–¢æ•°ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚å¾Œã»ã©è©³ã—ãèª¬æ˜Žã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ ã“ã®ãƒ‡ãƒ¢ã§ã¯æ–‡å—ã¨ç”»åƒéƒ¨åˆ†ã«ä¸Šè¨˜ã®ã‚µã‚¤ã‚ºèª¿æ•´ã‚’æ–½ã—ã¦ã„ã¾ã™ã€‚ è§£èª¬ ä¸Šè¨˜ã®è¨ˆç®—å¼ã§ã‚„ã‚ã†ã¨ã—ã¦ã„ã‚‹ã®ã¯ã€ã©ã®ç”»é¢å¹…ã«ãªã£ã¦ã‚‚æ¯”çŽ‡ã‚’ç¶æŒã™ã‚‹ã“ã¨ã§ã™ã€‚æ¯”çŽ‡ãŒç¶æŒã§ãã¦ã„ã‚‹ã®ãªã‚‰ç”»é¢å¹…ãŒå¤§ãã‹ã‚ã†ãŒå°ã•ã‹ã‚ã†ãŒçµ¶å¯¾ã«å´©ã‚Œã¾ã›ã‚“ã€‚ ãã“ã§æ¯”çŽ‡ãŒç¶æŒã•ã‚Œã‚‹è¨ˆç®—å¼ã‚’è€ƒãˆã¾ã™ã€‚ç”»é¢å¹…ã«å¯¾ã—ã¦ã©ã®ãã‚‰ã„ã‹ã€ãŒè¨ˆç®—ã§ãã‚Œã°è‰¯ã„ã§ã™ãã€‚ ã‚ˆã£
uchiuchiyama 2022/08/18
css

font

development
ãƒªãƒ³ã‚¯
Webãƒ•ã‚©ãƒ³ãƒˆèªã¿è¾¼ã¿æˆ¦ç•¥ï¼ˆ2021å¹´ï¼‰ - MOL
Preload web fonts å‰å›žã€ã¨ã„ã£ã¦ã‚‚2å¹´å‰ã ãŒã€display=swapã¨ã¯ãªã«ã‹ã§ã€Google Fontsã‚’èªã¿è¾¼ã‚€ã¨ãã¯URLãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã« display=swap ã‚’ã¤ã‘ã‚‹ã¨ã„ã„ã‚ˆã¨è¨€ã£ãŸã€‚ã¨ã„ã†ã‚ã‘ã§ã€ãã‚Œä»¥é™ã€ã€Žç›®æ¨™ã‚’ã‚»ãƒ³ã‚¿ãƒ¼ã«å…¥ã‚Œã¦ã€display=swapâ€¦ã€ã¨ç›²ç›®çš„ã«è€ƒãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãŸã€‚ ãŠã•ã‚‰ã„ã¨ã—ã¦ display=swap ã§ã¯ã€ã¾ãšä»£æ›¿ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã—ã€Webãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚‰ã€éšæ™‚ã‚¹ãƒ¯ãƒƒãƒ—ã™ã‚‹ã¨ã„ã†æŒ™å‹•ã«ãªã‚‹ã€‚ã“ã®å ´åˆã€ä»£æ›¿ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰Webãƒ•ã‚©ãƒ³ãƒˆã¸åˆ‡ã‚Šæ›¿ã‚ã‚‹ FOUT (flash of unstyled text) ãŒèµ·ã“ã£ã¦ã—ã¾ã†ã€‚ã“ã‚“ãªæ„Ÿã˜â†“ å‡ºå…¸ï¼šfont-face descriptor playground ã¾ãä½•ã‚‚è¡¨ç¤ºã•ã‚Œãªã„ã‚ˆã‚Šã‹ã¯è‰¯ã„ã‹ã¨æ€ã†ã‚ã‘ã ãŒã€æ™‚ã¯æµã‚Œã€æœ€è¿‘ã§ã¯Webã®æŒ‡æ¨™ã¨ã—ã¦ã€Web Vitalsã¨ã„ã†
uchiuchiyama 2021/04/23
performance

development

font

japanese

css
ãƒªãƒ³ã‚¯
Web fonts in 2018
uchiuchiyama 2019/02/26
font

performance

development
ãƒªãƒ³ã‚¯
Puppeteer on Lambdaã§Webãƒšãƒ¼ã‚¸ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’æ’®ã‚‹ | PRESSMAN*Tech
AWS Lambdaã§é‚ã«Node v8.10ã‚’ä½¿ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã§PuppeteerãŒä½¿ãˆã‚‹ï¼ã¨æ„æ°—æšã€…ã¨ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã„ã¤ã®é–“ã«ã‹å¿…é ˆè¦ä»¶ãŒv6.4.0ä»¥ä¸Šã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚ä»¥å‰ã¯v7.10ä»¥ä¸Šå¿…é ˆã¨æ›¸ã‹ã‚Œã¦ã„ãŸã¯ãšã§ã™ãŒãƒ»ãƒ»ãƒ» ã„ããªã‚Šå‡ºé¼»ã‚’æŒ«ã‹ã‚Œã¾ã—ãŸãŒã€æ°—ã‚’å–ã‚Šç›´ã—ã¦ã„ãã¾ã™ã€‚ ã¯ã˜ã‚ã«ï¼šPuppeteerã¨ã¯Googleè¬¹è£½ã®Google Chromeã‚’è‡ªå‹•æ“ä½œã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚Nodeã§å‹•ä½œã—ã¾ã™ã€‚ ã€Œã“ã®ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ã“ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ»ãƒ»ãƒ»ã€ã¨ã„ã£ãŸæ“ä½œã‚’è‡ªå‹•ã§è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚é›‘ã«è¨€ã†ã¨Excelã®ãƒžã‚¯ãƒã¿ãŸã„ãªã‚‚ã®ã§ã™ã€‚ Chrome59ã§å®Ÿè£…ã•ã‚ŒãŸãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ¢ãƒ¼ãƒ‰ã«åˆã‚ã›ã‚‹å½¢ã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒç«‹ã¡ä¸ŠãŒã‚Šã€ä¸»ã«Webã‚¢ãƒ—ãƒªã®è‡ªå‹•åŒ–ãƒ†ã‚¹ãƒˆã®åˆ†é‡Žã§æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¼¼ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«PhantomJSã‚„ChromelessãŒã‚ã‚Šã¾ã™ã€‚
uchiuchiyama 2019/02/26
puppeteer

font

chrome

development

japanese

tutorial
ãƒªãƒ³ã‚¯
Noto Sans ã® Web Font å¯¾å¿œã¨ã‚µãƒ–ã‚»ãƒƒãƒˆã«ã‚ˆã‚‹æœ€é©åŒ– | blog.jxck.io
Intro ã“ã®ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆã« Web Font ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ Google ã¨ Adobe ãŒå”åŒã§é–‹ç™ºã—ãŸ Noto Sans CJK JP ã‚’æŽ¡ç”¨ã—ãŸã€‚ ã¾ãŸã€ã“ã®ã‚µã‚¤ãƒˆã§ã¯ä½¿ç”¨ã—ãªã„ã ã‚ã†æ–‡å—ã‚’å‰Šé™¤ã—ãŸã‚µãƒ–ã‚»ãƒƒãƒˆã‚’ä½œã‚‹ã“ã¨ã§ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’æœ€é©åŒ–ã—ãŸã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æœ€é©åŒ– Noto font ã¯ã€ãã‚‚ãã‚‚è±†è…(ãƒ•ã‚©ãƒ³ãƒˆãŒãªã‹ã£ãŸå ´åˆã«ä»£æ›¿è¡¨ç¤ºã•ã‚Œã‚‹å››è§’)ãŒå‡ºãªã„ã‚ˆã†ã«(No-è±†è…)ã™ã‚‹ã“ã¨ã‚’ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¶²ç¾…çŽ‡ã¯éžå¸¸ã«é«˜ã„ã€‚ ãã®ãŸã‚ Web Font ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹å ´åˆã¯ã€å…¨ä½“ã ã¨ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã‚‹ãŸã‚ã€è¨€èªžæ¯Žã«æä¾›ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚»ãƒƒãƒˆã®ä¸ã‹ã‚‰ã€å¿…è¦ãªãƒ•ã‚©ãƒ³ãƒˆã®ã¿ã‚’é©ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€ ASCII ã€è¨˜å·ã€æ—¥æœ¬èªžã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ç”¨ã„ã‚‹ã€‚ ã—ã‹ã—ã€ç‰¹ã«ç¶²ç¾…ã•ã‚ŒãŸæ¼¢å—ã®ä¸ã«ã¯ã€æ—¥å¸¸ã§ã¯ä½¿ã‚ãªã„æ–‡å—ãŒå¤šã€…ã‚ã‚‹ã€‚ åŠ ãˆã¦
uchiuchiyama 2019/02/26
font

performance

development

google
ãƒªãƒ³ã‚¯
The Android/Material Design Font Size Guidelines
The Android/Material Design Font Size Guidelines Erik D. Kennedy Â· Updated May 29, 2024 Youâ€™re reading Font Sizes in UI Design: The Complete Guide. Quickly navigate to other chapters: Intro Â·Â iOS Â·Â Android Â· Web Â·Â Principles So youâ€™re designing an app in the Material Design style and want to know (roughly) what font size to use? Great. Youâ€™ve come to the right place. All font sizes listed below re
uchiuchiyama 2019/02/08
development

design

font

mobile

ios

android

ui
ãƒªãƒ³ã‚¯
Font Sizes in UI Design: The Complete Guide
Font Sizes in UI Design: The Complete Guide Erik D. Kennedy Â· Updated May 29, 2024 One of the most common questions I receive from beginning UI designers is: what font size should I use for my project? Maybe itâ€™s a website, maybe an Android app, maybe iPhone/iPad. Ever wish someone had compiled all the rules in one place? If you have, dear reader, bookmark the crap out of this page. These are up-t
uchiuchiyama 2019/02/08
development

design

font

mobile

ios

android

ui

guideline
ãƒªãƒ³ã‚¯
Noto Sans CJK JP ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚µã‚¤ãƒˆã«é©ç”¨ã™ã‚‹æ‰‹é † - Qiita
ã€ã€‚ï¼Œï¼Žãƒ»ï¼šï¼›ï¼Ÿï¼ã‚›ã‚œÂ´ï½€Â¨ï¼¾ï¿£ï¼¿ãƒ½ãƒ¾ã‚ã‚žã€ƒä»ã€…ã€†ã€‡ãƒ¼â€•â€ï¼ï¼¼ã€œâˆ¥ï½œâ€¦â€¥â€˜â€™â€œâ€ï¼ˆï¼‰ã€”ã€•ï¼»ï¼½ï½›ï½ã€ˆã€‰ã€Šã€‹ã€Œã€ã€Žã€ã€ã€‘ï¼‹ï¼Â±Ã—Ã·ï¼â‰ ï¼œï¼žâ‰¦â‰§âˆžâˆ´â™‚â™€Â°â€²â€³â„ƒï¿¥ï¼„ï¿ ï¿¡ï¼…ï¼ƒï¼†ï¼Šï¼ Â§â˜†â˜…â—‹â—â—Žâ—‡â—†â–¡â– â–³â–²â–½â–¼â€»ã€’â†’â†â†‘â†“ã€“âˆˆâˆ‹âŠ†âŠ‡âŠ‚âŠƒâˆªâˆ©âˆ§âˆ¨ï¿¢â‡’â‡”âˆ€âˆƒâˆ âŠ¥âŒ’âˆ‚âˆ‡â‰¡â‰’â‰ªâ‰«âˆšâˆ½âˆâˆµâˆ«âˆ¬â„«â€°â™¯â™â™ªâ€ â€¡Â¶â—¯0123456789ï¼¡ï¼¢ï¼£ï¼¤ï¼¥ï¼¦ï¼§ï¼¨ï¼©ï¼ªï¼«ï¼¬ï¼ï¼®ï¼¯ï¼°ï¼±ï¼²ï¼³ï¼´ï¼µï¼¶ï¼·ï¼¸ï¼¹ï¼ºï½ï½‚ï½ƒï½„ï½…ï½†ï½‡ï½ˆï½‰ï½Šï½‹ï½Œï½ï½Žï½ï½ï½‘ï½’ï½“ï½”ï½•ï½–ï½—ï½˜ï½™ï½šãã‚ãƒã„ã…ã†ã‡ãˆã‰ãŠã‹ãŒããŽããã‘ã’ã“ã”ã•ã–ã—ã˜ã™ãšã›ãœããžãŸã ã¡ã¢ã£ã¤ã¥ã¦ã§ã¨ã©ãªã«ã¬ãã®ã¯ã°ã±ã²ã³ã´ãµã¶ã·ã¸ã¹ãºã»ã¼ã½ã¾ã¿ã‚€ã‚ã‚‚ã‚ƒã‚„ã‚…ã‚†ã‚‡ã‚ˆã‚‰ã‚Šã‚‹ã‚Œã‚ã‚Žã‚ã‚ã‚‘ã‚’ã‚“ã‚¡ã‚¢ã‚£ã‚¤ã‚¥ã‚¦ã‚§ã‚¨ã‚©ã‚ªã‚«ã‚¬ã‚ã‚®ã‚¯ã‚°ã‚±ã‚²ã‚³ã‚´ã‚µã‚¶ã‚·ã‚¸ã‚¹ã‚ºã‚»ã‚¼ã‚½ã‚¾ã‚¿ãƒ€ãƒãƒ‚ãƒƒãƒ„ãƒ…ãƒ†ãƒ‡ãƒˆãƒ‰ãƒŠãƒ‹ãƒŒãƒãƒŽãƒãƒãƒ‘ãƒ’ãƒ“ãƒ”ãƒ•ãƒ–ãƒ—ãƒ˜ãƒ™ãƒšãƒ›ãƒœãƒãƒžãƒŸãƒ ãƒ¡ãƒ¢ãƒ£ãƒ¤ãƒ¥ãƒ¦ãƒ§ãƒ¨ãƒ©ãƒªãƒ«ãƒ¬ãƒãƒ®ãƒ¯ãƒ°ãƒ±ãƒ²ãƒ³ãƒ´ãƒµãƒ¶Î‘Î’Î“Î”Î•Î–Î—Î˜Î™ÎšÎ›ÎœÎÎžÎŸÎ Î¡Î£Î¤Î¥Î¦Î§Î¨
uchiuchiyama 2016/03/18
font

development

css

design
ãƒªãƒ³ã‚¯
æ—¥æœ¬èªžè¡¨ç¤ºã‚‚è€ƒæ…®ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‘ã‘ã®ãƒ•ã‚©ãƒ³ãƒˆã€ŒSource Han Code JPã€ãŒå…¬é–‹
uchiuchiyama 2015/06/13
introduction

development

adobe

font
ãƒªãƒ³ã‚¯
è¦–èªæ€§ã®é«˜ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ•ã‚©ãƒ³ãƒˆã€ŒMyricaã€ã‚’Windowsï¼‹Sublime Textã§ä½¿ã†æ–¹æ³•
Myricaã¨ã¯ Myrica ï¼ˆãƒŸãƒªã‚«ï¼‰ã¯ã€ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç”¨ TrueType ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ è¦–èªæ€§ã€åˆ¤åˆ¥æ€§ ãŒé«˜ããªã‚‹ã‚ˆã†ã«ã€è¤‡æ•°ã®ãƒ•ã‚©ãƒ³ãƒˆã‹ã‚‰åˆæˆã•ã‚Œä½œæˆã•ã‚Œã¾ã—ãŸã€‚ Myricaã®ç‰¹å¾´Myricaã¯ã€å¤šãã®ç‰¹å¾´ã‚’Rictyã‹ã‚‰ç¶™æ‰¿ã—ã¦ã„ã¾ã™ã€‚ ä¸»ãªç‰¹å¾´ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ASCIIæ–‡å—ã¯ã€ŒInconsolataã€ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ãã‚Œä»¥å¤–ã®æ–‡å—ã«ã¯ã€ŒæºçœŸã‚´ã‚·ãƒƒã‚¯ã€ã¾ãŸã¯ã€ŒMgen+ã€ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚åŠè§’æ–‡å—ã¨å…¨è§’æ–‡å—ã®æ¨ªå¹…ã®æ¯”ãŒ 1:2 ã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚è¦–èªæ€§ã®é«˜ã„æ—¥æœ¬èªžæ–‡å— (åŠæ¿éŸ³ãªã©) ãŒä½¿ç”¨ã§ãã¾ã™ã€‚Rictyã«ãªã„ç‰¹å¾´Rictyã«ãªã„ç‰¹å¾´ã¨ã—ã¦ã€ASCII/ã²ã‚‰ãŒãª/ã‚«ã‚¿ã‚«ãƒŠã«ãƒ’ãƒ³ãƒ†ã‚£ãƒ³ã‚°æƒ…å ±ãŒä»˜åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€ä½Žè§£åƒåº¦ã‚„ã€å°ã•ãªæ–‡å—ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã›ã¦ã‚‚ã€å¯èªæ€§ãŒé«˜ããªã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç‰¹å¾´ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ç‰¹å¾´ã«é–¢ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸
uchiuchiyama 2015/04/30
windows

font

sublimetext

development

tutorial
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ãŒæ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã‚’æä¾›ã—ã¦ãŸã€‚ã“ã‚Œã¯Webãƒ•ã‚©ãƒ³ãƒˆã®å¤§è»¢æ›ã«ãªã‚‹ã‹ã‚‚ï¼Ÿ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹… | Webæ‹…å½“è€…Forum
ä»Šæ—¥ã¯ã€Webãƒ•ã‚©ãƒ³ãƒˆã®è©±é¡Œã‚’ã€‚æ—¥æœ¬èªžWebãƒ•ã‚©ãƒ³ãƒˆã¯ã€ã€Œä½¿ã„ãŸã„ã€ã§ã‚‚é‡ããªã‚‹ã‹ã‚‰ã¡ã‚‡ã£ã¨ã€ã¨ã„ã†äººãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚ã€ã‚°ãƒ¼ã‚°ãƒ«ãŒã‚¯ãƒ©ã‚¦ãƒ‰ä¸Šã§Webãƒ•ã‚©ãƒ³ãƒˆã‚’æä¾›ã—å§‹ã‚ãŸã“ã¨ã§â€¦â€¦ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ãŒæ—¥æœ¬èªžã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’ã‚¯ãƒ©ã‚¦ãƒ‰ã§æä¾›é–‹å§‹ã‚°ãƒ¼ã‚°ãƒ«ãŒæ—¥æœ¬èªžã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’æä¾›ã—å§‹ã‚ã¦ã„ã¾ã—ãŸã€‚å®Ÿã¯ã€2014å¹´7æœˆã‹ã‚‰ã‚ã£ãŸã‚‰ã—ã„ã®ã§ã™ãŒã€ç§ã¯ã¤ã„æœ€è¿‘ã«ãªã£ã¦çŸ¥ã‚Šã¾ã—ãŸã€‚ ãã®åã‚‚ã€ã€ŒNoto Sans Japaneseã€ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚‚ã€ã€ŒNoto Sans Japaneseã€ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ Noto Sans Japaneseã¯ã€6934æ–‡å—ã«å‰Šæ¸›ã—ãŸã‚µãƒ–ã‚»ãƒƒãƒˆç‰ˆãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€ã‚¦ã‚§ã‚¤ãƒˆï¼ˆå¤ªã•ï¼‰ãŒ7ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€‚1ã‚¦ã‚§ã‚¤ãƒˆã‚ãŸã‚Šç´„4.5Mãƒã‚¤ãƒˆã»ã©ã®ã‚µã‚¤ã‚ºã§ã™ã€‚ ä½¿ã„æ–¹ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€CSSã§å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã€ <style> @import url(http:/
uchiuchiyama 2015/03/10
google

font

design

development

introduction

japanese
ãƒªãƒ³ã‚¯
æ•°å¤šãã®ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰å¿…è¦ãªã‚‚ã®ã ã‘ã‚’ã‚»ãƒƒãƒˆã«ã—ã¦ã€è»½é‡åŒ–ã•ã‚ŒãŸWebãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã‚’ä½œæˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ã¾ã¨ã‚
ã‚»ãƒƒãƒˆã«ãªã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒçµ±ä¸€ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã¯ãã‚Œã§ä¾¿åˆ©ã§ã™ãŒã€å…¨éƒ¨ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½¿ã†ã“ã¨ã¯ã»ã¨ã‚“ã©ãªã„ã¨æ€ã„ã¾ã™ã€‚ è‡ªåˆ†ãŒå¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ã ã‘ã‚’ã‚»ãƒƒãƒˆã«ã—ã€è»½é‡åŒ–ã•ã‚ŒãŸã‚»ãƒƒãƒˆã«ã—ã¦ã€Webãƒ•ã‚©ãƒ³ãƒˆã‚„SVGã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç”¨æ„ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰ã‚»ãƒƒãƒˆã‚’ä½œã£ã¦ã‚‚ã‚ˆã—ã€è‡ªåˆ†ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’åŠ ãˆã¦ã‚»ãƒƒãƒˆã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ flat icon ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼šfont(woff, eot, ttf, svg), png, svg, eps, psd 462ç¨®é¡žã®ãƒ‘ãƒƒã‚¯ã€55,000å€‹ã®ã‚¢ã‚¤ã‚³ãƒ³ã‹ã‚‰ä½¿ç”¨ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã ã‘ã‚’é¸æŠžã—ã€ã‚»ãƒƒãƒˆã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒã‚§ãƒƒã‚¯ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã¯ã‚¯ãƒƒã‚ãƒ¼ã§ä¿å˜ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒã‚°ã‚¤ãƒ³ã—ãªã„ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚
uchiuchiyama 2014/08/28
development

design

introduction

webservice

ui

font

icon
ãƒªãƒ³ã‚¯
ç”»åƒä¸è¦CSSã ã‘ã§ä½œã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã®Tips
Webã‚µã‚¤ãƒˆã®ãƒã‚´ã‚¿ã‚¤ãƒ—ã¨ã„ãˆã°PhotoShopã‚’åˆã‚ã¨ã—ãŸç”»åƒã‚½ãƒ•ãƒˆã‚’ç”¨ã„ã¦ä½œã‚‹ã®ãŒä¸€èˆ¬çš„ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ãªã‚‰CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã‚‚ä½œã‚ŒãŸã‚Šã—ã¾ã™ã€‚ä»Šå›žã¯ãã®ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ•ã‚©ãƒ³ãƒˆé–¢ä¿‚ã§ä½¿ã†CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã„ãã¤ã‹ã®ãŠã•ã‚‰ã„ãªã©ã‚’ã€‚ è¡Œé–“ãƒ»å—é–“ã§å°è±¡ã¯ãã£ã¨å¤‰ã‚ã‚‹ ã‚µã‚¤ãƒˆãƒˆãƒƒãƒ—ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’ç”»åƒã§ã¯ãªãh1ã‚¿ã‚°ãªã©ã§è¡¨ç¤ºã—ã¦æ–‡å—ã¨ã—ã¦æ‰±ã†ã®ã¯SEOçš„åŠ¹æžœãŒã‚ã‚‹ï¼â€¦ã¨ã¯é™ã‚Šã¾ã›ã‚“ãŒã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªäººåã‚„åº—åã€ãƒ•ãƒ¬ãƒ¼ã‚ºãªã©ã‚’ã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«ã¨ã—ãŸã¨ãã«ã¯ç«¶åˆå°‘ãªã„ã‚“ã§ã‚¿ã‚¤ãƒˆãƒ«+ä»–ã®ãƒ¯ãƒ¼ãƒ‰ãªã©ã§æ¤œç´¢ã•ã‚ŒãŸã¨ãã«å¤šå°‘ã®åŠ¹æžœã¯ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ Web fontã‚‚ã„ã¡ã„ã¡ãƒãƒ¼ãƒ‰ã™ã‚‹ã®ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ãŒã€æ—¥æœ¬èªžä½¿ã‚ãªã„è‹±æ•°å—ã ã‘ãªã‚‰æ¯”è¼ƒçš„ã‚¹ãƒˆãƒ¬ã‚¹ãªãä½¿ã„ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã«ä½¿ã†ãƒ•ã‚©ãƒ³ãƒˆã¯éŽåŽ»è¨˜äº‹ã«æ›¸ã„ãŸGoogle web
uchiuchiyama 2013/02/06
css

design

development

font
ãƒªãƒ³ã‚¯
ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¡¨ç¤ºã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ³ãƒˆã€ŒSource Code Proã€ã‚’ã‚¢ãƒ‰ãƒ“ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ç„¡æ–™å…¬é–‹ ï¼ Publickey
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãªã©ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ã®ã¨ãã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¡¨ç¤ºã™ã‚‹ç›®çš„ã§é–‹ç™ºã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€ŒSource Code Proã€ã‚’ç±³ã‚¢ãƒ‰ãƒ“ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦ç„¡æ–™å…¬é–‹ã—ã¾ã—ãŸã€‚24æ—¥ï¼ˆæ—¥æœ¬æ™‚é–“24æ—¥æ·±å¤œï¼‰ã«é–‹å‚¬ã•ã‚ŒãŸåŒç¤¾ã®ã‚¤ãƒ™ãƒ³ãƒˆCreate the Webã§ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚
uchiuchiyama 2012/09/25
font

development

editor

adobe

introduction
ãƒªãƒ³ã‚¯
GitHub - andreberg/Meslo-Font: Customized version of Apple's Menlo font. Great monospaced font for development work. Should also work with the Windows Console (see Wiki for Windows infos).
Meslo LG is a customized version of Appleâ€™s Menlo-Regular font (which is a customized Bitstream Vera Sans Mono). In Snow Leopard, Menlo-Regular is now the preferred and default font for Appleâ€™s developer tools and also the Terminal (unless you changed the font settings for these apps yourself before upgrading to SL â€“ your changes will stay in place). I really like Menlo but I do have my nitpicky g
uchiuchiyama 2011/10/12
font

windows

development

apple
ãƒªãƒ³ã‚¯
ç„¡æ–™ãƒ»å•†ç”¨åˆ©ç”¨OKãƒ»ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ãƒ»è‘—ä½œæ¨©è¡¨ç¤ºã‚‚ä¸è¦ã§ä½¿ãˆã‚‹å†™çœŸã‚„æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç´ æã‚µã‚¤ãƒˆé›† - ã‹ã¡ã³ã¨.net
å°‘ã—ãƒªã‚½ãƒ¼ã‚¹ãŒæºœã¾ã£ã¦ããŸã®ã§ãƒªãƒ³ã‚¯é›†ã« ã—ã¦é–‹æ”¾ã—ã¾ã™ã€‚ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ã§ã€å•†ç”¨ ã®åˆ©ç”¨å¯èƒ½ã€è‘—ä½œæ¨©è¡¨ç¤ºã‚‚ä¸è¦ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ å‘ã‘ç´ æã‚µã‚¤ãƒˆã€‚å•†ç”¨ã§ä½¿ã£ã¦ã‚‚ã„ã„ã‘ã© ãƒªãƒ³ã‚¯ã—ã¦ãã€ã¨ã„ã£ãŸã‚ˆã†ãªCCã®BYçš„ãª ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã ã¨ã©ã†ã—ã¦ã‚‚å€‹äººçš„ã«ä½¿ã„ã«ã ã„ã®ã§ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ä¸è¦ã¯å‰²ã‚Šã¨å¿…é ˆã§ã™ã€‚ ä»Šã¾ã§ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ã¾ã¨ã‚ãŸã ã‘ãªã®ã§ã»ã¼å…¨éƒ¨æ—¢å‡ºã ã¨æ€ã„ã¾ã™ã€‚è‡ªåˆ†ç”¨ãƒªãƒ³ã‚¯é›†ãªã®ã§ã„ã‚ã„ã‚é©å½“ã§ã™ã€‚ ç´°ã‹ã„ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚ã‚ã‚‹ã®ã§åˆ©ç”¨è¦ç´„ã«ã¯å¿…ãšç›®ã‚’é€šã—ã¦ãã ã•ã„ã€‚ 9search ã“ã®è¨˜äº‹ã®é¡Œåã®æ¡ä»¶ã®ç´ æã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã€‚å°ç‰©ç³»æŽ¢ã™ãªã‚‰æœ€åˆã«ã“ã“è¦‹ãŸã»ã†ãŒæ—©ã„ã§ã™ã€‚ 9search ã‚½ã‚¶ã‚£-Sozay- ã“ã¡ã‚‰ã‚‚ã“ã®è¨˜äº‹ã®é¡Œåã®æ¡ä»¶ã§åŽé›†ã—ã¦ã„ã¾ã™ãŒã€ç´ æå˜ä½ã§ã¯ãªãã€Webã‚µã‚¤ãƒˆå˜ä½ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚å›½å†…å¤šã‚ã§ã™ã‹ãã€‚ ã‚½ã‚¶ã‚£-Sozay- å›½å†…ã®Webåˆ¶ä½œã«å½¹ç«‹ã¡ãã†ãªç„¡æ–™ã®å†™çœŸç´ æã‚„
uchiuchiyama 2011/09/14
development

design

font

image

photo

introduction
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆä½œæˆã«å½¹ç«‹ã¤35ã®webã‚µãƒ¼ãƒ“ã‚¹ï½œWebpark
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«å€‹äººçš„ã«ä½¿ã£ã¦ã„ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚å¹…åºƒã35å€‹ç´¹ä»‹ã—ã¾ã™ã®ã§ã€æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚Œã°å¹¸ã„ã§ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆé–¢ä¿‚ wordmark.it ãƒ‘ã‚½ã‚³ãƒ³ã«å…¥ã£ã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’ä¸€è¦§ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚‚èª¿æ•´ã§ãã¾ã™ã€‚ æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ252ç¨®é¡žã‚’è¡¨ç¤ºç¢ºèªã§ãã¾ã™ï¼ãƒ•ã‚©ãƒ³ãƒˆã‚’æŽ¢ã™ãªã‚‰fonthack.jpã€‚ æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®è¡¨ç¤ºãŒç¢ºèªã§ãã¾ã™ã€‚ç¾åœ¨252ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ PXtoEM.com: PX to EM conversion made simple. ãƒ™ãƒ¼ã‚¹ã®ã‚µã‚¤ã‚ºï¼ˆpxï¼‰ã‚’æ±ºã‚ã‚‹ã¨ã€em, pt, %ã®å€¤ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚«ãƒ©ãƒ¼é–¢é€£ ã‚¦ã‚§ãƒ–é…è‰²ãƒ„ãƒ¼ãƒ« Ver2.0 é…è‰²ãƒ„ãƒ¼ãƒ«ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€æ—¥æœ¬èªžã§ã™ã—ã€ã‚ã¾ã‚Šè€ƒãˆãªãã¦ã‚‚æ„Ÿè¦šçš„ã«ä½¿ãˆã‚‹ã®ã§æ¥½ã—ã„ã§ã™ã€‚ Color Scheme Designer 3 ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚æµ·å¤–ã‚µã‚¤ãƒˆã§
uchiuchiyama 2011/08/12
webservice

development

design

css

javascript

font
ãƒªãƒ³ã‚¯
Inconsolata, the best font for programming | Weboo Returns
Recently, I changed the font used for programming toÂ InconsolataÂ .Â I have combined this with Takao Gothic as a Japanese font, but these two are very compatible and very easy to see.Â InÂ the articleÂ â€œTop 10 Programming Fontsâ€Â (Â Japanese translationÂ ), it is introduced as the first place. Both fonts are free to use, and Ubuntu comes with a standard package so you can easily install it. For OS other t
uchiuchiyama 2011/04/04
font

development

emacs
ãƒªãƒ³ã‚¯
Blog - Mikula Beutl - SEO Consulting
This guide is the safest way to do a domain switch, you get all you need to change a blocked domain. What is a user flow and a user journey? Thereâ€™s a macro view of a customer experience that we can analyze and partially control.
uchiuchiyama 2010/08/23
editor

font

emacs

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