create.xyz
create.xyzは，ノーコードでWebアプリを作成できるサイトです．
他のノーコードツールと比べて，このサイトは，Chat-GPTやClaude,Stable diffusionなどのAIツールのAPIを無料で使用することができます！
有料プランもありますが，無料プランでも20プロジェクトまでは無料で作れます．
ただし，publishした時に，create.xyzのロゴが表示されるので，それが気になる場合は有料プランにする必要があります．
ノーコードツールの特徴
ノーコードツールは，プログラミングをしなくてもWebアプリを作成できるツールで，プログラミング初心者の方でも簡単にWebアプリを作成できます．
ただし，細かい部分の修正を今回のようなサイトでは，言葉で伝えるため難しい部分があります．
例えば，create.xyzでは，タイトルを変更したいだけなのに，全体のデザインが変わってしまうことがあります．
そういったノーコードツールでも細かい修正をするポイントを押さえておくと，スムーズに作業が進むと思います．
もちろんコードをダウンロードしてという方法もありますが，create.xyzで生成したものでないと，Chat-GPTなどのAPIを無料で使用することができません．
初めのプロンプト文の作成
はじめのプロンプト文を作る時は，自分で頑張ってプロンプトを考えずにGPTsに頼りましょう．
GPTsは，あるタスクに特化したChatGPTであり，無料ユーザーでも現在は使うことができます．
最もチャット数が多かったものとして以下のものがありました．
ランキングは変わっている可能性があるため，GPTsの検索画面でcreate.xyzと検索してみてください．
修正のポイント
create.xyzで修正する際のポイントは以下の通りです．
1. プロンプト文を一度全て削除してから修正する
create.xyzは現在作成されているwebアプリを元にして，プロンプトを読んで新しいwebアプリを作成しているようです．
そのため，一部分のみ変更したいなどの場合は，全てのプロンプト文を削除してから修正したい部分のみ伝えてみましょう．
2. ステップバイステップで修正する
一度に多くの修正をさせようとすると，（無料版だからかもしれませんが）生成が途中で止まってしまう場合があります．
フロントのコード行数で300行あたりまで行くと止まりやすくなります．（プロジェクトによって異なるとは思います．）
ただし1,2機能ずつ追加していくと，結果的には多くの行数を生成することができます．
これはおそらく，create.xyzが生成する際に，前のwebアプリの情報を用いているためだと思われます．
途中で止まってしまった場合，続きを書いてとだけ入力すると続きを含めて生成してくれます．
3. 履歴を使用
生成してもらったwebアプリが動かない時は，fix bugsと表示されますが，そのボタンを押しても修正されないことがあります．
これは，前のwebアプリの情報を用いているためだと考えられるので，このような時は，一度うまく行っていたバージョンに戻してから，再度修正を行いましょう．
create.xyzでは生成したバージョンを自動で保存してくれます．
上の履歴っぽいアイコンを押してみましょう．
4. コードをそのまま貼り付ける
ノーコードツールのメリットはどこに？となりそうですが，タイトル文や，Chat-GPTへのプロンプト文を変更したいだけの場合は，生成されたコードをそのまま貼り付けて，修正したい分だけ編集してみましょう．
実際にコードを書くというよりかは，日本語の部分を編集するだけなので，簡単に修正できると思います．
コードをクリックすることで直接編集できました．
前のバージョンに戻って同じようなものを生成して欲しいときはコードを貼り付けるのも良いでしょう．
コードを貼り付けた場合，初めに「このコードを生成してください．」と書くと，プロンプトに書いたコードをそのまま生成してくれます．
たまに，インポート文を勝手に抜いたりするので，「インポートを忘れないでください」など書くと良いでしょう．
さらに，コードの部分を```で囲むと，より良いでしょう．
5. プロンプト文を整理する
プロンプト文を追加するタイプでやっていると，情報がごちゃごちゃになってしまったり，一部では変更したが，他を編集しておらず矛盾が生じることがあります．
そのため，ある程度回数を重ねたら，またGPTsなどにプロンプト文をそのまま投げて，整理してもらうと良いでしょう．
まとめ
create.xyzは，ノーコードツールの中でもAIツールを無料で使用できるので，非常に便利です．
ノーコードツールは細かい修正が難しいという難点がありますが， この機会にぜひ使ってみましょう！