1. しらいチャンネル
  2. windsurf日記
2025-05-24 11:52

windsurf日記


---
stand.fmでは、この放送にいいね・コメント・レター送信ができます。
https://stand.fm/channels/664ee785316143a77128e577

サマリー

Windsurfを用いてノーコード開発に挑戦する様子が描かれています。具体的なインストール手順や機能、利用体験について話し、AIとのインタラクションを通じてアプリ開発の可能性を探っています。

Windsurfの導入
今日から、windsurfをいじってみようと思っておりまして、
1日30分くらいずつ、継続的にやっていけたらなと思っています。
それを文字起こししてもらって、何らかの生地起こし、生地起こし、生地起こしって言わないか、
いい感じにできたらいいなと思っています。
まだ、ちゃんと形は決まっていないですが、とりあえずこのwindsurfをいじろうというのでやっています。
30分くらいをwindsurfを触りながら出てきたやつとかをしゃべっていけば、ある程度良さげなと思うので、
それを文字起こしして、自分がやったこととか、つまずいたことがわかればいいんじゃなかろうかと。
わかりやすい解説記事は小山さんにお任せするとして、その小山さんへのバトンタッチとしてつなげる感じでやっていきたいと思います。
さて、まずはwindsurf、とりあえずインストールはしました。
で、インストールの手順から全部、チャットGPTにお願いしたんですよね。
これどこだったっけな、windsurf、改めて知らない方のために言うと、
windsurfについて非エンジニアにもわかるように概要を教えてほしいという風に言ったら、
Windsurfの機能
チャットGPTが、もちろんチャッピーがわかりやすく説明するねっていう風に、
チャッピー最近慣れ慣れしくて、一回切ったんですけどね、あれを。
もう一回ちょっと戻してみたら、ちょっとね、鬱陶しいですねチャッピー。
最近、ジェミニがちょっといい感じです。
ジェミニにちょっとね、気持ちがもっていられて、
気持ちがもっていられて、このね、チャッピー、当時は良かったんですけどね、
なんかすごい良かったんですけど、今は慣れ慣れしさが出てきちゃって、ちょっと倦怠期ですねチャッピー。
でもジェミニ、昨日、windsurf全然関係ないんですけど、
ピクセルか、Appleから回収しようと思って、宗教を変えようと思って、
ピクセルのこと調べてたんですけど、
ジェミニだと、最新情報持ってきてなくて、O3だとちゃんと教えてくれたので、
なんかそのあたり、ちょっとね、ChatGPTそこがちょっと優秀なんですよね。
検索して、徹底的に調べておいて出すっていうのが、ちょっとまたジェミニより優秀な気がしてるんですが、
使い方の問題なのかな。
ジェミニ、ぽぽさんが言ってた安く買うような感じの流れを説明したら、
もう確かピクセル9aってもう出てるんですけど、
9aかっこ借りっていう名前が出るとしたらみたいな、
このタイミングで多分出ると思うのでつって、
いやもう、9a出てますよっていう話をしたりしてね。
なんかいろいろジェミニちょっとね、その辺がGoogleなのにと思ったんですよね。
さて、Windsurfの話です。
Windsurfっていうのは、インターネット回線やWi-Fiとは関係なく、
マイクロソフトが開発している新しい圧縮…
あ、違うこれ違うわ。これ間違えたんだ。
これそれじゃなくてっていう話をして。
で、別問ですっていう話になったんですね。
一回このChatGPTと思いながら、
ここで急所がいいか。
オープンAIが買収したんですね。
用途、これ本当かどうかわかんないですけど。
AIを活用したノーコード開発ツール、非エンジニアを含む一般ユーザーが対象。
プログラミング知識がなくてもアプリ開発が可能と。
で、Windsurfについてですね。
これが、AIを活用したノーコード開発ツール。
この辺はいいか、もう。
ノーコード、コーディング不要でチャットのように話すだけでアプリができる。
そうなんですか。
GPTのようなAIがあなたの要望を理解して開発してくれる。
実際の使用体験
とりあえずそんなもので、
あれですね、インストールしました。
飛ばしましたけどいろいろ。
最初は公式サイトでダウンロードでインストールしましたね。
Windows版でインストールしました。
新しいパソコンを買ったんでね。
欲張りセットでいいやつを買ったんですので。
それでガシガシ動かしていけたらなと思います。
高差の影響なのか、値不足の影響なのかわからないですけど、
ダウンロードして、あるいはセットアップして、
最初の画面に今いますと、そういう感じですね。
Windowsアーフ、ゲッティングスタート、
コードビズ、ケース、
コードビズ、ケース、
コードビズ、ケース、
コードビズ、ケース、
コードビズ、ケース、
ケース、
カスケードか、
コードビズ、カスケードとオープン、コマンド、
パレットっていう2つが今オープニング画面に並んでいます。
で、ワークスペーシズ、
オープンフォルダー、コネクトトゥー、
これはね、何を選んでいいのかわからないので、
ここからまず、これをスクショして、
どうしようかな、
ジェミニに投げますか、
Windowsアーフ、
今ジェミニに投げましたと、
起動画面を見せて、
新しいプロジェクトを始める場合、
カスケードでコーディングを開始する、
中央、画面中央のGetting Started with Windowsアーフ、
セクションにあるコードビズ、カスケードをクリック、
それからコントロール、プラスLを押すと、
で、カスケードQでプロジェクトを生成、
ワークスペース、セクションにある、
Generate a Project with CascadeQをクリック、
右側のWrite with Cascadeペインを利用する、
それは新しいプロジェクトを開始したり、
既存のコードベースを変更したり、
加えたりできる、ということですね。
Ask Anything Control Plus Qとあるように、
コントロールプラスQを押して、
何か質問したり、コードブロックを挿入したり、
できるようになると。
何のこっちゃ分からなかったので、
とりあえず簡単な方法で、
簡単なものから始めたいですと。
チュートリアルとして適切なものを教えてください、
というふうに投げたら、
まずはWindowsアイアシスタントと思われる機能を使って、
会話したり簡単な文章を作ってもらったりすることから、
始めるのがいいでしょうと。
まずはWindowsアイアシスタントの画面に慣れようというので、
今回は画面右側にある、
ライトウィズカスケードと書かれた領域を使いましょうと。
ライトウィズカスケードで、
AIとおしゃべりしてみましょうということなので、
見てみると、
右側にライトウィズカスケードで、
カーソルを持ってくると指のボタンが出るので、
一旦そこを押してみて、
どういうライト、チャット、
チャットモードと記述モードがあるので、
チャットが切り替えられるっぽいですね。
チャットかな?
入力欄にチャットというタブがあれば、
そちらを選んで、
同様に試してみるのもいいかもしれません。
ちょっとやってみます。
今、チャットモードかな?
右側にあるチャットモードで、
簡単なウェブサイトを作りたいですというふうに、
入力したら、
大量に出してきたんですが、
ちょっと何のこっちゃわかんないですね。
はい、シンプルなウェブサイトを作成しましょう。
Pythonのなんちゃらフレームワークを使用して、
基本的なウェブアプリケーションを作成します。
まずプロジェクト、
ディレクトリを作成しますという感じで、
あれやこれやってますね。
なるほどね。
全然何もなるほどじゃないですけど、
これをどうすればいいんだ?
これをどうすればいいかも聞けばいいですね。
今聞いたところ、
わかりやすく説明させていただきますねということで、
プロジェクトフォルダーの作成して、
そこに今書いてもらったやつを
突っ込んでいく感じですね。
フォルダーにhtmlファイル用、
CSS画像用にそこに各種ファイルを入れていって、
で、ターミナルコマンドを開いて、
違う、コマンドプロンプトを開いて、
以下のコマンドを実行すると起動するはずっていう感じですね。
これ前、Zerosのレトロゲームを作った時も
同じようなことをやりましたね。
それで実行できたので、
これをやると出ますよっていう感じですね。
あとは作業する感じですかね。
一旦これで作業をちょっとやってみますか。
それで今日のWindowsアフは終わりです。
というわけで一旦ここまでです。
毎日何かしらWindowsアフいじって
使えるようになりたいです。
ありがとうございました。
11:52

コメント

スクロール