はてなブックマーク

最近急速に進化しているAIコーディングアシスタント。開発効率を上げるために導入を検討している方も多いのではないでしょうか。今回、私はここ1ヶ月間で「Windsurf」「Cursor」「GitHub Copilot」の課金枠を契約するに至って実際の開発で使い倒し中です。 というか最近はAIコーディングアシスタントを頻繁利用しており、課金枠が少なすぎてすぐにCursorを使い切ってしまったからなし崩しで課金しています！気を抜いてコンテキストが増えすぎるとすぐに数ドル消滅してしまうのでできる限り従量課金は避けたいからです。 それぞれのツールの特徴や使用感、課金体系の違いについてレポートしました。 ちなみにCursorに至っては1年間ほど使ってますがルール機能などをまともに活用し始めたのは最近です。 結論としてはCursorが一番良い (課金枠を使い果たした画像) 結論から言うと、最も使いやすいと

なぜなのか ref.current の変更では再レンダリングが起きないので、ref.current を useEffect の第二引数に渡しても再レンダリングが起きるまで useEffect で書いた処理は走ってくれません。 また ref.current は mutable 故に想定外の変更が起こりうるので、それを useEffect でハンドリングするのは大変です。 どうするべきか useRef を使わずに callback ref を定義します。 クラスコンポーネントで古いですがReactの公式ドキュメントでも紹介されています。 以下はレンダリング時に scrollIntoView するサンプルです。 // const SomeElementScrollIntoView = () => { const scrollTargetRef = useCallback((element: HT