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

uchiuchiyama id:uchiuchiyama

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

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

Clineã«å…¨éƒ¨è³ã‘ã‚‹å‰ã«ã€€ã€œClineã®å‹•ä½œåŽŸç†ã‚’æ·±æŽ˜ã‚Šã€œ
ã¯ã˜ã‚ã« AIã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆã¨ã—ã¦æœ€è¿‘ã€æ€¥é€Ÿã«æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Clineã€‚VSCodeä¸Šã§AIã¨é€£æºã—ã€ã‚³ãƒ¼ãƒ‰ç”Ÿæˆã‹ã‚‰ãƒã‚°ä¿®æ£ã€ã•ã‚‰ã«ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«æ“ä½œã¾ã§è‡ªå‹•åŒ–ã§ãã‚‹ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€å¤šãã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¦ã„ã¾ã™ã€‚ mizchiã•ã‚“ã®ã€ŽCLINEã«å…¨éƒ¨è³ã‘ã‚ã€ã¨ã„ã†è¨˜äº‹ã§ã¯ã€ AIã‹ã‚‰å¼•ãå‡ºã›ã‚‹æ€§èƒ½ã¯ã€è‡ªåˆ†ã®èƒ½åŠ›ã«ãã®ã¾ã¾æ¯”ä¾‹ã™ã‚‹ AIè‡ªä½“ã‚’ç®¡ç†ã™ã‚‹ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³è¨è¨ˆã‚’è‡ªåˆ†ã®ã‚³ã‚¢ã‚¹ã‚ãƒ«ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ã¨ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯Clineã¨ã„ã†å¼·åŠ›ãªãƒ„ãƒ¼ãƒ«ã®æœ€å¤§é™ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãã¹ãã§ã™ã€‚ ã€ŒAIã®ä¸Šæ‰‹ãªä½¿ã„æ–¹ã€ãŒä»Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦å¿…é ˆã‚¹ã‚ãƒ«ã«ãªã‚Šã¤ã¤ã‚ã‚‹ãŸã‚ã€å˜ã«Clineã‚’ä½¿ã†ã ã‘ã§ãªãã€ãã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ã“ã¨ã§å¾—ã‚‰ã‚Œã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€ç¾æ™‚ç‚¹ã§ã®Clineã®å¾—æ‰‹ãƒ»ä¸å¾—æ‰‹ã‚’ç†è§£ã™ã‚‹ã“ã¨ã§AIã«å¯¾ã—ã¦çš„ç¢ºã«æŒ‡ç¤ºãŒã§ããŸã‚Šã€clin
uchiuchiyama 2025/03/04
vscode

llm

development

programming
ãƒªãƒ³ã‚¯
ã€è¥¿å·å’Œä¹…ã®ä¸å®šæœŸã‚³ãƒ©ãƒ ã€‘ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çŸ¥è˜ã¯ã‚‚ã†ä¸è¦ã«ï¼ï¼ŸVS Code+LLMã§ãƒ–ãƒãƒƒã‚¯å´©ã—ã‚²ãƒ¼ãƒ ã‚’ç”Ÿæˆã—ã¦ã¿ãŸï¼
uchiuchiyama 2025/01/23
llm

development

vscode

tutorial

ai
ãƒªãƒ³ã‚¯
äººé–“ã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç¦æ¢ã® CLINE ç¸›ã‚Šã§ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‰ã›ã¦ã¿ãŸæ„Ÿæƒ³
ç¾æ™‚ç‚¹ã® AI ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å®ŸåŠ›ã‚’æ¸¬ã‚‹ãŸã‚ã«ã€è‡ªåˆ†ã¯ãƒ—ãƒãƒ³ãƒ—ãƒˆã®ã¿ã€ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã®ã¯ç¦æ¢ã§ Roo Code ã«ã‚ˆã‚‹ VS Code ã«ã‚ˆã‚‹ã‚¨ãƒ‡ã‚£ã‚¿æ“ä½œã®ã¿ã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‹ã›ãŸã€‚ãã®æ„Ÿæƒ³ (æ€¥ã„ã§æ›¸ã„ãŸã®ã§ã„ã‚ã„ã‚ã¨é›‘ã§ã™) tl;dr è‰¯ã—æ‚ªã—ã¯ã¨ã‚‚ã‹ãã€äººé¡žã¯ç¢ºå®Ÿã«AIã«ã‚ˆã‚‹è‡ªå‹•æ“ç¸¦åž‹ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ä½“é¨“ã«ä¾å˜ã™ã‚‹ã¨ã„ã†ç¢ºä¿¡ã‚’æŒã£ãŸã€‚ ãŸã ã€ãã®åŸºç›¤ã§ã‚ã‚‹ CLINE(ç³»)è‡ªä½“ã®ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ã®å®Œæˆåº¦ã¯ã„ã¾ã„ã¡ã€‚ CLINEä»¥å¤–ã®ã€å„ãƒ¢ãƒ‡ãƒ«ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ€§èƒ½ã‚‚ã€ç¾æ™‚ç‚¹ã§ã¯ç‰©è¶³ã‚Šãªã„ã€‚ CLINE ã¨ã¯ä½•ã‹(çŸ¥ã‚‰ãªã„äººå‘ã‘) ã„ã‚ã„ã‚ã¨æ©Ÿèƒ½ã¯ã‚ã‚‹ãŒã€ã‚³ã‚¢æ©Ÿèƒ½ã¨ã—ã¦ã¯ãƒ˜ãƒƒãƒ‰ãƒ•ãƒ«ãª vscode runner ã§ã€AI ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‹ã›ã‚‹ãŸã‚ã«å¿…è¦ãªæƒ…å ±ã‚’å—ã‘æ¸¡ã—ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ã¦ã„ã‚‹ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿æ›¸ãã‚„ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œçµæžœã‚’ãƒ—ãƒãƒ³ãƒ—ãƒˆã«ã—ã¦AIã«æ¸¡ã™ã€‚puppeteer ã«ã‚ˆ
uchiuchiyama 2025/01/23
llm

programming

development

tutorial

ai

vscode
ãƒªãƒ³ã‚¯
GitHub Codespaces é›‘æ„Ÿ
GitHub Codespacesã‚’ã¡ã‚‡ã£ã¨è©¦ã—ãŸã€‚ åˆæœŸå°Žå…¥æ™‚ã«ãƒãƒžã‚Šã©ã“ã‚ã‚‚å¤šã„ã‘ã©ã€çœŸé¢ç›®ã«è¨å®šã—ã¦ãŠã‘ã°ã€æ™®é€šã«Codespacesã®ç’°å¢ƒã ã‘ã§é–‹ç™ºã™ã‚‹ã“ã¨ã¯ååˆ†ã§ããã†ã ãªã¨æ„Ÿã˜ãŸã€‚ãƒªãƒã‚¸ãƒˆãƒªå˜ä½ã§ç’°å¢ƒã‚’ç”¨æ„ã™ã‚‹ã®ãŒåŸºæœ¬ã§ã€å¤šãã®ãƒªãƒã‚¸ãƒˆãƒªã«å¯¾ã—ã¦æ¯Žæ—¥ã®ã‚ˆã†ã«ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã—ãŸã‚ŠPull Requestã‚’å‡ºã—ãŸã‚Šã€ã¿ãŸã„ãªé–‹ç™ºãƒ•ãƒãƒ¼ã«ã¯ç¶ºéº—ã«ã¯ã¾ã‚‰ãªã„ã¨æ€ã†ã‘ã©ã€æ™®é€šã«ä»•äº‹ã§å˜ä¸€ã®ãƒªãƒã‚¸ãƒˆãƒªã«å¯¾ã—ã¦ã ã‘ä½œæ¥ã™ã‚‹ç”¨é€”ã§ã‚ã‚Œã°ä¸Šæ‰‹ãã¯ã¾ã‚‹ã¨æ€ã†ã€‚Zoomã§ä¼šè°ã—ãªãŒã‚‰é‡ã„å‡¦ç†ã‚’å®Ÿè¡Œã—ã¦ã„ã¦ã‚‚å½±éŸ¿ãŒç„¡ã„ã®ã¯è‰¯ã‹ã£ãŸã€‚Zoomã§ä¼šè°ã—ãªãŒã‚‰é‡ã„å‡¦ç†ã‚’å›žã™ã¹ãã§ã¯ãªã„ã¨ã„ã†æ„è¦‹ã‚‚ã‚ã‚‹ã€‚ Codespacesã®åˆ©ç”¨ã®æµã‚Œ Codepsacesã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã®æµã‚Œã«ã¤ã„ã¦ã€‚ã¾ãšã€äºˆã‚ .devcontainer/devcontainer.json ã‚’é…ç½®ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’ç”¨æ„ã—ã¦ãŠãã€‚Codespa
uchiuchiyama 2023/05/10
ï¼ˆdotfilesãŒãã¡ã‚ƒãã¡ã‚ƒã ã‹ã‚‰ã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ãŒï¼‰ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§å°‚ç”¨ã®dotfiles-codespacesã‚’ä½œã£ã¦ä½¿ã£ã¦ã¾ã™

github

vscode

development
ãƒªãƒ³ã‚¯
ã€ŒVisual Studio Codeã€ã«ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«æ©Ÿèƒ½ã€è·å ´ãƒ»è‡ªå®…ã§è¨å®šã‚’åˆ‡ã‚Šæ›¿ãˆå¯èƒ½ï¼ã»ã‹ã«ã‚‚ã•ã¾ã–ã¾ãªæ”¹å–„ã‚’æ–½ã—ãŸ2023å¹´1æœˆã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆï¼ˆv1.75ï¼‰ãŒãƒªãƒªãƒ¼ã‚¹
uchiuchiyama 2023/02/07
vscode

development
ãƒªãƒ³ã‚¯
VS Codeã¨å†…è”µç«¯æœ«ã‚’ã„ã„æ„Ÿã˜ã«ä½¿ã†ãŸã‚ã®è¨å®š
é–‹ç™ºã«VS Codeã¨ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ ä»¥å‰ã¯ã€VS Codeå†…è”µã®ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã¨ã¯åˆ¥ã«Windows Terminalãªã©ã‚’ç«‹ã¡ä¸Šã’ã¦ã€ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã§ã®ä½œæ¥ã¯VS Codeã®å¤–ã§ã‚„ã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€æœ€è¿‘Windows Terminalã‚’ç«‹ã¡ä¸Šã’ã‚‹æ©Ÿä¼šãŒæ¸›ã£ã¦ããŸã®ã§ã€ãã®ãŸã‚ã®è¨å®šã‚„ã‚³ãƒžãƒ³ãƒ‰ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã–ã£ãã‚Šä»¥ä¸‹ã®ã‚ˆã†ãªè¨å®šã‚’ã—ã¦ã„ã¾ã™ã€‚ { { // ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«ã‚’ãƒˆã‚°ãƒ«(oem_3ã¯@ã‚’æ„å‘³ã™ã‚‹) "key": "ctrl+oem_3", "command": "workbench.action.terminal.toggleTerminal" }, { // æ–°ã—ã„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’ä½œæˆã™ã‚‹ "key": "ctrl+shift+oem_3", "command": "workbench.action.terminal.new" }, { // ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãƒ‘ãƒãƒ«
uchiuchiyama 2022/11/30
vscode

editor

development
ãƒªãƒ³ã‚¯
ï¼»é€Ÿå ±ï¼½GitHub CodespacesãŒå…¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ç„¡æ–™æä¾›ã¸ã€æ¯Žæœˆ60æ™‚é–“åˆ†ã€‚JetBrainsã¨JupyterLabã‚‚IDEã¨ã—ã¦é¸æŠžå¯èƒ½ã«
ï¼»é€Ÿå ±ï¼½GitHub CodespacesãŒå…¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ç„¡æ–™æä¾›ã¸ã€æ¯Žæœˆ60æ™‚é–“åˆ†ã€‚JetBrainsã¨JupyterLabã‚‚IDEã¨ã—ã¦é¸æŠžå¯èƒ½ã« GitHubã¯å¹´æ¬¡ã‚¤ãƒ™ãƒ³ãƒˆã€ŒGitHub Universe 2022ã€ã®åŸºèª¿è¬›æ¼”ã§ã€ã“ã‚Œã¾ã§æœ‰æ–™ãƒ—ãƒ©ãƒ³ã®GitHub Teamã¨GitHub Enterpriseã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦æä¾›ã—ã¦ã„ãŸã€ŒGitHub Codespacesã€ã‚’ã€ç„¡æ–™ãƒ—ãƒ©ãƒ³ã®å€‹äººãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚æ¯Žæœˆ60æ™‚é–“ã¾ã§ç„¡æ–™ã§æä¾›ã™ã‚‹ã“ã¨ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Weâ€™re here to help you push whatâ€™s possible: Starting today, weâ€™re rolling out GitHub Codespaces for all, with access to 60 hours of GitHub Codespaces free(!) every mon
uchiuchiyama 2022/11/10
éžåŠ›ãªMacBook Airä¸Šã®é…ã„Docker Desktopã‚’ä½¿ã£ã¦devcontainerã§App+DBç’°å¢ƒä½œã£ã¦ãŸã®ãŒä¸è¦ã«ãªã£ã¦ã€ã§ã‚‚æ›¸ãå‘³ã¯å¤‰ã‚ã‚‰ãšã‚ãƒ“ã‚ãƒ“å‹•ãã‚ˆã†ã«ãªã‚‹ãªã‚‰ä¸€è€ƒã®ä½™åœ°ãŒã‚ã‚Šãã†

github

vscode

development

editor
ãƒªãƒ³ã‚¯
Next.js (TypeScript) ã« ESLint ã¨ Prettier ã‚’å°Žå…¥ã—ã€ã‚³ãƒ¼ãƒ‰ã‚’ç¶ºéº—ã«ä¿ã¨ã† | fwywdï¼ˆãƒ•ãƒ¥ãƒ¼ãƒ‰ï¼‰powered by ã‚ã‚«ã‚¬ã‚¯
ã©ãƒ¼ã‚‚ã€å…¥ç”° / ãã‚‹ãŸã‹ @guru_taka ã§ã™ï¼ æœ¬è¨˜äº‹ã§ã¯ Next.js (TypeScript) ã‚’ç’°å¢ƒæ§‹ç¯‰ã—ã€ESLintï¼ˆèªã¿æ–¹ï¼šã‚¤ãƒ¼ã‚¨ã‚¹ãƒªãƒ³ãƒˆï¼‰ã¨ Prettierï¼ˆèªã¿æ–¹ï¼šãƒ—ãƒªãƒ†ã‚£ã‚¢ï¼‰ã‚’å°Žå…¥ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Next.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 11 ã«å¯¾å¿œã—ã¦ãŠã‚Šã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æè¼‰ã•ã‚Œã¦ã„ã‚‹ ESLint ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦ã„ã¾ã™ã€‚ ESLint ã¨ Prettier ã‚’é§†ä½¿ã™ã‚‹ã“ã¨ã§ã€ã‚³ãƒ¼ãƒ‰ãŒç¶ºéº—ã«ãªã‚‹ãŸã‚ã€å°Žå…¥ã™ã‚‹ã“ã¨ã‚’å¼·ãã‚ªã‚¹ã‚¹ãƒ¡ã—ãŸã„ã§ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ã€VS Code ä¸Šã§ã€ESLint ã§æ§‹æ–‡è§£æžã—ãªãŒã‚‰ã€ãƒ•ã‚¡ã‚¤ãƒ«ä¿å˜æ™‚ã« ESLint + Prettier ã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‰æ•´å½¢ã™ã‚‹æ–¹æ³•ã‚’ãƒãƒ³ã‚ºã‚ªãƒ³å½¢å¼ã§ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚
uchiuchiyama 2022/11/08
next.js

typescript

eslint

development

vscode
ãƒªãƒ³ã‚¯
tasks.jsonã®ä½¿ã„æ–¹ã®åŸºç¤Žã€VS Codeä½¿ã„æ–¹â‘¡ã€‘ - Qiita
ä½¿ã„é“ ã“ã®è¨˜äº‹ã¯é †ç•ªã«å®Ÿè¡Œã—ãŸã„ã‚¿ã‚¹ã‚¯ãŒã‚ã‚‹ã¨ãã«å½¹ç«‹ã¡ã¾ã™ã€‚ ä¾‹ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå ´é¢ã§ã™ã€‚ é–‹ç™ºç’°å¢ƒã«SFTPã§æŽ¥ç¶šã—ã¦Wordpressã®åãƒ†ãƒ¼ãƒžã‚’é–‹ç™º åŒºåˆ‡ã‚ŠãŒã„ã„ã¨ã“ã‚ã§ZipåŒ–ã—ã¦ã€ŒZipå‰Šé™¤â†’Zipåœ§ç¸®â†’æœ¬ç•ªWordpressã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã€ã®ãƒ«ãƒ¼ãƒ—ãŒé¢å€’ npm run build ã—ã¦ã€firebase deployã™ã‚‹ï¼’æ®µã‚³ãƒžãƒ³ãƒ‰ãŒé¢å€’ AWS Lambda function ã«ã‚½ãƒ¼ã‚¹ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã„ serverless frameworkã‚’ä½¿ãˆã°serverless deployã§çµ‚ã‚ã‚Šã ãŒã€ä½¿ã†ã»ã©ã®ã‚³ãƒ¼ãƒ‰é‡ã§ã‚‚ãªã„ zipåœ§ç¸®ãŒé¢å€’ã ãŒã€é€£ç•ªåœ§ç¸®ã—ã¦ã‚‚å®¹é‡ã®ç„¡é§„ãªã®ã§ã€éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯è‡ªå‹•ã§æ¶ˆã—ãŸã„ ã‚„ã‚‹ã“ã¨ tasks.jsonã®åŸºæœ¬ tasks.jsonã§é †æ¬¡å®Ÿè¡Œ 7zã¨é€£æºã—ã¦ã¿ã‚‹ npmã¨ã‹é€£æºã—ã¦ã¿ã‚‹ tasks.jsonã®åŸºæœ¬ åˆã‚ã¦ã®äººã¯ãƒ¡ãƒ‹
uchiuchiyama 2022/10/19
vscode

development

editor
ãƒªãƒ³ã‚¯
VS Codeã®æ–°æ©Ÿèƒ½ã€Œã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ãŒã•ã‚‰ã«ä¾¿åˆ©ã«ï¼ è¿½å¾“è¡Œæ•°ã®å¤‰æ›´ã€é–¢æ•°ã‚„ã‚¯ãƒ©ã‚¹ã‚’ãƒªã‚¹ãƒˆåŒ–ã§ãã¾ã™
å…ˆæ—¥ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸã€VS Code v1.71ã§ã€Œã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ãŒã•ã‚‰ã«ä¾¿åˆ©ã«ãªã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã¯v1.70ã§å®Ÿé¨“çš„ãªæ©Ÿèƒ½ã¨ã—ã¦å®Ÿè£…ã•ã‚Œã¾ã—ãŸãŒã€v1.71ã§æ£å¼ã«å®Ÿè£…ã•ã‚Œã€ã•ã‚‰ã«è¿½å¾“è¡Œæ•°ã‚’è¨å®šã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã€ã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§é–¢æ•°ã‚„ã‚¯ãƒ©ã‚¹ã‚’ãƒªã‚¹ãƒˆåŒ–ã—ã¦ç§»å‹•ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚
uchiuchiyama 2022/09/12
vscode

extension

development
ãƒªãƒ³ã‚¯
Reacté–‹ç™ºã‚’å¿«é©ã«ã™ã‚‹Chromeæ‹¡å¼µã‚’å…¬é–‹ã—ãŸã®ã§è¦‹ã¦ãã ã•ã„ï¼
React Inspector ã¨ã„ã†Chrome æ‹¡å¼µæ©Ÿèƒ½ã‚’ä½œã‚Šã¾ã—ãŸã€‚ Chromeä¸Šã§ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã‚’èµ·å‹•ã—ã€ã‚¯ãƒªãƒƒã‚¯ã—ãŸReactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒˆã§ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§é–‹ãã¾ã™ã€‚(ç¾åœ¨ã¯VSCodeã®ã¿å¯¾å¿œ) è¿½è¨˜: â†‘2022/09/12 ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãƒšãƒ¼ã‚¸ã‹ã‚‰ "Open in Editor URL" ã‚’è¨å®šã§ãã‚‹ã‚ˆã†ã«ã—ä»»æ„ã®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã®URLã‚¹ã‚ãƒ¼ãƒžã§é–‹ãã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸ...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ç›´æŽ¥ã‚¸ãƒ£ãƒ³ãƒ—ã§ãã‚‹ã®ã§UIã‹
uchiuchiyama 2022/09/07
react

development

editor

vscode
ãƒªãƒ³ã‚¯
Docker Compose ãªé–‹ç™ºç’°å¢ƒã«ã¡ã‚‡ã„è¶³ã—3åˆ†ã§ä½œã‚‹VSCode devcontainer
ã“ã‚“ã«ã¡ã¯ã€devcontainerè·äººã§ã™ðŸ§‘â€ðŸ³ ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯Docker Composeã‚’æ—¢ã«åˆ©ç”¨ã—ã¦ã„ã‚‹é–‹ç™ºç’°å¢ƒã«ã‹ã‚“ãŸã‚“ã«devcontainerã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ VSCodeã®devcontainerã¯ã¨ã¦ã‚‚è‰¯ãã§ããŸé–‹ç™ºç’°å¢ƒæ§‹ç¯‰æ–¹æ³•ãªã®ã§ã™ãŒã€ã¡ã‚‡ã£ã¨é›£ã—ãã†ã¨æ€ã‚ã‚Œã¦ã„ãŸã‚Šã€VSCodeä»¥å¤–ã®ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ä½¿ã†äººã®é–‹ç™ºä½“é¨“ãŒæ‚ªããªã‚‹ã®ã§ã¯ã€ãªã©ã®æ‡¸å¿µãŒã‚ã‚Šã¾ã ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã„ãªã„ã‚ˆã†ãªå°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªdevcontainerã‚’3åˆ†ã§ä½œã‚Œã‚‹tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æº–å‚™ã™ã‚‹ã‚‚ã® Docker Composeã§æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒ VS Code Docker Desktop for Windows/Mac Remote - Containers extension Docker Composeã§æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒã®ã‚µãƒ³ãƒ—ãƒ« ä»Šå›žç”¨æ„ã™ã‚‹ã®ã¯ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦Ru
uchiuchiyama 2022/09/05
docker

vscode

development
ãƒªãƒ³ã‚¯
VSCode Remote Containersã§Gitã«SSHæŽ¥ç¶šã§pushã™ã‚‹
VSCode Remote Containersæ‹¡å¼µæ©Ÿèƒ½ã‚’ä½¿ã†ã¨dockerã®ã‚³ãƒ³ãƒ†ãƒŠã«æŽ¥ç¶šã§ãã¾ã™ã€‚ é–‹ç™ºç’°å¢ƒã¨ã—ã¦ä½¿ç”¨ã™ã‚‹å ´åˆã€Gitã«SSHæŽ¥ç¶šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã‚³ãƒ³ãƒ†ãƒŠå†…ã«é–‹ç™ºè€…ä¾å˜ã®SSHã®ç§˜å¯†éµã‚’ç½®ãã‚ã‘ã«ã¯ã„ãã¾ã›ã‚“ã—ã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šå±é™ºãªã®ã§.sshãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ãƒžã‚¦ãƒ³ãƒˆã—ãŸã‚Šã—ã¦ã¯ã„ã‘ã¾ã›ã‚“ã€‚ Remote Containersæ‹¡å¼µæ©Ÿèƒ½ã«ã€ã‚³ãƒ³ãƒ†ãƒŠæŽ¥ç¶šå…ƒã®ç«¯æœ«ã®SSHã‚ãƒ¼æƒ…å ±ã‚’è»¢é€ã™ã‚‹æ©Ÿèƒ½ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã®ã§è¨å®šã—ã¾ã—ã‚‡ã†ã€‚ ã¾ãšã¯dockerã‚³ãƒ³ãƒ†ãƒŠã«Gitã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚³ãƒ³ãƒ†ãƒŠå†…ã§gitã‚³ãƒžãƒ³ãƒ‰ã‚’å©ã„ã¦ã¿ã¦ã€gitå…¥ã£ã¦ãªã„ã‚ˆï¼ã£ã¦è¨€ã‚ã‚Œã‚‹å ´åˆã¯ã€ã¾ãšã¯gitã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚ é–‹ç™ºæ™‚ã«ä½¿ç”¨ã™ã‚‹ã ã‘ãªã®ã§ã€devcontainer.jsonã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚³ãƒžãƒ³ãƒ‰ã‚’è¨˜è¿°ã—ã¦ã€Remote Containerã‚’ä½¿ã£ã¦ã‚³ãƒ³ãƒ†ãƒŠã‚’èµ·å‹•ã—ãŸã¨ãã ã‘å…¥ã‚‹ã‚ˆã†ã«
uchiuchiyama 2022/07/23
vscode

git

ssh

development

tutorial

docker
ãƒªãƒ³ã‚¯
ã€å›³è§£ã€‘VScodeã®Remote Containeræ‹¡å¼µæ©Ÿèƒ½ã¨ã¯ï¼Ÿã‚ã‹ã‚Šã‚„ã™ã
ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹VScodeã®æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚ VScodeã‹ã‚‰Dockerã‚’åˆ¶å¾¡ã§ãã‚‹ Dockerã®1ã¤ã®ã‚³ãƒ³ãƒ†ãƒŠå†…ã«ã€ŒVScodeã‚µãƒ¼ãƒãƒ¼ã€ãªã‚‹ã‚½ãƒ•ãƒˆã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã€ãã®ã‚µãƒ¼ãƒãƒ¼ã«ãƒãƒ¼ã‚«ãƒ«ã®VScodeã‹ã‚‰æŽ¥ç¶šã—ã¦ã€ã‚ãŸã‹ã‚‚ãƒãƒ¼ã‚«ãƒ«ã®VScodeã‚’æ“ä½œã—ã¦ã„ã‚‹ã‚ˆã†ãªæ„Ÿè¦šã§ã€Dockerå†…ã®VScodeã‚’æ“ä½œã§ãã‚‹ ðŸ˜‡ðŸ˜‡ðŸ˜‡ï¼Ÿï¼Ÿï¼Ÿ ã¡ã‚‡ã£ã¨è‡ªåˆ†ã§ã‚‚ä½•è¨€ã£ã¦ã‚‹ã®ã‹åˆ†ã‹ã‚‰ãªã„ã®ã§ã™ãŒ ãƒ ãƒªã‚„ã‚Šå›³è§£ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€ãŠãã‚‰ãã€‚ã€‚ Remote Containerã‹ã‚‰ã€Œã©ã®ã‚³ãƒ³ãƒ†ãƒŠã‚’ç«‹ã¡ä¸Šã’ã‚‹ã‹ï¼Ÿã€ã‚’æŒ‡å®šã™ã‚‹ Dockerfileã€docker-compose.ymlã€imageåã‚’ç›´æŽ¥æŒ‡å®šã¨ã„ã†3ã¤ã®æ–¹æ³•ãŒã‚ã‚‹ è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒŠã‚’ç«‹ã¡ä¸Šã’ã‚‹å ´åˆã¯ã€ã©ã®ã‚³ãƒ³ãƒ†ãƒŠã®ä¸ã«å…¥ã‚‹ã‹ï¼ˆVScodeã‚µãƒ¼ãƒãƒ¼ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦æŽ¥ç¶šã™ã‚‹ã‹ï¼‰ã‚‚æŒ‡å®šã™ã‚‹ Remote ContainerãŒD
uchiuchiyama 2022/07/01
docker

vscode

tutorial

development
ãƒªãƒ³ã‚¯
ã€é€£è¼‰ã€‘WSL2ã€Visual Studio Codeã€Dockerã§ã‚°ãƒƒã¨ã‚ˆããªã‚‹Windowsé–‹ç™ºç’°å¢ƒ ã€œ ãã®4ï¼šVisual Studio Codeã€Dockerã§æ”¹å–„ï¼ï¼ ã€œ | SIOS Tech. Lab
ã“ã‚“ã«ã¡ã¯ã€ã‚µã‚¤ã‚ªã‚¹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼æ¦äº•(Twitter:@noriyukitakei)ã§ã™ã€‚ä»Šå›žã¯ã€ç¬¬4å›žã‚·ãƒªãƒ¼ã‚ºã§ã€WSL2ã€Visual Studio Codeã€Dockerã€Windows Terminalãªã©ã®æœ€æ–°æŠ€è¡“ã‚’ç”¨ã„ã¦ã€Windowsé–‹ç™ºç’°å¢ƒã‚’ã‚°ãƒƒã¨ã‚ˆãã—ã¾ã—ã‚‡ã†ã£ã¦ã„ã†ãŠè©±ã‚’ã—ã¾ã™ã€‚ç¬¬4å›žç›®ã®ä»Šå›žã¯ã€Visual Studio Codeã¨Dockerã§é–‹ç™ºç’°å¢ƒã®æ”¹å–„ã‚’å®Ÿè·µã—ã¦ã¿ã¾ã™ï¼ï¼ ãã®1ï¼šã¾ãšã¯æ¦‚è¦ ãã®2ï¼šWSL1ï¼†2ã®ã—ãã¿ ãã®3ï¼šWSL2ã€Windows Terminalã§æ”¹å–„ï¼ï¼ ä»Šå›žã¯ã“ã¡ã‚‰ â†’ ãã®4ï¼šVisual Studio Codeã€Dockerã§æ”¹å–„ï¼ï¼ â€» æœ¬è¨˜äº‹ã¯æŠ€è¡“è©•è«–ç¤¾å‡ºç‰ˆã®ã€ŒWEB+DB PRESSã€Vol.117(è©³ç´°ã¯ã“ã¡ã‚‰)ã«ç§ãŒå¯„ç¨¿ã—ãŸã€ŒWSL 2ã€Dockerã€Visual Studio Codeï¼»æœ€æ–°ï¼½Windowsé–‹ç™ºç’°å¢ƒ
uchiuchiyama 2022/06/21
windows

docker

development

tutorial

vscode
ãƒªãƒ³ã‚¯
VSCode + ESLint + Prettier + React + TypeScript ï¼ˆè‡ªåˆ†ç”¨ãƒ¡ãƒ¢ Fall, 2020ï¼‰ - Qiita
Help us understand the probl em. What are the probl em?
uchiuchiyama 2020/10/19
vscode

react

editor

development

typescript

eslint
ãƒªãƒ³ã‚¯
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€WebIDEã®ã€ŒVisual Studio Codespaecsã€ã‚’ã€ŒGitHub Codespacesã€ã«çµ±åˆã¸
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€WebIDEã®ã€ŒVisual Studio Codespaecsã€ã‚’ã€ŒGitHub Codespacesã€ã«çµ±åˆã¸ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯Webãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨å¯èƒ½ãªçµ±åˆé–‹ç™ºç’°å¢ƒã€ã„ã‚ã‚†ã‚‹WebIDEã®ã€ŒVisual Studio Codespacesã€ã‚’ã€GitHubã§æä¾›ã‚’äºˆå®šã—ã¦ã„ã‚‹WebIDEã®ã€ŒGitHub Codespaceã€ã¸çµ±åˆã™ã‚‹ã“ã¨ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Visual Studio Codespacesã¯ã€2019å¹´5æœˆã«è¡Œã‚ã‚ŒãŸMicrosoft Build 2019ã§Visual Studioãƒ•ã‚¡ãƒŸãƒªãƒ¼ã®ãªã‹ã§ã€Webç‰ˆã®Visual Studioã®ä½ç½®ã¥ã‘ã¨ãªã‚‹ã€ŒVisual Studio Onlineã€ã¨ã—ã¦ç™ºè¡¨ã•ã‚Œã€ãã®1å¹´å¾Œã®ä»Šå¹´2020å¹´5æœˆã«ã€ŒVisual Studio Codespacesã€ã¨åç§°å¤‰æ›´ã•ã‚Œã€ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã¨ã—ã¦åˆ©ç”¨å¯èƒ½ã«ãªã‚Šã¾ã—
uchiuchiyama 2020/09/07
vscode

github

development

editor
ãƒªãƒ³ã‚¯
è‡ªåˆ†æµ Next.js + TypeScript + ESLint + Prettier + VSCode (+Dockerfile) åˆæœŸè¨å®š - Qiita
æœ€è¿‘Next.jsã‚’æ›¸ãã‚ˆã†ã«ãªã£ã¦ã€è‡ªåˆ†ãªã‚Šã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ãŒå›ºã¾ã£ã¦ããŸã®ã§ä»Šå¾Œãƒ‘ãƒ‘ã£ã¨ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ãŒã§ãã‚‹ã‚ˆã†ã«ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ä»¥ä¸‹ã®ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Next.jsã‚’TypeScript / TSX ã§æ›¸ã ESLintã¨Prettierã¨VSCodeã‚’çµ„ã¿åˆã‚ã›ã€ä¿å˜æ™‚è‡ªå‹•ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ importã‚’ç›¸å¯¾ãƒ‘ã‚¹ã§ã¯ãªãçµ¶å¯¾ãƒ‘ã‚¹ã§æ›¸ã Serverã‚’Expressã§å‹•ã‹ã™ é–‹ç™ºæ™‚ã¯.envã§ã€æœ¬ç•ªã¯ç’°å¢ƒå¤‰æ•°ã«ã‚ˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨å®šå€¤ã‚’æ‰±ã† ã€ç™ºå±•ç·¨ã€‘Kubernetesã‚’è¦‹æ®ãˆã¦Dockerã§å‹•ã‹ã™ Next.jsã‚’TypeScript / TSX ã§æ›¸ã â€»åŸ·ç†æ™‚Next.js version: 9.1.1 create-next-app ã‚³ãƒžãƒ³ãƒ‰ã§é››å½¢ã‚’ä½œã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ä½™è¨ˆãªã‚‚ã®ã‚‚ãã£ã¤ã„ã¦ãã‚‹ã®ã§ã‚¹ã‚¯ãƒ©ãƒƒãƒã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚
uchiuchiyama 2020/07/07
vscode

next.js

tutorial

eslint

editor

development

programming

typescript
ãƒªãƒ³ã‚¯
console.logãªã—ã§Next.jsã‚’VSCodeã§ãƒ‡ãƒãƒƒã‚°ã•ã›ã‚‹æ–¹æ³•
VSCode ã§ Next.js ã®ãƒ‡ãƒãƒƒã‚°ã‚’ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚‰é–‹ç™ºã®ãƒ‡ãƒãƒƒã‚°ãŒè¶…çµ¶æ¥½ã«ãªã£ãŸã®ã§ãã®æ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ â€»è£œè¶³ Next.js vscode debugã¨ã‹ã§ Google æ¤œç´¢ã—ã¦ã¿ã‚‹ã¨ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«å¼•ã£ã‹ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€Next.js 9 ã®ç’°å¢ƒã ã¨å‹•ã‹ãªã„ã®ã§ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’å‚è€ƒã«ä¿®æ£ã—ã¦å‹•ä½œã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ https://github.com/microsoft/vscode-recipes/tree/master/Next-js æœ€çµ‚å½¢ã®ã‚³ãƒ¼ãƒ‰ã‚³ãƒ¼ãƒ‰ã ã‘çŸ¥ã‚ŠãŸã„ã¨ã„ã†æ–¹ã¯.vscode/launch.jsonã‚’ä½œæˆã—ã€ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒšã§å¤§ä¸ˆå¤«ã§ã™ã€‚ ä¾‹ã¯ src é…ä¸‹ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã®å ´åˆã§ã™ãŒã€root ç›´ä¸‹ã« pages ãŒã‚ã‚‹å ´åˆã¯ src ã‚’å‰Šé™¤ã—ã¦ã‚‚ã‚‰ãˆã‚Œã°å‹•ä½œã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ { "version": "0.2.
uchiuchiyama 2020/07/07
vscode

next.js

development

debug
ãƒªãƒ³ã‚¯
vscode-recipes/Next-js at master Â· microsoft/vscode-recipes
uchiuchiyama 2020/07/07
vscode

development

debug

next.js
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸