[{"_1":2,"_193":-5,"_194":-5},"loaderData",{"_3":4,"_12":13},"root",{"_5":6,"_7":-5,"_8":9,"_10":11},"isDevelopment",false,"currentUser","locale","es","gaTrackingId","G-G8MSXF5H43","routes/$locale+/user.$handle+/page+/$slug+/index",{"_8":9,"_14":15,"_7":-5,"_184":6,"_185":-5,"_186":175,"_187":107,"_188":60,"_189":6,"_190":191,"_192":108,"_181":182},"pageWithTranslations",{"_16":17,"_137":138,"_129":130,"_154":155,"_181":182},"page",{"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_129":130},"id",404,"slug","R2opFNmc","content","

vscodeの拡張で、チャットでaiに指示を出すよくあるやつなんだけど、実行能力と生成されるコードの精度がすごい｡

ターミナルでコマンド実行したり､エラーを自動で修復してくれたりする。

そして生成されるコードのそのまま使える割合が高い｡cursorだと40%くらいしか使えないが､clineなら70%くらいそのまま使えるの出してくる｡

実際の開発で使っているところを紹介する｡
\n
\nこの記事を書いているこのサイトに､以下の画像のようなフローティングメニューが欲しかった｡原文だけ表示したり訳文だけ表示したりする機能だ｡

なので､以下のファイル名とさっきの画像を渡して､上スクロールした時だけふわっと出るようにこのメニューを作ってくれとお願いした｡
\n/web/app/routes/$userName+/page+/$slug+/index.tsx
\n
\nすると以下のような返答が来た｡

許可をすると､以下のようなファイルを作成してくれた｡

この時点でかなりすごい｡cursorだとcomposerでも似たようなことができるが､clineで作らせるとかなり精度が高いものが最初からできる｡
\nweb/app/routes/$userName+/page+/$slug+/components/FloatingControls.tsx
\nファイルの場所もほしいところにまさにある｡
\nsaveを押すと今度は別のファイルを更新し始めたが､以下のように色んなところを変え始めた｡

なので変えすぎだと指示をすると今度は複数のファイルを読み始め､今度は適切なコードを生成した｡

もちろんまだ完璧ではないので､ちょっとした修正は必要だったが､それで完成したのがまさにこのページを少し上にスクロールすると出てくる右下のメニューだ｡
\nすごい｡これまで試してきたコード生成系エージェントで一番だと思う｡特に既存のコードのルールに従って生成するのがうまい｡未来を感じる｡
\n
\nあとサーバーを起動してcline自身がテストしてくれる機能もあるみたいだが､以下画像のようにsaveボタンがグレーアウトして押せなくて試せなかった｡これもできたらめちゃめちゃすごそうだ｡

","sourceLocale","ja","status","PUBLIC","createdAt","14/11/2024, 15:28:35","updatedAt",["D",1738048784046],"userId","h287i1yvn70astrond9wh4yu","pageSegments",[36,49,57,65,73,81,89,97,105,113,121],{"_18":37,"_38":39,"_40":41,"_42":43,"_44":19,"_28":45,"_30":46,"_47":48},303579,"text","https://github.com/cline/cline","number",2,"textAndOccurrenceHash","107aa13d194e6a9e1225e8c229485c221c7f779552d7dc93011121b2ec9bbd45","pageId",["D",1734364952852],["D",1738048783951],"pageSegmentTranslations",[],{"_18":50,"_38":51,"_40":52,"_42":53,"_44":19,"_28":54,"_30":55,"_47":56},303580,"ターミナルでコマンド実行したり､エラーを自動で修復してくれたりする。",3,"03145f747da33d0619d4c01c37ad3295efaefaa31173bc8d920adfa8c0fd9080",["D",1734364952852],["D",1738048783951],[],{"_18":58,"_38":59,"_40":60,"_42":61,"_44":19,"_28":62,"_30":63,"_47":64},303583,"なので､以下のファイル名とさっきの画像を渡して､上スクロールした時だけふわっと出るようにこのメニューを作ってくれとお願いした｡ /web/app/routes/$userName+/page+/$slug+/index.tsx すると以下のような返答が来た｡",6,"3e7ad1ffac7ff07ab3d7c8ab60d91fdac198d06c2476e141408dd66afa14e197",["D",1734364952852],["D",1738048783952],[],{"_18":66,"_38":67,"_40":68,"_42":69,"_44":19,"_28":70,"_30":71,"_47":72},303593,"vscodeの拡張で、チャットでaiに指示を出すよくあるやつなんだけど、実行能力と生成されるコードの精度がすごい｡",1,"07e692c508707ad884375b90100692280c7db842bce675ac050671967ce7aeaf",["D",1734365010498],["D",1738048783951],[],{"_18":74,"_38":75,"_40":76,"_42":77,"_44":19,"_28":78,"_30":79,"_47":80},303582,"実際の開発で使っているところを紹介する｡この記事を書いているこのサイトに､以下の画像のようなフローティングメニューが欲しかった｡原文だけ表示したり訳文だけ表示したりする機能だ｡",5,"6dc7080db1818828f6d8d71f4de6015d09f9b1b2f9b5a6384d8652a23924f7cf",["D",1734364952852],["D",1738048783952],[],{"_18":82,"_38":83,"_40":84,"_42":85,"_44":19,"_28":86,"_30":87,"_47":88},303581,"そして生成されるコードのそのまま使える割合が高い｡cursorだと40%くらいしか使えないが､clineなら70%くらいそのまま使えるの出してくる｡",4,"299f65d170d7a085cd448a332aa20e51d0f44ab76e77c79604cb85e631e4d052",["D",1734364952852],["D",1738048783952],[],{"_18":90,"_38":91,"_40":92,"_42":93,"_44":19,"_28":94,"_30":95,"_47":96},303585,"この時点でかなりすごい｡cursorだとcomposerでも似たようなことができるが､clineで作らせるとかなり精度が高いものが最初からできる｡ web/app/routes/$userName+/page+/$slug+/components/FloatingControls.tsx ファイルの場所もほしいところにまさにある｡ saveを押すと今度は別のファイルを更新し始めたが､以下のように色んなところを変え始めた｡",8,"c072f79344feaf58aa5e338f64159d99fe6e785694194a40941c6ab6c1d2f3dc",["D",1734364952852],["D",1738048783953],[],{"_18":98,"_38":99,"_40":100,"_42":101,"_44":19,"_28":102,"_30":103,"_47":104},303584,"許可をすると､以下のようなファイルを作成してくれた｡",7,"5b1fc3c613430cb0c47c8b86923a0f04a83833fe437dd59aab1a49f6d2dd742c",["D",1734364952852],["D",1738048783952],[],{"_18":106,"_38":107,"_40":108,"_42":109,"_44":19,"_28":110,"_30":111,"_47":112},553491,"ClineというAIエージェントがすごい",0,"5ec883c109d654f64f1a60c4e9b6b4066854e258537415b12e9736683999e129",["D",1734391422113],["D",1738048783951],[],{"_18":114,"_38":115,"_40":116,"_42":117,"_44":19,"_28":118,"_30":119,"_47":120},303586,"なので変えすぎだと指示をすると今度は複数のファイルを読み始め､今度は適切なコードを生成した｡",9,"70f9fc147d9dd5f6bb9e35f82c7f1f52377b8d3e0b9af781c3f75bb47a3d52be",["D",1734364952852],["D",1738048783953],[],{"_18":122,"_38":123,"_40":124,"_42":125,"_44":19,"_28":126,"_30":127,"_47":128},303587,"もちろんまだ完璧ではないので､ちょっとした修正は必要だったが､それで完成したのがまさにこのページを少し上にスクロールすると出てくる右下のメニューだ｡すごい｡これまで試してきたコード生成系エージェントで一番だと思う｡特に既存のコードのルールに従って生成するのがうまい｡未来を感じる｡あとサーバーを起動してcline自身がテストしてくれる機能もあるみたいだが､以下画像のようにsaveボタンがグレーアウトして押せなくて試せなかった｡これもできたらめちゃめちゃすごそうだ｡",10,"5706a4632763c251323b558e13b1cde43a47f1c39f676a432c13dea679ebf5ab",["D",1734364952852],["D",1738048783953],[],"tagPages",[131],{"_132":60,"_44":19,"_133":134},"tagId","tag",{"_18":60,"_135":136},"name","ai","user",{"_18":33,"_139":140,"_135":141,"_142":143,"_144":145,"_146":147,"_148":108,"_149":6,"_150":151,"_28":152,"_30":153},"handle","tomolld","ともき","image","https://images.eveeve.org/uploads/1724336202761-IMG_3907.jpeg","profile","https://x.com/tomolld\ndeveloper","plan","free","totalPoints","isAI","provider","Google",["D",1723423176878],["D",1736069001893],"segmentWithTranslations",[156,161,163,165,167,169,171,173,175,177,179],{"_157":36,"_158":159,"_160":-5},"segment","segmentTranslationsWithVotes",[],"bestSegmentTranslationWithVote",{"_157":49,"_158":162,"_160":-5},[],{"_157":57,"_158":164,"_160":-5},[],{"_157":65,"_158":166,"_160":-5},[],{"_157":73,"_158":168,"_160":-5},[],{"_157":81,"_158":170,"_160":-5},[],{"_157":89,"_158":172,"_160":-5},[],{"_157":97,"_158":174,"_160":-5},[],{"_157":105,"_158":176,"_160":-5},[],{"_157":113,"_158":178,"_160":-5},[],{"_157":121,"_158":180,"_160":-5},[],"existLocales",[183],"en","hasGeminiApiKey","userAITranslationInfo","pageSegmentTitleWithTranslations","sourceTitleWithBestTranslationTitle","likeCount","isLikedByUser","pageCommentsWithUser",[],"pageCommentsCount","actionData","errors"]