VibeCordingの紹介
今日も一日、ありがとうございました。
この放送はWeb3にハマった建築設計者が仮想通貨やトークンメタバースなどのWeb3の話と
時々建築の話、最近はAIの話を結構している放送です。よろしくお願いします。
今日は、VibeCordingでメール文からスケジューラーの予定を作る方法というお話をしたいと思います。
今日もAIの話で、最近ハマっているVibeCordingと呼ばれる雰囲気でコーディングしてツールやウェブサービスを作るというそのあたりで
その一つの事例をご紹介するお話になります。よろしくお願いします。
本題に入る前に話しておくべきことがあるんですけども、今日の時事的なニュースなんですけども
今日、お寿司職人さんと呼ばれるハンドネームのクリエイターさんがいるんですけども
その人の有料のノート記事が発売されました。そのノート記事の内容というのは
そのお寿司職人さんがVibeCordingを使ってイケてるウェブサイトを作るというような作り方みたいな
そんな方法が書かれたノートになります。これは有料のノートなので途中まで見れるんですけど
後半が有料ですというので、それが今日発売されました。
私もそのVibeCordingでウェブサイトを作るみたいなことは興味を持っていたので
このお寿司職人さんがそういうノートを作る作り方
ご自身が作られているランディングページとか商品のページという
イケてるページがあるんですけども、それを作るノウハウをノートにまとめますと
それを売りますみたいなことは3日ぐらい前から公表されていて
私の耳にも届いていたので、ぜひ買いたいなと思っていました。
ただ買えませんでした。結局買えませんでしたなんですけども
明日再販することが決まったらしいです。なので明日の20時ですね
ちょっと待機していこうかなと思うんですけども
そこでとあるサロンの中で買えなかったみたいな感じで
買いましたみたいなのがある反面は私は買えませんでしたみたいな
明日頑張るぞみたいなそんなチャットの流れがある中で
とある人がよしじゃあタイマーアプリを作ろうみたいな
お寿司職人さんが明日の20時に再販されるから
それをカウントダウンするようなタイマーアプリを作ろうみたいな
かこわらみたいなそんなチャットを書き込みをしていました
それを見た瞬間私はよしじゃあ作ろうと思って
カウントダウンのサイトを作ったんですよね
お寿司職人さんのノート記事の発売まであとは
今でいうと22時間とかですかね22時間何分何秒みたいな
カウントダウンするようなサイトを作りましたので
販売ページはこちらですみたいな感じで
ノートの記事のURLをリンクですねリンクを埋め込んだような
サイトをもう本当にちょちょっと作れるので作りました
この作ったのはバイブコーディングと言われるとちょっと難しい
ウィンドサーフとかクロードコードとかカーソルとか
メール文から予定を作成
そういった難しいようなソフトが思い浮かばれるんですけども
私が今回使ったのはクロードと呼ばれる一般的なチャットソフトです
それでも十分なサイトが作れるので
それでちゃちゃっと作ってXにポストしたところ
そのポストはお寿司職人さんのノートですね
ノート記事がお寿司職人さんが
販売しましたみたいなありがとうございますみたいなポストをされていて
それに引用リポストする形で
残念みたいな買いませんでした
明日はぜひ買うぞみたいな
カウントダウンするためのサイト作りましたみたいな感じで貼って
リポストしたら本当に何か数分でお寿司職人さんがいいねしてくれて
私は片思いでフォローしてたんですけども
ちゃんとフォローワークしてくれて
すごい非常に神な人だなというふうに感動しました
なので明日はちょっと買おうかなと思います
さすがに明日再販されて値段もちょっと上がるので
多分今回のような速攻売り切れみたいな感じにはならないかなと思うので
とはいえ売り切れたらまたショックなので
ちょっと明日の20時は待機していこうかなというふうに思っています
というようなお知らせ
嬉しいお知らせですね
という雑談をちょっと5分ぐらいしゃべってしまいましたけども
ここからが本題なんですけども
本題はバイブコーディングで
メール文からスケジューラーですね
予定表の予定スケジュールを作成するというお話をしたいと思います
その作り方みたいな面も少しお話できればなと思います
ちょっと音声高等なので
作り方とかそういうところは伝わりづらいかもしれないんですけども
こういったことがもうできるんだなっていう
バイブコーディングでできるんだなっていうのを
ちょっと感じてもらえればなと思っています
最近は先ほども言いましたけど
バイブコーディングでウェブサイトを作れるみたいなところが
自分にはないスキルすぎて
自分でもこんなのが作れるんだみたいな感じで感動していて
そっち方向に目が行ってるんですけども
一方でやっぱり会社員としての役立ちを
バイブコーディングで実現したいなという思いもあります
これは自分が役に立つっていうだけではなくて
こういうの作れるよみたいな周りの人々
周りの人々というか同僚たち 会社の人たちにも
こういうの作れるんだよっていう
これで時短できるんだよっていうのを伝えることで
自分 周りの人たちのためにもなるし
それが周りに回って自分のプレゼンスアップみたいな
そういったものにもつながるので
やっぱり会社員としての時短にバイブコーディングを使うっていうのも
非常にどんなのがあるのかなっていうのを
頭を悩ませているところです
その中で作ったのが今日のメール文から
予定を作成するっていうものになります
そしたらどんな感じで作るかをちょっと説明しますね
まず大前提として 私はこれをPythonという
コーディングツールを使って作りました
ちょっと2段階あるんですけども
1つ目はPythonファイルを作ることで
そのPythonファイルをダブルクリックしたら
それが立ち上がって予定を入れてくれるみたいな
そんなソフトを作りました
なのでPython限定みたいな感じになると思うんですけど
Pythonじゃなくてもおそらく作れるかなというふうに思っています
Outlookとの連携
ということで説明していきます
まず2つのツールで出来上がってるんですけども
1つがPythonで
ある日付とかタイトルとかの入力から
予定を作ってくれるっていうツールになります
私はスケジューラーとしては
WindowsのOutlookを使っているんですけど
私はというか私の会社はですね
なのでタイトルとか日付とか場所を
概要を入力したら
Outlookのスケジューラーに
カレンダーに予定が作成される
そんなようなソフトをPythonでまず作りました
何がいいのかというと
例えばメール文で
例えば何月何日にこういうことをやります
よろしくお願いしますみたいなメールが来るじゃないですか
そしたら予定があるので予定を作成しようと
スケジューラーに入れようと思ったら
まずスケジューラーを立ち上げて
2つやり方があるなと思っていて
1つは新規作成みたいな感じで押して
タイトルを入力して日付を入力して
時間を入力して場所を入力して
その間にその入力する日付とか場所っていうのは
メール文に書いてあるので
メール文を見ながらチラチラ見ながら
入力してその情報をそれどおりに入力してみたいな
コピペかもしれないですけど
っていうのがあるんですよね
それで作成するみたいな
または新規作成ではなくてカレンダーで
例えば6月23日にこういうのがありますって言ったら
6月23日のカレンダーまで行って
6月23日の後で10時から11時みたいになったら
10時から11時までのところをクリックして
そしたらそこに予定を作成するみたいなのが
出来上がるのでそこにタイトルと場所と概要を入れる
そんな感じですよね
これも6月23日ってメール文に書いてあるから
じゃあこのOutlookの画面の6月23日のところに行って
みたいな感じでまたメール文とチラチラ行ったり来たりしながら
入力するっていうのが通常の入力の仕方かなと思います
これって結構めんどくさいんですよね
ツール作成の背景と概要
私はめちゃめちゃめんどくさくて
脳も使うし行ったり来たりメール文と同じ情報を
Outlook側で探したり入力したりするっていうのを
すごい脳を使うんですよね
それに結構ストレスを感じてたので
こういうツールを作ったという背景があります
背景の話を一番最初に持っていくべきでしたね
っていう感じでちょっと作り方に戻ります
作り方は2つあって
1つ目はPython
とあるものを日付とか場所とか時間が与えられての文字列を
入力したらそれを読み取って
Outlookに予定を作成してくれる
これがPythonの1つのものになります
2つ目はメール文をそのままペッて貼り付けたら
その1つ目のPythonのツールに
入力するための文字列を出力してくれる
っていうツールが2つ目のツールになります
もう1回言いますね
1つ目が日付とかタイトルとかの文字列を入力したら
予定を作成してくれるツール
これがPythonのツールです
2つ目のツールっていうのは
Pythonに入れるための日付とかの文字列を
適当なメール文とかそういった適当な文章を入れるだけで
そのフォーマットが整った文字列を出力してくれる
っていうツールが2つ目のツールになります
こちらはCloudとかChat GPTなどのプロジェクトとか
GPT図とかの機能を使います
っていう2つのツールからなるものになります
具体的なツールの使用方法
作り方としては本当に簡単で
両方とも私は今回の場合はCloudを使いました
まず1つ目のPythonツールの作り方なんですけども
こんな感じのプロンプトです
GUIを使用して
日時やタイトルや場所などの文字列を入力すると
Windows Outlookに予定を作成してくれる
Pythonツールを作成してください
こんな感じの入力プロンプトになります
これでポチッと押したらPythonのコードを書いてくれて
Pythonデータが出来上がります
何回かそのPythonデータをダブルクリックして
エラーとか出たらこんなエラーが出てるんですけど
直してくださいとかそういったものを繰り返すと
Pythonツールをクリックしたら窓が出てきて
その窓に先ほどの日付とかの文字列を入力して
予定作成ポチッと押せば
もうOutlookに予定が作成されるっていうものを作りました
ここで入力する文字列っていうのは
タイトル何々 何月何日の何時から何時まで
場所何々 概要何々みたいな感じのフォーマットで
整えられてる必要があって
それ以外のフォーマットでそこに入力しても
何も起動しないんですよね
これが一つ目のツールになります
二つ目のツールっていうのは
そこに入力するためにタイトル何々
日時何々みたいな感じの整ったフォーマットに
出力してくれるようなものが二つ目のものになります
こちらもプロンプトとしては簡単で
日時や場所などの情報が含まれた文章を入力すると
さっきの夏季のようなフォーマットで
出力してくれるようなプロンプトを考えてっていう感じですね
その夏季のようなフォーマットっていうのは
先ほどPythonツールに入力するためのものになります
なので夏季のようなフォーマットっていうのは
日時何とか 時間何月何日 何時から何時
場所何とかっていうようなフォーマットを
例として入力しておきます
そうするとそういうものを
出力するためのプロンプトを作ってくれます
例えば文章から日時やタイトルを充実してくださいとか
タイトルが示されていない場合は
適当な適切なタイトルを考えるとか
来週とかなってる場合は日時を計算して
具体的には日付と日時にするとか
そんなプロンプトを出力してくれます
そのプロンプトをクロードで言うと
プロジェクトとかチャットGPTで言うと
GPTsのプロンプト 予めのプロンプトに入れておけば
あとはそのツールですね クロードのプロジェクトとか
チャットGPTのGPTsにメールの文章をコピーして
ペット貼り付けるだけで
タイトル 日時 会場 詳細っていうのの文字列を
出力してくれます
そうしたら 使い方としてはその文字列をまたコピーして
Pythonツールに放り込んで
予定作成って押せば予定が作られると
そんな感じになっています
ちょっと拙い口頭での説明だったんですけども
そんな感じのツールを作りました
ちょっと回りくどいなと思うんですけども
本来であれば これを曖昧なというか
メール文章 適当なメールの文章を入れたら
もうポチッと押すだけで予定を作成してくれる
ここまでやってくれたらいいんですけど
これを実装するには
多分APIと呼ばれる外部機能ですね
外部機能 ここで言うとPythonですね
PythonでAIを使う クロードを使うような
APIという連携させるような機能が必要なので
ここはちょっと踏み出すのはあれかなと思ったので
今日はその2段階のステップを踏むというのをやってみました
これはですね 割と使えるツールだと思うので
早速 明日か明後日ぐらいにレクチャー動画を撮って
社内に発信したいと思います
この発信した感想 反響の大きさとか
そんなところもこの放送でシェアできたらなというふうに思っています
ということで 今日はおしまいにしたいと思います
最後なんですけど また雑談なんですけども
この放送を撮っている間にちょっと休憩を挟みまして
これは移動の際の都合で休憩を取ったんですけども
その時にXを開いたら 先ほどの冒頭で雑談したお涼しい職人さんがですね
私の 先ほどいいねとかフォローしてくれたって言いましたけども
なんとですね 私のツイート 先ほどカウントダウンサイト作りましたっていうツイートを
リポスト 引用リポストしていただいて
ふみさんが作ってくれましたみたいな そんな引用リポストをしてくれました
めっちゃ嬉しいですね この場を借りて逆にありがとうございますとお伝えしたいです
ということで 最後はそんな雑談で終わりましたけども
今日はバイブコーディングを使って メール文から予定を作成するツールを作ったというお話をさせていただきました
という感じで まだまだ日頃の会社員でも使えるようなツールを開発できると思うので
その辺りを今後もお話ししていきたいと思います
それではお疲れ様でした またねバイバイ
