Macaron is an open-source UI design tool to create and maintain Web Components.

Meta supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Many of the devices come with a bitmap of the device with and without shadows. Please do not repackage and redistribute these as your own. Please see disclaimer for full details.
ããããéã¿ãã¨ã ã¢ããªã®ç»é¢ä¸ã§ã¯ä¹ãå ¥ãç®æã§è·¯ç·è²ãå¤ããã誤ã£ã¦éè»ãããªã¹ã¯ããã è¡ãå ãç°ãªãè¤æ°ã®ä¹å®¢ã«å¯¾ãã¦ãé§ å¡ããã¯ãç´éé転ãã§ãããã¨ã¯ã¢ãã¦ã³ã¹ã§ãã¦ããä¹æä¸è¦ãã¨ããæ¡å ã¯ã§ããªã ã¢ããªã®ç»é¢ãè¦ã¦ããã®ã¯æ¬äººã®ã¿ããã¤ç®çå°ã¾ã§ç®è¦ã§ããã®ã§ãä¹æä¸è¦ãã¨ä¼ããæ¹ãæç ãã®ãããªçµç·¯ãããããã¦ãä¹æä¸è¦ãã¨ãã¦ãã¾ãã ææ³ã¯å¤§äºãã¦ã¼ã¶ã¼è¦ç¹ã¯ãã£ã¨å¤§äº æè¨ã¯ãµã¼ãã¹å ã§è¡¨ç¾ã®ãºã¬ãèµ·ããªããããç¨èªè¾å ¸ãä½æãã¦ãã¾ãããã«ã¼ã/çµè·¯ããé»è»/åè»/ééããªã©ããã ãæå³ãä¼ããã¥ããç®æã§ã¯ã表ç¾ã®ãºã¬ã許容ãã¦ãã¾ãã注æããªããã°ãªããªãã®ã¯ããã®ãããªãã¬ã¼ã ã¯ã¼ã¯ãææ³ãªã©ãåªå ãã¦ãã¦ã¼ã¶ã¼è¦ç¹ãè¦å¤±ããªãããã«ãããã¨ã§ãã ã¯ã¤ã¤ã¨ãã¸ã¥ã¢ã«ã並è¡ãã¦è¡ããã¨ã§UXå質ãé«ãã è·¯ç·æ å ±ãã¼ã ã®ãã¶ã¤ãã¼ã¯ãã¯ã¤ã¤ãã¬ã¼ã ã¨ã
売ä¸ã伸ã°ãããã 課éçã伸ã°ãããã ã§ããé£ããï¼ ã³ã³ãã¼ã¸ã§ã³ãããµãã¹ã¯ UI ãåå¼·ãããã£ãã®ã§ãããã¤ãã®ã¢ããªãã¹ã¯ã·ã§ãããã¾ã®æ´çã«ã¾ã¨ããã®ã§ã¢ããã Web ã® LPO ã¯ããªããã¦ãã¦ç³»è¨äºãããã¾ãããã¢ããªã®ãµãã¹ã¯ UI ã¯ãã¾ã ã¾ã å°ãªãæ°ããã¾ãã誰ãã®åèã«ãªãã°å¬ããã§ãã ã¾ã¨ãå ã®ã³ã¡ã³ãã¯å人çææ³ã§ããã¾ã ã¾ã åå¼·ä¸ãªã®ã§ããæ°è»½ã«ãæè¦ããã ããã¨ããããã§ãã â» ã¹ã¯ã·ã§ã¯å°ãåã«æ®å½±ãããã®ãªã®ã§ãä¸é¨å¤ããªã£ã¦ãããããã¾ããã UI ãã¿ã¼ã³ 1. ãããã å 2. ãã©ã³æ¯è¼å 3. 横ã¹ã¯ãã¼ã«å 4. ãªã¹ãå 5. ãã³ã° LP å è¦ç´è¡¨ç¤ºãã¿ã¼ã³ 1. åºå®è¡¨ç¤ºå 2. é ãã¹ã¯ãã¼ã«å 3. ããã¿ã¼å 4. é·ç§»å ãµã¼ãã¹ãã¿ã¼ã³ 1. æ¢ç´¢è²¡ 2. çµé¨è²¡ 3. ä¿¡é ¼æ UI ãã¿ã¼ã³1. ãããã åæä½é
ãã¶ã¤ã³äºåæã«ã¦ã¢ã¼ããã£ã¬ã¯ã¿ã¼ã¨ãã¦ä¼æ¥ãã©ã³ãã£ã³ã°ãä¸å¿ã«åºåãååä¼ç»ããããã¯ãéçºãWebããã¢ã¼ã·ã§ã³ãªã©ã«å¾äºãèªåãã¡ã®åãæ¹ããã¶ã¤ã³ã®ä¸é¨ã¨æããèªãã®ã»ããæªæ¥ãã¤ããããã«2015å¹´9æãã¯ã«ãã«åç»ãWebãã°ã©ãã£ãã¯ãªã©ãã¯ã«ãã«é¢ãããã¶ã¤ã³æ¥åãæ å½ã[æ´ç°ã®ã¤ã³ã¿ãã¥ã¼è¨äº](https://studios.tsukuruba.com/remark/1524649191951) ã¾ãã¯èªç±ã«ä½ã£ã¦ããã åé¦ï¼ããã¼ã§ããã®ã§è¦ã¦ããã ãã¦ãããã§ãããã æ´ç°ï¼ãããCLASKAï¼ã¤ãã³ãã®ä¼å ´ï¼ã£ã¦ã®ããã¸ã¥ã¢ã«ããä¼ãã£ã¦ããªãã®ã ãã©ãç´ æãããããªãã®ï¼ åé¦ï¼ãããããªãããâ¦å ¬å¼ã®ãã¸ã¥ã¢ã«ããã㧠æ´ç°ï¼ãªããããããªããªâ¦å ¨ç¶ãããããCLASKAå´ãããã使ã£ã¦ããã£ã¦ï¼ åé¦ï¼çµ¶å¯¾ããã£ã¦ããã§ãªãã¨ã¯æãã¾ãããéããã¦ãã
æ§ã ãªãã®ã®ãã¸ã¿ã«åãé²ãä¸ã§ããã¶ã¤ãã¼ã®å½¹å²ã大ããå¤åãå§ãã¦ããã ç¹ã«ã¤ã³ã¿ã¼ããããä»ãããµã¼ãã¹ã«ããã¦ã¯ãdesign, Design, DESIGNã®éããç¥ã£ã¦ãã¾ãã?ãã§ãç´¹ä»ããã¦ããéããä¸çä¸ã®ä¸ç¹å®å¤æ°ã®ã¦ã¼ã¶ã¼ã念é ã«ãã¶ã¤ã³ããªããã°ãªããªãæ代ã«ãªã£ã¦ãã¦ããã ããã¯åæã«ãåãåãå´ã®è¶£å³å好ã価å¤è¦³ãååç解ããä¸ã§ããããã¯ããã¡ãã»ã¼ã¸ã³ã°ãèããå¿ è¦ãããã¨ãããã¨ã§ãããããã¶ã¤ã³ã³ãã¥ãã±ã¼ã·ã§ã³ã¨ãã¦ãåç´ã«è¨èã翻訳ããã ãã§ã¯ä¸ååãªã®ã§ããã ç®ã§è¡¨æ ãä¼ããæ¥æ¬äººãå£ã§è¡¨æ ãä¼ãã欧米人æ¥æ¬ã¨æ¬§ç±³ã§ã¯çµµæåã®è¡¨ç¾æ¹æ³ã大ããç°ãªããç¹ã«æ¥æ¬ã§ã¯ãç®ãã主ãªè¡¨ç¾ã¨ãã¦å©ç¨ãã¦ããã®ã«å¯¾ãã欧米ã§ã¯ä¸»ã«ãå£ãã®å½¢ã®éãã§ææ ãä¼ãã¦ããã ãã®éãã®åå ã®ä¸ã¤ãæ¥å¸¸çæ´»ã«ããã人ã ã®çæ´»ç¿æ £ã®éãã ããã ãåç¥ã®éããè±ç²çã®
社å ã¤ãã³ãã§ç»å£ããéã®ã¹ã©ã¤ãã§ããï½¢ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹è§£åå¦ï½£ã®æ¹è¨çã主ã«ãUIãã¶ã¤ã³ã«ããã¦æ¤è¨ããæ¹ãããï¼ãã¹ãèãæ¹ã¨ãããã®ãç°¡åã«ãç´¹ä»ãã¾ããã
ãã®è¨äºã¯ãã¯ã³ã´ AdventCalendar 2017ã®17æ¥ç®ã®è¨äºã§ãã dwangoã¢ããã³ãã«ã¬ã³ãã¼17æ¥ç®ãæ å½ããã¦ããã ãã¾ã @ln-north ã§ãããã¶ã¤ãã¼ã¨ãã¦2016年度æ°åã¨ãã¦å ¥ç¤¾ãããããã2å¹´ã«ãªãã¾ãã ã¨ã³ã¸ãã¢ããã§åããããã«ã¬ã³ãã¼ã®ä¸ãã²ã£ããã¨ãã¶ã¤ãã¼ãåå ããã¦ããã ãã¾ããã©ãããææããã«â¦ã ã¯ããã« ããä½å¹´ãã®Webããã³ãã¨ã³ãçéã®åãã¯é常ã«å¤§ããããã¦éãããã¶ã¤ãã¼ããè¦ã¦ãæ§ã ãªãã©ãã¤ã ã·ãããèµ·ãã£ã¦ãã¾ããscssãwebpackããHTML5ãCSS3ã¾ã§â¦æ¬å½ã«å¤§å¤ã§ãããã ç¹ã«æè¿ã¯ReactãVueãªã©ã ã³ã³ãã¼ãã³ãæå ã®Webã·ã¹ãã éçºãçºå±ãéãã¦ãã¾ããWeb Componentsãªã©ãå«ããæµããè¦ã¦ãã¨ããããWebã¯ãã®ã³ã³ãã¼ãã³ãæåã«åããããã°ããé²ãã§ããã®ã ããã¨
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AMP(Accelerated Mobile Pages)ãGoogleæ¤ç´¢ã®ä»æ§ã«å ãã£ã¦ããã²ããããªãã¾ããããããªãåºããã®äºæãAMP Projectãã¿ãã¦ããã¾ãã ã¦ã§ããã¶ã¤ã³ãåæã®æ¹åã«åãã£ã¦ãã BootstrapãMaterial designãReactãªã©ã³ã³ãã¼ãã³ãåä½ã§ã¦ã§ãã¢ã¸ã¥ã¼ã«ãã¤ãã£ã¦ãããã¨ããåããããã¾ããããã¯å½ããåã§ãããã¨ãããªãªã¸ãã«ãã¶ã¤ã³ã§ã¦ã§ããµã¤ããä½ããã¨ãã¦ãããã¼ãã®åå©ç¨æ§ãªã©ãèãããã¨ã¯å¹çããã©ã³ãã£ã³ã°ã®è¦³ç¹ãããæ£ãããã¿ããªãããã¦ã¦ã§ããµã¤ãã
åã®ååã®ãã¶ã¤ãã¼ã¯ãã¶ã¤ã³ãã¼ã«ã«Sketchã使ã£ã¦ããããã¶ã¤ã³ã¯åºåãã®ããã¨ããã¾ã§åºæ¥ãã¨ä¿åãã¦Dropboxã§å ±æãã¦ããããæè¿ã§ã¯GitHubã§Sketchãã¡ã¤ã«ã管çãããã¨ã試ãã¦ããããã ãGitHubã§ç®¡çãããã¨ã§éå»ã«é¡ã£ãããã»ãã®äººã®ä½æ¥ããã¼ã¸ã§ãããããããã ãSketchãã¡ã¤ã«ã¯ããã°ã©ã ã®ã½ã¼ã¹ã³ã¼ãã®ãããªããã¹ããã¡ã¤ã«ã§ã¯ãªããã¤ããªãã¡ã¤ã«ã ããã®éãã§Gitã¾ãã¯GitHubã®ä¾¿å©ãªãã®ã®å¤ãã使ãã¦ããªãããããªããã å æ¥Sketchãã¡ã¤ã«ãããã¹ããã¡ã¤ã«(JSON)ã¨ãã¦ç®¡çã§ãããã¼ã«ãå ¬éããã®ã§ãã©ãããã¢ããã¼ã·ã§ã³ã§ä½ã£ã¦ããã®ãæ¸ãã¦ã¿ããã¨æãããã¼ã«ã¯ã¾ã å®ç§ã§ã¯ãªããããã²ä½¿ã£ã¦æè¦ããããããã¨â¦æã ðð» ããã¹ããã¡ã¤ã«ã«ãªãã¨ã§ãããã¨ããããã¶ã¤ã³å ¨ä½ã®ãã¼ãã¼ã®è²ãæ·¡ããªã£ãã®ãã¤ã ã£ã
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ï¼ãã®æ稿ã¯2014/04/23ã«æ¸ããããã®ã§ããnanapi TechBlogãã転è¼ãã¾ãããï¼ ããã«ã¡ã¯ï¼ãããã£ããæ¥ã§ããâ nanapiã®æ°¸ç°ãã«ãã§ãã¾(°â¡Â°)ï¾ï¾ ãã¦ããããã¯ãã¶ã¤ãã¼è·ã§ããã使ãããªãã¦ããã使ãããªãã¦ããªããã¯ãã¦ãããGitã大好ãã§ãâ¡ æåã¯ãé£ãããâ¦ãã¨å«åããæ°æã¡ãããã¾ãããããã¾ã§ã¯è¦ææèãªã©å¹ãé£ã³å¤§å¥½ãã«â¡ ä»åã¯ãã¶ã¤ãã¼ã®ããããGitã大好ãã«ãªã£ã5ã¤ã®çç±ããç´¹ä»ãããã¨æãã¾ãã ãã®ï¼ï¼æ¬å½ã¯ãããªã«ããããããªãã£ããï¼ ããããGitã¯ãªã«ã便å©
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ãç¥ãã
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}