[Electron] アプリã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹ - electron-builderç·¨ - ãã“ã®è¶³è·¡Rアプリã®é¡”ã§ã‚る「アプリアイコンã€ã‚’è¨å®šã—ã¾ã™ã€‚ 今回ã¯electron-builderを利用ã—ã¦ãƒ“ルドã™ã‚‹éš›ã®å†…容ã§ã™ã€‚ アイコン画åƒã‚’è¨å®šã™ã‚‹ã®ã¯éžå¸¸ã«ç°¡å˜ãªã®ã§ã™ãŒã€å€‹äººé–‹ç™ºã—ã¦ã„るプãƒã‚°ãƒ©ãƒžãƒ¼çš„ã«ã¯ç”»åƒã‚’用æ„ã™ã‚‹ã®ãŒä¸€ç•ªãƒãƒ¼ãƒ‰ãƒ«é«˜ã„ã§ã™ãï½— 基本的ãªè¨å®šæ–¹æ³• アイコン画åƒã‚’準備 package.jsonã«è¿½è¨˜ ビルド Windowsã§ã®çµæžœ macOSã§ã®çµæžœ アイコンをサイズ毎ã«ç´°ã‹ã用æ„ã™ã‚‹ Windowsã®å ´åˆ macOSã®å ´åˆ Winodowsã¨macOS用アイコンを一発ã§ä½œæˆã™ã‚‹ã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—ト 準備 ソースコード 実行方法 å‚考ページ 基本的ãªè¨å®šæ–¹æ³• ã¨ã‚Šã‚ãˆãšã‚µã‚¯ãƒƒã¨å¤‰æ›´ã—ãŸã„å ´åˆã«ã¯PNGç”»åƒã‚’1枚用æ„ã—ã€package.jsonã«è¿½è¨˜ã™ã‚‹ã ã‘ã§ã™ã€‚ アイコン画åƒã‚’準備 å¿…ãšæ£æ–¹å½¢ã®PNGç”»åƒã‚’用æ„ã—ã¾ã™ã€‚å°‘ãªãã¨ã‚‚Windows用ã¯256x256pixelã€ma
![[Electron] アプリã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šã™ã‚‹ - electron-builderç·¨ - ãã“ã®è¶³è·¡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc5a3b3da05b3c1f5cdbba10d1a391b850cc063f/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff4f36323f8ee6d18a4dfc56ec17e53470446d4a2%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkatsube%252F20231125%252F20231125062416.png)
俺ã®å«ãŒé€®æ•ã•ã‚ŒãŸ : BIPブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}