AI がコードを書いた、その次のステップ
AIが書いた。出荷できる状態にしよう。
Refract は、AI ツールが生み出したコードを、よりきれいで一貫性があり、保ちやすいものに変えます。プロジェクトが大きくなっても、崩れないように。
変更はすべてあなたが承認します。Refract が勝手にプロジェクトを書き換えることはありません。
そこに置くべきでない仕事をしているインターフェースのコード
その場でしか意味を持たなかった、残った State と Effects
1ファイルには合っても、プロダクトには合わない構造
動くコードでも、散らかっていることがあります。 必要なのは、さらに生成されたコードではありません。生成されたコードが、良い状態のままであることです。
Refract は、AI がコードを書いたあとに起きることです。
不満のリストをもう一つ増やすのではありません。よりきれいなプロジェクトです。
export function Orders() {
const { data, loading } = useOrders()
const [data, setData] = useState([])
const [loading, setLoading] = useState(true)
useEffect(() => {
fetch('/api/orders')
.then((r) => r.json())
.then(setData)
.finally(() => setLoading(false))
}, [])
return <List items={data} loading={loading} />
}
コードベースになる前に
残るのは、保ち続けられるコードです。
よりきれい
目に見える散らかりは画面から引き出され、あるべき場所に置かれます。
より一貫している
繰り返されるロジックが増え続けません。プロジェクトは、12個の初稿ではなく、ひとつのプロダクトに見え始めます。
変えやすい
誰も意図して作らなかった迷路を踏まずに、次のものを足せます。
それでもあなたのもの
あなたがはいと言うまで、何も変わりません。何が起きるかを見られます。マージボタンはあなたが持ち続けます。
問題を指さすだけではありません。コードを良くします。
1
まずプロジェクトを学ぶ
Refract は、最後に変わったファイルだけでなく、ソフトウェアが実際にどう組まれているかを見ます。だからクリーンアップは、すでにあるプロジェクトに合います。
2
AI が残しがちな散らかりを見つける
コピーされたロジック。画面の中でのデータ取得。誰も使っていない State。残る Effects。アプリが大きくなった瞬間に痛む構造。
3
何からきれいにするかを伝える
問題が一つでないとき、意味のある順番が届きます。ノイズの壁ではありません。
4
クリーンアップを代わりにできる
変更が安全で範囲が限られているとき、Refract が用意します。あなたが承認します。変更を適用し、プロジェクトがまだまとまっているかを確認します。安全にできないときは、推測する代わりに、そう言います。
コードがプロジェクトになろうとする場所に現れます。
大切なリポジトリを接続してください。新しいコードが提案されると、Refract はその場でレビューします。
結果は一つ。決めるのはあなたです。
Refract
問題なし
この変更について、Refract から必要なことはありません。
Refract
クリーンアップ準備完了
安全なクリーンアップが用意されています。GitHub で承認してください。
Refract
確認してほしい
大切なことがあり、Refract は代わりに変えません。説明を読んでください。
はっきりした結果が一つ届きます。
GitHub 上で承認してください。今ある流れのまま。Refract は、第二の受信箱で暮らすよう求めません。
制御できる。見える。実質的に戻せる — 主導権はあなたにあるからです。
あなたが承認します。
あなたがするまで、Refract が変更を適用することはありません。
間違えるくらいなら、黙っています。
問題を証明できないなら、忙しそうに見せるために作りません。
安全にきれいにできないなら、できたふりをしません。
届くのは説明です。無謀な書き換えではありません。
自分の仕事を確認します。
クリーンアップが着地したあと、Refract はもう一度見ます。失敗したクリーンアップを成功とは言いません。
アプリを書き換えるチャットボットではありません。
適用するクリーンアップは具体的で、範囲が限られています。創造的な推測は「修正」ではありません。
3つのステップ。あとは働きながら動きます。
1
アカウントを作る
メールとパスワード。それが Refract のログインです。GitHub でのサインインではありません。
2
GitHub を接続し、リポジトリを選ぶ
きれいにしたいプロジェクトに Refract アプリをインストールします。どれにするかはあなたが選びます。
3
出荷を続ける
今までどおりプルリクエストを開きます。Refract はプロジェクトの文脈で変更を読みます。クリーンアップの準備ができたら、承認します。準備ができたらマージします。
アプリのインストールは、ログインとは違います。Refract のアカウントと GitHub のアクセスは、意図して分けています。
AI で作り、その結果と一緒に暮らす人のためのものです。
個人
Copilot、Cursor、あるいは次のモデルでプロダクトを出荷しています。コードは速く届きます。保守できるものであってほしい。
チーム
何人かが同時に生成しています。リポジトリが共有の記憶です。Refract は、その記憶がまとまったままであるためのものです。
今のために作った
GitHub 上の React と TypeScript。今、この問題が一番大きい場所です。他のスタックは、本物になったときに来ます。ホームページの約束としては出しません。
ソフトウェアを生成するチームには、生成の次のステップが必要です。
GitHub 上で AI を使って作る開発者に使われています。 初期チームになりませんか？ お問い合わせ
Refract ではないもの。
IDE ではありません。AI コーディングツールの代わりでもありません。汎用のリンターでもありません。すべての行に20個のコメントを残すボットでもありません。
プロダクト全体を一晩で組み直しません。すべてのセキュリティ問題を自動修正しません。代わりにマージしません。
React と TypeScript のプロジェクトのうち、AI が生成した部分を、よりきれいで、より明確で、保ちやすくします。主導権はあなたにあります。