00:00
-00:00

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

15
4
作成した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のフォローをお願いします!
2025年5月24日
コメント(4)
ワーパパCTO🦥SWC🦥
「AIを使えばアプリが作れる時代」と言われても、開発AIツールを使うのもハードルですし、そこからさらにGitHubと連携させたり、PCやスマホからも使える状態にデプロイしたりと、その先のハードルもありますもんね…! そのハードルを下げるための情報はめちゃくちゃ重要だなって思います!!
2025年5月25日
いいね 3
コヤマ🦥SWC🦥
ホント、「自分で調べて実行する」までの難易度は格段に上がってますね😅   「Windsurfで何ができるのか」がわかってないので、とりあえず触ってみます!!
2025年5月25日
いいね 3
しらい
まとめ助かります!インストールはしたので、GitHub連携とかしてなんか作ってみます!
2025年5月24日
いいね 3
コヤマ🦥SWC🦥
GitHubとの連携もWindsurfがやってくれたので、そこは簡単にできました! インストールまで終わったらできたも同然です(笑)
2025年5月25日
いいね 3
コメントは
無料アプリ
から投稿できます
おすすめの放送
stand.fmの無料アプリでもっと便利に
Google Play Store
App Store
about stand.fm
放送が更新されたらプッシュでお知らせされるので最新の放送を聞き逃さない。
about stand.fm
バックグラウンド再生で他のアプリを使用しながら、放送やライブが聴ける。
about stand.fm
放送やライブ、コミュニティでコメントが送れて配信者とコミュニケーションができる。
about stand.fm
アプリだけでかんたんに音声を収録して投稿できて音声の編集もできる。
jasrac
JASRAC許諾番号
9024598002Y31016
9024598004Y31016
nextone
NexTone許諾番号
000006134
© 2026 stand.fm, Inc.