【note記事用】Windsurfで「todoリスト」を作りました！

作成したtodoリスト管理ツールはこちらの投稿から💁‍♂️ https://x.com/ri_ra_ta_na/status/1926189059656872234?s=46&t=i3-fhlajBc20HtvvOhs3Lw 今回の配信では、主に僕がWindsurfを使ってtodoリストのアプリを作った経験や、その際に感じたことについて、話した内容をギュッと凝縮してまとめます。 Windsurfとの出会いと準備！ Windsurfは公式サイトからダウンロードして、Googleアカウントで登録しましたね。 最初は全部英語表記で戸惑ったんですけど、拡張機能で日本語表示に変えました！やり方はGPTに教えてもらいました。 コードを保存するフォルダも、自分の好きな場所に作っておけば大丈夫です。 アプリ作成、開始！ 画面右側の「Cascade」ってところにチャットがあって、そこに作りたいものを相談しながら進めていく感じですね。 僕は最初、無料版のSWE-1っていうモデルを使って、プロンプトはChat GPTに考えてもらいました。 それをコピペしてWindsurfに投げて作ってもらったんです！途中から有料版のClaude 3.7 Sonnetに変えましたけど、最初の2週間くらいは無料でも有料版のモデル、例えばGemini 2.5 ProとかChat GPT 4.1oも使えるみたいですよ。 トラブル発生…でも大丈夫！ Windsurfにコードを書いてもらう中で、タスクの追加はできるけど完了ボタンが押せない！なんてこともありました…。 でも、実際に触って「完了ボタン押せないんですけど、どうなってますか？」って相談したら、ちゃんと直してくれましたね。 GitHubとの連携も！ イケハヤさんが「GitHubを使った方がいいよ」っておっしゃってたので、アカウントを作ってWindsurfと連携させました。 やり方は全部Windsurfに教えてもらって、メールアドレスとアカウント名だけで簡単に連携できました！ そして、デプロイへ！ 作りたいものができたら、最後は「デプロイ」ボタン！Cascadeの中にあるロケットみたいなマークですね。 これを押したら、僕の場合はURLが出てきて、クリックしたら実際にtodoリストが使えるようになりました！ 作ってみた感想！ todoリストを作ること自体は本当に簡単でしたね！それよりもWindsurfのインストールとか、GitHubとの連携の方が正直めんどくさかったです…。 でも、おかしなところをWindsurfに投げたら勝手に直してくれるのは、すごく助かりました！ ちょっとした裏話…？ 変な可愛らしいキャラクターが出てくるんですけど、プリスタ君の画像を読み込ませてコメントするように頼んだら、なんか丸い変なキャラクターになっちゃいました…。 多分修正頼めば直してくれそうですけど、まあいっか、と。 セキュリティについても聞いてみたら、特に問題ないですよーって言ってましたね。 これからやってみたいこと！ 本当は、このタスクとGoogleドキュメントが連携できたら最高だなって思ってるんです！タスクをチェックしたら、勝手にGoogleドキュメントに入力される…みたいな。ただ、ちょっと面倒くさそうだなーとも思ってます…。 今回の配信でお話しした主な内容は、Windsurfでtodoリストを作るのは意外と簡単だったけど、インストールとか連携の方が大変だった！でもAIが色々助けてくれるから、なんとかなる！…といったことでした。ただ、どういう仕組みで動いているかは全然分かってないんですけどね…。 最後までお聴きいただきありがとうございました！ ----- 【活動紹介】 【社会人✕投資✕最新テクノロジー】 普段は社会人をしながら、AI・NFTといった話題の最新テクノロジー活用法から、投資や暗号資産など、お金に関するリアルな実践情報まで、幅広く発信しています。 ネットだけでは得られない体験談や、初心者の方でも「これならできる！」と思えるような分かりやすい情報をお届けすることを心がけています。 ▼各プラットフォームで情報発信中！ぜひフォローをお願いします！▼ stand.fm (このチャンネル): 日々の活動や考えをリアルタイムでお届けします。 まずは、このチャンネルのフォローをぜひお願いします！ note: より詳しい解説や、文字でじっくり読みたい内容はnoteでまとめています。 実践的なノウハウや、深い考察はこちらからどうぞ！ 📝https://note.com/ri_ra_ta_na X (旧Twitter): 日々の気づきや、ちょっとした速報、他のSNSの更新情報などを発信しています。 お気軽に絡んでいただけると嬉しいです！ 🐦https://x.com/ri_ra_ta_na 最新情報を見逃さないためにも、ぜひ各SNSのフォローをお願いします！ --- stand.fmでは、この放送にいいね・コメント・レター送信ができます。 https://stand.fm/channels/6649cf88316143a771c72242