v0-system-prompts-models-and-tools/v0.txt at main · x1xhlol/v0-system-prompts-models-and-toolsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ã‚ã–ã‚ã–言語化ã•ã‚Œãªã„Clineã®ã‚³ãƒ„
ã“ã‚Œãªã« ã“れを書ã„ãŸå¾Œã«ClineãŒç››ã‚Šä¸ŠãŒã£ã¦ããŸã®ã§ã€ã¾ãŸæ›¸ããŸããªã£ãŸã€‚二番煎ã˜ã‚’ã‚„ã‚ã‚。 å¤§æž ã§ã¯å¤‰ã‚ã£ã¦ãªã„ã®ã§è»½ã‚ã®Tips集ã§ã™ã€‚ å‰å›žã‹ã‚‰å¤‰ã‚ã£ãŸç‚¹ 一ã‹æœˆå‰(2025/2/3)ã«æ›¸ã„ãŸæ™‚ã‹ã‚‰çŠ¶æ³ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ ãƒã‚¤ãƒ–リッド推論モデルã¨ã—ã¦ã€Claude 3.7 SonnetãŒå…¬é–‹(2/24) Clineã®ã‚¢ãƒƒãƒ—デート .clineignoreã«ã‚ˆã‚‹èªã¿è¾¼ã¿å¯¾è±¡ã‹ã‚‰ã®é™¤å¤– @terminal, @gitã«ã‚ˆã‚‹ã‚³ãƒ³ãƒ†ã‚ストç†è§£ã®æ”¹å–„ MCP Marketplace mizchiã•ã‚“ã®é‚ãŒéœ‡ãˆãŸ モデルé¸å®š(2025/03) 利用経験ã®ã‚るモデルを主観的ã«ãƒ©ãƒ³ã‚¯ä»˜ã‘ã—ã¦ã„る。 Tier1(基本ã“ã‚Œã§ã„ã„) Claude 3.7 Sonnet Tier2(サブ機) Claude 3.6 Sonnet Claude 3.5 Sonnet Gemini 2.0 Pro Tier3(
Clineã«å…¨éƒ¨è³ã‘ã‚‹å‰ã«ã€€ã€œClineã®å‹•ä½œåŽŸç†ã‚’深掘り〜
ã¯ã˜ã‚ã« AIã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆã¨ã—ã¦æœ€è¿‘ã€æ€¥é€Ÿã«æ³¨ç›®ã‚’集ã‚ã¦ã„ã‚‹Cline。VSCode上ã§AIã¨é€£æºã—ã€ã‚³ãƒ¼ãƒ‰ç”Ÿæˆã‹ã‚‰ãƒã‚°ä¿®æ£ã€ã•ã‚‰ã«ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«æ“作ã¾ã§è‡ªå‹•åŒ–ã§ãã‚‹ã“ã®ãƒ„ールã¯ã€å¤šãã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿç”£æ€§ã‚’劇的ã«å‘上ã•ã›ã¦ã„ã¾ã™ã€‚ mizchiã•ã‚“ã®ã€ŽCLINEã«å…¨éƒ¨è³ã‘ã‚ã€ã¨ã„ã†è¨˜äº‹ã§ã¯ã€ AIã‹ã‚‰å¼•ã出ã›ã‚‹æ€§èƒ½ã¯ã€è‡ªåˆ†ã®èƒ½åŠ›ã«ãã®ã¾ã¾æ¯”例ã™ã‚‹ AI自体を管ç†ã™ã‚‹ãƒ‘イプラインè¨è¨ˆã‚’自分ã®ã‚³ã‚¢ã‚¹ã‚ルã«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ã¨ã‚‚ã‚るよã†ã«ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯Clineã¨ã„ã†å¼·åŠ›ãªãƒ„ールã®æœ€å¤§é™ã‚’使ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãã¹ãã§ã™ã€‚ 「AIã®ä¸Šæ‰‹ãªä½¿ã„æ–¹ã€ãŒä»Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦å¿…é ˆã‚¹ã‚ルã«ãªã‚Šã¤ã¤ã‚ã‚‹ãŸã‚ã€å˜ã«Clineを使ã†ã ã‘ã§ãªãã€ãã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ã“ã¨ã§å¾—られるメリットã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€ç¾æ™‚点ã§ã®Clineã®å¾—手・ä¸å¾—手をç†è§£ã™ã‚‹ã“ã¨ã§AIã«å¯¾ã—ã¦çš„確ã«æŒ‡ç¤ºãŒã§ããŸã‚Šã€clin
人間ã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç¦æ¢ã® CLINE 縛りã§ã‚²ãƒ¼ãƒ を作らã›ã¦ã¿ãŸæ„Ÿæƒ³
ç¾æ™‚点㮠AI コーディングã®å®ŸåŠ›ã‚’測るãŸã‚ã«ã€è‡ªåˆ†ã¯ãƒ—ãƒãƒ³ãƒ—トã®ã¿ã€ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã¯ç¦æ¢ã§ Roo Code ã«ã‚ˆã‚‹ VS Code ã«ã‚ˆã‚‹ã‚¨ãƒ‡ã‚£ã‚¿æ“作ã®ã¿ã§ã‚³ãƒ¼ãƒ‰ã‚’書ã‹ã›ãŸã€‚ãã®æ„Ÿæƒ³ (急ã„ã§æ›¸ã„ãŸã®ã§ã„ã‚ã„ã‚ã¨é›‘ã§ã™) tl;dr 良ã—悪ã—ã¯ã¨ã‚‚ã‹ãã€äººé¡žã¯ç¢ºå®Ÿã«AIã«ã‚ˆã‚‹è‡ªå‹•æ“縦型ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ä½“験ã«ä¾å˜ã™ã‚‹ã¨ã„ã†ç¢ºä¿¡ã‚’æŒã£ãŸã€‚ ãŸã ã€ãã®åŸºç›¤ã§ã‚ã‚‹ CLINE(ç³»)自体ã®ãƒ„ールã¨ã—ã¦ã®å®Œæˆåº¦ã¯ã„ã¾ã„ã¡ã€‚ CLINE以外ã®ã€å„モデルã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ€§èƒ½ã‚‚ã€ç¾æ™‚点ã§ã¯ç‰©è¶³ã‚Šãªã„。 CLINE ã¨ã¯ä½•ã‹(知らãªã„人å‘ã‘) ã„ã‚ã„ã‚ã¨æ©Ÿèƒ½ã¯ã‚ã‚‹ãŒã€ã‚³ã‚¢æ©Ÿèƒ½ã¨ã—ã¦ã¯ãƒ˜ãƒƒãƒ‰ãƒ•ãƒ«ãª vscode runner ã§ã€AI ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã‹ã›ã‚‹ãŸã‚ã«å¿…è¦ãªæƒ…å ±ã‚’å—ã‘渡ã—ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æŒã£ã¦ã„る。ファイルã®èªã¿æ›¸ãã‚„ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’実行çµæžœã‚’プãƒãƒ³ãƒ—トã«ã—ã¦AIã«æ¸¡ã™ã€‚puppeteer ã«ã‚ˆ
「Preferred Networksã£ã¦AIベンãƒãƒ£ãƒ¼ä¼æ¥ãªã®ã«ã€AIè¦ç´ ãŒãªã„クラフトサãƒã‚¤ãƒãƒ«ã‚²ãƒ¼ãƒ 作ã£ã¦ã„ã„ã‚“ã§ã™ã‹ã€ç•°è‰²ã®Steamゲーム『オメガクラフターã€ã®é–‹ç™ºã‚’OKã—ãŸç†ç”±ã‚’ã€PFNã«è¨Šã„㟠- AUTOMATON
Preferred NetworksãŒç¾åœ¨é–‹ç™ºä¸ã®ã€ŽOmega Crafter（オメガクラフター）ã€ã€‚定番ã®ã‚¯ãƒ©ãƒ•ãƒˆã‚µãƒã‚¤ãƒãƒ«ã‚²ãƒ¼ãƒ ã®è¦ç´ ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒ è¦ç´ を盛り込んã æ„欲作ã 。ãã—ã¦é¢ç™½ã„ã®ãŒã€æœ¬ä½œã‚’手ãŒã‘ã¦ã„ã‚‹ã®ã¯ã‚²ãƒ¼ãƒ メーカーã§ã¯ãªãã€AIベンãƒãƒ£ãƒ¼ã®Preferred Networksã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã€‚ Preferred Networksã¨ã„ãˆã°ã€æ—¥æœ¬ã§ã¯æ•°å°‘ãªã„機械å¦ç¿’ç³»ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ä¼æ¥ã€‚ディープラーニングをæ¦å™¨ã«ã—ã¦ãŠã‚Šã€æ—¥æœ¬å„地ã‹ã‚‰å„ªç§€ãªäººæãŒé›†ã¾ã£ã¦ãŠã‚Šã€ã•ã¾ã–ã¾ãªä¼æ¥ã‹ã‚‰å¤šé¡ã®å‡ºè³‡ã‚’å—ã‘ã‚‹ãªã©ã€æ–°é€²æ°—é‹ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ä¼æ¥ã§ã‚る。ãã‚“ãªPreferred NetworksãŒã€ã‚³ãƒ†ã‚³ãƒ†ã®ã‚¯ãƒ©ãƒ•ãƒˆã‚µãƒã‚¤ãƒãƒ«ã‚²ãƒ¼ãƒ を作ã£ã¦ã„ã‚‹ã¨ã„ã†ã®ã ã‹ã‚‰ã€åŒç¤¾ã‚’知ã£ã¦ã„る人ã¯é©šã„ãŸã®ã§ã¯ãªã„ã‹ã€‚ã•ã‚‰ã«é¢ç™½ã„ã®ã¯ã€ã“ã®ä½œå“ãŒãƒ‡ã‚£ãƒ¼ãƒ—ラーニングを駆使ã—ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€ãã†ã§ã‚‚ãªã„ã®ã§ã‚る。 ãªãœ
Scratch（スクラッãƒï¼‰ã§ã‚²ãƒ¼ãƒ ã‚’ã¤ãã‚ã†ï¼ã‚¹ã‚¤ã‚«ã‚²ãƒ¼ãƒ 風ゲーム＜å‰åŠï¼ž
å°å¦ç”Ÿã§ã‚‚カンタンã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒå§‹ã‚られるScratch（スクラッãƒï¼‰ã€‚一ã‹ã‚‰ä½œå“ã‚’ã¤ãã‚‹ã®ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“ã€ã™ã§ã«å…±æœ‰ã•ã‚Œã¦ã„る作å“をリミックスã—ã¦æ–°ã—ã„ã‚‚ã®ã‚’作ã£ãŸã‚Šã€è‡ªåˆ†ãªã‚Šã«ã‚¢ãƒ¬ãƒ³ã‚¸ã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ä»Šæµè¡Œã—ã¦ã„る「スイカゲームã€é¢¨ã®ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã‚’紹介ã„ãŸã—ã¾ã™ã€‚ 作æˆã«ã‚ãŸã‚Šã€å‹•ç”»ã›ã¿ã¾ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã€ä½œã£ã¦ã¿ãŸã€‘スイカゲームã€é›£æ˜“度★★★】を大ã„ã«å‚考ã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 事å‰æº–å‚™ Scratchã®ä¼šå“¡ç™»éŒ² Scratchã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€å³ä¸Šã®ã€ŒScratchã«å‚åŠ ã—よã†ã€ã‚’クリックã—ã¾ã™ã€‚ ユーザーåã¨ãƒ‘スワードを入力ã—ã€æ¬¡ã¸é€²ã¿ã¾ã™ã€‚ ä½ã‚“ã§ã„る国をé¸ã‚“ã§ã€æ¬¡ã¸é€²ã¿ã¾ã™ã€‚ 生ã¾ã‚ŒãŸæœˆã€å¹´ã‚’é¸æŠžã—ã€æ¬¡ã¸é€²ã¿ã¾ã™ã€‚ 性別をé¸æŠžã—ã€æ¬¡ã¸é€²ã¿ã¾ã™ã€‚ 最後ã«ã€ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’入力ã—ã¦ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãŒä½œæˆã•ã‚Œã¾ã™ã€‚ 入力ã—ãŸãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰
マイクラ統åˆç‰ˆã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’作る上ã§ä¾¿åˆ©ãªVSCode拡張機能ã®ç´¹ä»‹ - マイクラã®æ³‰
Script APIã§ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆçµ±åˆç‰ˆã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’作る際ã®å…¬å¼æŽ¨å¥¨ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¯Visual Studio Code（以下VSCode）ã§ã™ãŒã€ãã®ã¾ã¾ä½¿ã†ã‚ˆã‚Šã‚‚拡張機能を入れãŸæ–¹ãŒæ ¼æ®µã«é–‹ç™ºãŒæ¥½ã«ãªã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯Script APIã§ãƒžã‚¤ã‚¯ãƒ©ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’開発ã™ã‚‹ä¸Šã§å°Žå…¥ã—ã¦ãŠããŸã„VSCodeã®æ‹¡å¼µæ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚
WebSocket（Node.js）ã§ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆçµ±åˆç‰ˆã«ã‚³ãƒžãƒ³ãƒ‰ã‚’発行ã™ã‚‹ã€æ¦‚è¦ç·¨ã€‘ - マイクラã®æ³‰
マイクラ統åˆç‰ˆã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ä»•çµ„ã¿ã¨ã—ã¦ã€Œã‚¢ãƒ‰ã‚ªãƒ³ã€ãŒå˜åœ¨ã—ã¾ã™ãŒã€å®Ÿã¯ã‚¢ãƒ‰ã‚ªãƒ³ä»¥å¤–ã«ã‚‚WebSocketを利用ã™ã‚Œã°ãƒžã‚¤ã‚¯ãƒ©çµ±åˆç‰ˆã®ã€Œå¤–部ã€ã‹ã‚‰ãƒžã‚¤ã‚¯ãƒ©ã‚’æ“作ã§ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯WebSocketサーãƒãƒ¼ã®ä½œã‚Šæ–¹ã¨ã€å®Ÿéš›ã«æŽ¥ç¶šã—ã¦ãƒžã‚¤ã‚¯ãƒ©ã‚’é éš”ã§æ“作ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ マイクラ統åˆç‰ˆã¯WebSocketã§ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã§ãã‚‹ ã¿ãªã•ã‚“ã¯ãƒžã‚¤ã‚¯ãƒ©çµ±åˆç‰ˆã®ã€Œwsserverã€ã¾ãŸã¯ã€Œconnectã€ã‚³ãƒžãƒ³ãƒ‰ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ã€‚普通ã«ãƒ—レイã—ã¦ã„ãŸã‚‰ã¾ãšä½¿ã‚ãªã„コマンドã ã¨æ–言ã§ãã‚‹ãらã„åˆ©ç”¨é »åº¦ã®ä½Žã„コマンドã ã¨æ€ã„ã¾ã™ã€‚コマンドã®èª¬æ˜Žã¯ã€ŒæŒ‡å®šã—ãŸURLã®websocketサーãƒãƒ¼ã¸ã®æŽ¥ç¶šã‚’試行ã™ã‚‹ã€‚ã€ã¨ãªã£ã¦ã„ã¾ã™ã€‚ connectコマンドã®èª¬æ˜Žæ–‡ï¼ˆwsserverコマンドもåŒæ§˜ã®èª¬æ˜Žï¼‰ 実ã¯ã“ã®ã‚³ãƒžãƒ³ãƒ‰ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒæ•™è‚²ç”¨ã«æä¾›ã—ã¦ã„る「Code Connection for
「何もã—ãªã„ã€ã‚¢ãƒ‰ã‚ªãƒ³ä½œæˆï½žæœ€åˆã®ä¸€æ©ï½ž ã€ãƒžã‚¤ã‚¯ãƒ©ã®ã‚¢ãƒ‰ã‚ªãƒ³ã®ä½œã‚Šæ–¹ã€‘ - マイクラã®æ³‰
ã™ã¹ã¦ã®ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ã‚¿ãƒ¼ã¨ã‚¢ãƒ‰ã‚ªãƒ³ä½œã‚Šã®æ¥½ã—ã¿ã‚’共有ã—ãŸã„。管ç†äººã®ã½ã£ã¡ãƒ¼ã§ã™ã€‚ 今回ã¯ã€ãƒžã‚¤ã‚¯ãƒ©ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’作るã¨ãã«æ¯Žå›žå¿…è¦ã«ãªã£ã¦ãる「何もã—ãªã„ã€ã‚¢ãƒ‰ã‚ªãƒ³ã®ä½œã‚Šæ–¹ã‚’紹介ã—ã¾ã™ã€‚ é¢ç™½ã„アドオンも便利ãªã‚¢ãƒ‰ã‚ªãƒ³ã‚‚最åˆã¯ã€Œä½•ã‚‚ã—ãªã„ã€ã‚¢ãƒ‰ã‚ªãƒ³ã‹ã‚‰ä½œã‚Šå§‹ã‚ã‚‹ã®ã§ã€ã¾ãšã¯ä½•ã‚‚ã—ãªã„アドオンã®ä½œã‚Šæ–¹ã‚’マスターã—ã¡ã‚ƒã„ã¾ã—ょã†ã€‚
Minecraft（マイクラ）ã®ã‚¢ãƒ‰ã‚ªãƒ³ã¨Script APIã¨ã¯ï¼Ÿ - マイクラã®æ³‰
マイクラã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’自分ã§ã‚‚作ã£ã¦ã¿ãŸã„ã‘ã©ã€ãã‚‚ãもアドオンã£ã¦ä½•ï¼ŸScript APIã£ã¦ã„ã†ã‚‚ã®ã‚’使ãˆã°ãƒ—ãƒã‚°ãƒ©ãƒ を書ã‘るらã—ã„ã‘ã©ã€Script APIã£ã¦ä½•ï¼Ÿã¨ã„ã†æ–¹ã€ã„らã£ã—ゃるã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚ãã†ã§ã—ãŸã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã‚¢ãƒ‰ã‚ªãƒ³ã¨ã¯ãªã‚“ãªã®ã‹ã¨ã„ã†ç‚¹ã¨ã€JavaScriptã§ã‚¹ã‚¯ãƒªãƒ—トを書ã„ã¦ã‚¢ãƒ‰ã‚ªãƒ³ã‚’作るã“ã¨ãŒã§ãã‚‹ 「Script APIã€ã¨ã„ã†ã‚‚ã®ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ スクリプトを使ã£ã¦ã‚¢ãƒ‰ã‚ªãƒ³ã‚’書ãã“ã¨ã§JSONファイルやコマンドを駆使ã™ã‚‹ã‚ˆã‚Šã‚‚比較的簡å˜ã«ã‚¢ãƒ‰ã‚ªãƒ³ã‚’作æˆã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ マイクラã®ã‚¢ãƒ‰ã‚ªãƒ³ã£ã¦ãªã«ï¼ŸScript APIã£ã¦ãªã«ï¼Ÿ ã¾ãšã¯ç”¨èªžã®ç¢ºèªã¨ã—ã¦ã€Œã‚¢ãƒ‰ã‚ªãƒ³ã€ã¨ã€ŒScript APIã€ã«ã¤ã„ã¦ç°¡å˜ã«æ•´ç†ã—ã¦ã„ãã¾ã™ã€‚ アドオンã¨ã¯ï¼Ÿ Minecraft（マインクラフトã€ä»¥ä¸‹ãƒžã‚¤ã‚¯ãƒ©ï¼‰ã®ã‚¢ãƒ‰ã‚ªãƒ³ã¨ã¯ã€ãƒžã‚¤ã‚¯ãƒ©çµ±åˆç‰ˆã«è¿½åŠ ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ã‚‚
VSCodeã«ChatGPTã‚’ï¼ å°Žå…¥æ–¹æ³•ã‚„ä½¿ã„方をç†è§£ã—ã¦æ¬¡ä¸–代ã®é–‹ç™ºç’°å¢ƒã‚’æ•´ãˆã‚ˆã†
ã¯ã˜ã‚ã« Microsoftã®æä¾›ã™ã‚‹Visual Studio Code（VSCode）ã¯ã€2015å¹´ã®æœ€åˆã®ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰ã€ä»Šã§ã¯é–‹ç™ºç”¨ã‚¨ãƒ‡ã‚£ã‚¿ã®å®šç•ªã®åº§ã‚’å ã‚ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã«ã¯ã€ç„¡å„Ÿã§ä½¿ãˆã‚‹ã“ã¨ã‚‚大ãã„ã§ã™ãŒã€ä½•ã‚ˆã‚Šã‚¨ãƒ‡ã‚£ã‚¿ã¨ã—ã¦ã®ä½¿ã„ã‚„ã™ã•ã€ãã—ã¦ã•ã¾ã–ã¾ãªæ‹¡å¼µæ©Ÿèƒ½ã«ã‚ˆã£ã¦ã„ãらã§ã‚‚使ã„å‹æ‰‹ã‚’å‘上ã•ã›ã€åˆ©ç”¨ã®é ˜åŸŸã‚’æ‹¡ã’られるã“ã¨ã‚‚大ãã„ã§ã—ょã†ã€‚本連載ã§ã¯ã€ã“ã®VSCodeã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã€åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰æ‹¡å¼µæ©Ÿèƒ½ã®æ´»ç”¨ã€ãã—ã¦æœ¬æ ¼çš„ãªé–‹ç™ºç¾å ´ã§ã®åˆ©ç”¨ã‚’想定ã—ãŸé«˜åº¦ãªæ©Ÿèƒ½ã¾ã§ã‚’紹介ã—ã¦ã„ãã“ã¨ã§ã€èªè€…ãŒVSCodeマスターã«ãªã‚‹ãŠæ‰‹ä¼ã„ã‚’ã—ã¾ã™ã€‚ 対象èªè€… テã‚ストエディタメインã§é–‹ç™ºã—ã¦ããŸæ–¹ Visual Studioより軽ã„環境ãŒæ¬²ã—ã„ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ Visual Sudio Codeã‚’ã‚‚ã£ã¨ä½¿ã„ã“ãªã—ãŸã„æ–¹ å¿…è¦ãªç’°å¢ƒ 本記事ã®å†…容ã¯ã€ä»¥ä¸‹ã®ç’°å¢ƒã§å‹•ä½œã‚’確èªã—ã¦ã„ã¾
å›ã¯VS Codeã®ãƒ‡ãƒãƒƒã‚°ã®çŸ¥ã‚‰ã‚Œã–る機能ã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã‚‹ã‹ - Qiita
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€kenã§ã™ã€‚ GWã«ã€Œæš‡ã ãªï½žï½žã€ã“ã‚“ãªæ—¥ã¯VS Codeã®å…¬å¼ãƒ‰ã‚ュメントをèªã‚€ã‹ï¼wã€ã¨æ€ã£ã¦ä½•æ°—ãªãèªã‚“ã§ãŸã‚‰ãƒ‡ãƒãƒƒã‚°ã«é–¢ã—ã¦çŸ¥ã‚‰ãªã„機能ãŒã„ãã¤ã‹ã‚ã£ãŸã®ã§ã€ä»Šå›žã¯ãれをã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãŠãらã今ã‹ã‚‰ç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ãªã„ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã—全部知ã£ã¦ãŸã‚‰VS Code完全ç†è§£è€…ãªã®ã§èª‡ã£ã¦ãã ã•ã„。（ï¼ï¼Ÿï¼‰ 以下ã«è¨˜è¼‰ã™ã‚‹å†…容ã¯VS Codeã®å…¬å¼ãƒ‰ã‚ュメントã®Debuggingã¨ã„ã†ç« ã‚’å‚考ã«ã—ã¦ã„ã¾ã™ã€‚ æ³¨æ„ ãƒ‡ãƒãƒƒã‚°ã§ä½¿ãˆã‚‹ä¾¿åˆ©ãªæ©Ÿèƒ½ ãƒã‚°ãƒã‚¤ãƒ³ãƒˆæ©Ÿèƒ½ 行を指定ã—ãƒã‚°ãƒã‚¤ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹ã¨ã€ãã®è¡Œã‚’訪れãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ãƒã‚°ã‚’出力ã§ãã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒã‚°å†…ã«ã¯{å¼}ã¨ã„ã†æ›¸å¼ã‚’使ãˆã°å¼ã‚‚å«ã‚ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã«ä¿®æ£ã‚’åŠ ãˆã‚‹ã“ã¨ãªãã€ãƒã‚°ã‚’出力ã§ãã‚‹ã®ã¯å¬‰ã—ã„ã§ã™ãï¼ï¼ ã“れ㧠「プリントデãƒãƒƒã‚°ã—ãŸprint行を消ã—忘れã¦PRã‚
一言ã§ç†è§£ã™ã‚‹React Server Components
ã“ã®è¨˜äº‹ã¯Reactå…¬å¼ã®å†…容を翻訳・紹介ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ç†è€…ã®è§£é‡ˆã‚„ç†è§£ã‚’ä¼ãˆã‚‹ã‚‚ã®ã§ã‚ã‚Šã€Reactã®å…¬å¼è¦‹è§£ã¨ä¸€è‡´ã—ã¦ã„ã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“。ã‚らã‹ã˜ã‚ã”了承ãã ã•ã„。 皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚最近Next.js 13.4ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€App RouterãŒstable扱ã„ã«ãªã‚Šã¾ã—ãŸã€‚App Routerã¯React Server Component (RSC) ã‚’ãµã‚“ã ã‚“ã«ç”¨ã„ã¦æ§‹ç¯‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ React本体ã§Server ComponentãŒãšã£ã¨alpha版ãªã®ã«Next.jsã§betaã¨ã‹stableã¨ã‹è¨€ã£ã¦ã‚‹ã®ã¯ä½•ã§ï¼Ÿã€€ã¨ã„ã†å•é¡Œã‚‚ã€React Canaryã®ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã«ã‚ˆã‚Šç„¡äº‹ã«è§£æ¶ˆã•ã‚Œã¾ã—ãŸã€‚ React Canaryã£ã¦ãªã«ï¼Ÿ 先日Reactå…¬å¼ãƒ–ãƒã‚°ã§ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã•ã‚ŒãŸã€æ–°ã—ã„リリースãƒãƒ£ãƒãƒ«ã§ã™ã€‚ ç†è€…ã®ç†è§£ã«ã‚ˆã‚‹æ¦‚è¦ã‚’ãŠä¼ãˆã™ã‚‹ã¨ã€Canary版ã®Reac
ʘmʘchim（オモãƒãƒ ï¼‰æŽ¡ç”¨æƒ…å ±ã‚µã‚¤ãƒˆ | æ ªå¼ä¼šç¤¾ã‚¢ã‚½ãƒ“ズãƒ
ʘmʘchim（オモãƒãƒ ）ã¨ã¯ã€ モノ作りã®æ¥½ã—ã•ã‚’åã©ã‚‚ãŸã¡ã«ä¼ãˆã¦ã„ããŸã„ã¨ã„ã†æ€ã„ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸã€ 新時代ã®éŠã³ã§ã™ã€‚ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹ã“ã¨ã§å˜ç‹¬èµ°è¡Œå¯èƒ½ãªå®Ÿæ©Ÿç体ã¨ã€ リアルã«ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã•ã‚ŒãŸä»®æƒ³ç©ºé–“㧠自由ã«ã‚¯ãƒ©ãƒ•ãƒˆéŠã³ãŒå‡ºæ¥ã‚‹ã‚²ãƒ¼ãƒ アプリã®äºŒã¤ãŒé€£æºã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ ã“ã‚Œã¾ã§ã¨ã¯ç•°ãªã‚‹æ–°ã—ã„éŠã³ã‚’生ã¿å‡ºã—ã¾ã™ã€‚
ã€Ventura】ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã® Mac åˆæœŸè¨å®š - Qiita
ã¯ã˜ã‚ã« 2023å¹´2月3æ—¥ã€Apple ãŒæ–°åž‹ã® MacBook Pro / Mac mini を発売ã—ã¾ã—ãŸã€‚ ãŠã‚‚ã‚ãšè²¡å¸ƒã®ç´ãŒç·©ã‚“ã§ãƒãƒã£ã¦ã—ã¾ã£ãŸæ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€Mac ã‚’è²·ã£ãŸã‚‰ã‚„ã£ã¦ãŠããŸã„åˆæœŸè¨å®šã‚’記事ã«ã¾ã¨ã‚ã¾ã—ãŸðŸ˜€ å‚考：ãŠã‚Œã®ãŠã‚Œã«ã‚ˆã‚‹ãŠã‚Œã®ãŸã‚ã®MacãŠã™ã™ã‚è¨å®š Chrome ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšæœ€åˆã« Chrome をインストールã—ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã«ãƒã‚°ã‚¤ãƒ³ã—ã¾ã™ã€‚ åˆæœŸè¨å®šã®éŽç¨‹ã§ã„ã‚ã„ã‚ã¨èª¿ã¹ã‚‚ã®ã‚’ã—ãŸã‚Šã€Google ドライブã«ä¿å˜ã—ã¦ãŠã„ãŸè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã‚’å–り出ã—ãŸã‚Šã—ãŸã„ã‹ã‚‰ã§ã™ã€‚ システムè¨å®šé–¢é€£ １. 入力周りをカスタマイズã™ã‚‹ ã“ã‚Œã‹ã‚‰è¨å®šã‚’進ã‚る上ã§ã€å…¥åŠ›ã§ãƒ¢ã‚¿ã¤ãã¨ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã®ã§ã€ã¾ãšã¯å…¥åŠ›å‘¨ã‚Šã‚’カスタマイズã—ã¾ã™ã€‚ トラックパッドを最é©åŒ– システムè¨å®š > トラックパッド > 軌跡ã®é€Ÿã•ã‚’最速ã«ã—ã¾ã™ã€‚ åŒæ™‚ã«ã‚¿ãƒƒãƒ—ã§ã‚¯ãƒªãƒƒ
The new wave of Javascript web frameworks
The new wave of Javascript web frameworksMake sense of the proliferation of new Javascript web frameworks. A deep dive into the problems at scale and the recent evolution of innovation. IntroductionStaying current in the Javascript ecosystem is not for the faint of heart. It’s challenging for those entering the industry to follow what’s happening amongst the new libraries, frameworks, concepts, an
CS50 for Japanese: コンピュータサイエンスã®å…¥é–€ – 当ウェブサイトã¯ã€Creative Commons ライセンスã«åŸºã¥ã„ã¦ç®¡ç†ã•ã‚Œã¦ã„ã¾ã™ã€‚
ãŠçŸ¥ã‚‰ã›: 2022/9/1 CS50 を活用ã—ãŸéžå–¶åˆ©ï¼å”è³›ä¼æ¥ã«ã‚ˆã‚‹ã€Œã‚³ãƒãƒŠå¦ç”Ÿæ”¯æ´ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å®Ÿæ–½ä¸ â–¼ å¦ç”Ÿã®æ–¹ã¸ï¼šCS50 ã®å¦ç¿’（履修証明書ã®å–得）を一緒ã«å–り組むプãƒã‚¸ã‚§ã‚¯ãƒˆ CS50日本語版ã®ç¿»è¨³ã‚³ãƒ³ãƒˆãƒªãƒ“ューターã§ã‚ã‚‹ CODEGYM ãŒä¸»å‚¬ã™ã‚‹ã€éžå–¶åˆ©ï¼ç„¡å„Ÿã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒCODEGYM Academy (外部リンク)ã€ã¯ã€æ˜¨å¹´ã«ç¶šã2022年度（春/秋）もã€ã‚ャリアé¸æŠžã‚’控ãˆãŸå¦ç”Ÿã«å¯¾ã—ã€ä»¥ä¸‹ã®ä¼æ¥ã®å”è³›ã«ã‚ˆã‚Šç„¡å„Ÿã§17週間ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚«ãƒªã‚ュラムをæä¾›ã—ã¾ã™ã€‚ CODEGYM Academy å”è³›ä¼æ¥ï¼ˆ2022年） https://codegym.jp/academy/ 今年度ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ç· ã‚切りã¾ã—㟠— よã†ã“ãï¼ ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ãƒãƒ¼ãƒãƒ¼ãƒ‰å¤§å¦ CS50 ã®æ—¥æœ¬èªžç‰ˆç¿»è¨³ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒšãƒ¼ã‚¸ã§ã™ã€‚当サイトã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã«æŽ²è¼‰ã•ã‚Œã¦ã„るコンテンツã¯ã€Cre
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
オレを救ã£ãŸ Cline を紹介ã™ã‚‹
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¯èƒ½ãªç›¸æ£’ã¨å†’険ã™ã‚‹ã‚µãƒã‚¤ãƒãƒ«ã‚¯ãƒ©ãƒ•ãƒˆã€ŽOmega Crafterã€12月2æ—¥ã‹ã‚‰Steamã«ã¦ãƒžãƒ«ãƒãƒ—レイå¯èƒ½ãªã‚ªãƒ¼ãƒ—ãƒ³ãƒ™ãƒ¼ã‚¿é–‹å‚¬ï¼ | Game*Spark - å›½å†…ãƒ»æµ·å¤–ã‚²ãƒ¼ãƒ æƒ…å ±ã‚µã‚¤ãƒˆ
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‘ã‘フォントã®æ–°ã—ã„é¸æŠžè‚¢ã€Œ0xProtoã€ï¼ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’押ã•ãˆã¤ã¤ã‚‚ã€å¯èªæ€§ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‹¬è‡ªã®å·¥å¤«ã€‚控ãˆã‚ãªåˆå—活用もã¡ã‚‡ã†ã©ã„ã„ã€ãƒ¬ãƒ“ュー】
{{#tags}}- {{label}}
{{/tags}}