Nodeã§Chromeã‚’æ“作ã—ã¦Twitterシェア用画åƒã‚’生æˆã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ä½œã£ãŸ - CrieitNode.jsã«ã¯Puppeteerã¨ã„ã†ç”»é¢ã‚’表示ã›ãšã«Chromeを扱ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリãŒã‚ã‚Šã¾ã™ã€‚ãれを利用ã—ã€URLをパラメータã¨ã—ã¦ä¸Žãˆã‚‹ã ã‘ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’ç”»åƒã¨ã—ã¦ãƒ–ラウザã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãるサーãƒãƒ¼ã‚¢ãƒ—リケーションを作æˆã—ã¾ã—ãŸã€‚ 実際ã«ã“ã®ã‚ˆã†ãªç”»åƒãŒä½œæˆã§ãã¾ã™ã€‚例ã¨ã—ã¦ä¸‹è¨˜ã¯ãƒœãƒ¼ãƒ‰å†…投稿ã«ã‚³ãƒ¼ãƒ‰ã‚’入れãŸå ´åˆã«è¡¨ç¤ºã•ã‚Œã‚‹ç”»åƒã§ã™ã€‚ 下記ã¯è¨˜äº‹ã®ç”»åƒã§ã™ã€‚ HTML, CSSã‹ã‚‰ç”Ÿæˆã—ã¦ã„ã‚‹ãŸã‚ドãƒãƒƒãƒ—シャドウã¨ã‹ã‚‚ã“ã‚“ãªæ„Ÿã˜ã§ç°¡å˜ã«åŠ¹ã‹ã›ã‚‹äº‹ãŒã§ãã¦ã„ã¾ã™ã€‚ GitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€ã¨ã‚Šã‚ãˆãšä½¿ã£ã¦è¦‹ãŸã„ã¨ã„ã†æ–¹ã¯è¨˜äº‹ã‚’èªã¿é£›ã°ã—ã¦æœ€å¾Œã®æ–¹ã«ã‚るリンクをã”利用ãã ã•ã„(ã“らãˆãã‚Œã¬æ¶™ã§é ¬ã‚’濡らã—ãªãŒã‚‰) 何ãŒä¾¿åˆ©ãªã®ã‹ Webサービスã®URLã‚’Twitterç‰ã§ã‚·ã‚§ã‚¢ã™ã‚‹ã ã‘ã§ã€URLã ã‘ã§ãªãツイートã«ç”»åƒã‚‚表示ã•ã‚Œã‚‹ã®ã‚’よã見るã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã¯ç”»
{{#tags}}- {{label}}
{{/tags}}