# はじめに こんばんは、エンジニアのお家でまったり、 青少無象ラジオのニューブルーです。 この番組は、エンジニアだからお伝えできることや、 響きになったことなど、楽しくITを学べるチャンネルです。 聞きに来てくださってありがとうございます。 はい、今日はデイリートークテーマをやめて、 ちょっと最近というか、今週夏休みで、 今、クロードコードを使おうとして、 使おうとしてというか、今使っている最中なんですけど、 そこで今までは、私ずっとGoogleのジェミニ、 つまりアンチグラビティっていう、 コードのサポート、なんていうのかな、 コードをプログラミングしてくれるAIを使ってたんですけど、 ちょっとせっかくだからっていうのもあり、 夏休み、1週間休みがあるので、 一気にちょっとクロードコードの方が、 頭がいいとかいろいろありますよね。 そういった形でクロードコードでやってみると、 どれだけ私のエンジニアリングというか、 開発体験が向上するのかっていうのを 試してみたくて、体験してみたくて、 今やってるんですけど、その辺りを 実際に私がクロードコードを使ってみて、 アンチグラビティとの比較とか、 私が思ったことを、 今日はおつらつらとお話ししていきたいなと 思っております。 # 「Claude Code」を触ってみた素直な感動 クロードコードとアンティグラビティを比較してみてという形ではあるんですけど、 比較でモデルの頭の良さとかは、比較はするもんじゃないと私は思っているので、 世間一般的にはクロードの方が頭が良いと言われているので、そうだと思って聞いていただければというか、それで使っていただけばいいと思います。 実際に私が使ってみてクロードコードの方が良いなと思ったのは、 回答の、チャットでやり取りしますけど、そのクロードコードの回答のセンスというか、 そのあたりとかいろんな便利機能というか、そのあたりがエンジニア向けというか、プログラマー向けというか、 それに特化しているツールだなというのが、クロードコードの方が良いなと思ったのはあります。 ちょっと専門的な用語とかも入ってしまうので、申し訳ない部分はあるんですけど、 途中途中でわからない言葉とか、要するにそういうのがありましたら、 コメント欄でこのワード何って教えてみたいなコメントをいただければ、 次回以降とかで今更聞けないIT用語みたいな感じで取り上げたいと思うので、 ぜひコメント欄いただけると嬉しいです。 まず一番ちょっとこれいいなと思ったのが、 一個AIなのでチャットでまず指示を出します。 こういったウェブサービスを作ってという指示を出すんですけど、 そのときにまず何個か質問させてくださいって返ってくるんですよね。 今ちょっと試しでやろうとしているのが、 スタンプラリーを作れるサービス、ウェブサービスを作ろうとしていて、 一番最初にスタンプラリーを自分で作って公開できるウェブサービスを作りたいですっていうのを クロードコードに投げると、一個一個確認してくれるんですよね。 スタンプラリーなのでスタンプはどうやって押しますかとか、 スタンプラリーって今までスタンプラリー、 モバイルアプリとかでスタンプラリーに参加された方だったら分かるかもしれないですけど、 スタンプの取得方法って大きく分けると二つかな。 一つはGPSでその場所の近くに行くとスタンプが押されるっていうパターン。 もう一つがQRコードを読み取ることによって、 その場所に置いてあるQRコードを読み取ることによってチェックインするというか、 そういった感じでスタンプをしていくパターン。 この二つが大体大きな二パターンに分かれるかと思うんですけど、 それをまずどっち使いますかっていうのを聞いてくれたりとか、 あとは技術スタックというか、実際のプログラミング言語とか、 フレームワークって呼ばれるもののどれを使いますかみたいなのを聞いてきて、 今だったらトレンドはこれだから、おすすめはこれですよっていうのが選択肢の一番目にあったりとか。 その後は最初のバージョンで使いたい、最低限必要な機能はどれですかって聞いてくれるんですよね。 その一覧の中にスタンプラリーだったらスタンプの作成する機能だったりとか、 スタンプを収集する機能だったりとか、スタンプを集めた場合ですね、 コンプリートしたときに何か達成画面を表示する機能だったりとか、 あとはユーザーのログイン機能を設けますかみたいな4つぐらいの種類が出てきて、 その中で最初のバージョンではどれをリリースしますかみたいなのが出てきて、 そこから複数選択可能なので、これは最初から絶対いるなというのをポチポチ選んで、 これで作ってみたいな感じの仕様をするんですよね。 それで質問の回答全部終わったら、後は自動でクラウドコードのほうが作ってくれて、 できあがりましたよという回答をくれると。 そのあたりの本当に1個の人間が送った質問に対してクラウドコードが考えて、 これは分岐点というか、間違ったらいけないなみたいなところは、 ちゃんと人間に確認しに来てくれるっていうのはいい機能だなとは思いました。 これも最近のアンチグラビティのGeminiのほうにも結構聞いてくれるようにはなったんですけども、 昔というか以前はあまり聞いてこなかったので、 そのあたりの認識違いとかで勝手に進んでいくみたいな部分もあったので、 細かくこういった機能をやりたいとか、この機能はこういった手順になっているんだよみたいなのを 細かく説明しないとうまく作ってくれなかったんですけど、 そのあたりをちゃんと聞きに来てくれるっていうのはいいなと思いました。 もう一ついいなと思ったのが、作業中のログです。 これ、非エンジニアの方は読まないのかなと思うんですけど、 こういった最初に指示をしてね、こういったものを作ります、こういったものを作ります、 できましたみたいなのがずらずらずらずらログで出てくるんですけど、 それで一個一個ね、自動モードにしてると聞きに来ないですけど、 どうしていいですか、イエス、ノーとかっていうのがこういったAIツールは聞いてくるんですけど、 このログが結構クロードコードというかめっちゃ読みやすいんですよね。 本当に非エンジニアの人からすると、その専門用語がだらだら、だらだらって言ってないんだな、 専門用語が本当にずらずら並んでいるので、 これ何やったのかなっていうのが理解できないと思うので、 無条件でイエスを押したりとか、全部のログを飛ばして完成したんだなっていうね、 最後の完了しましたぐらいのところしか読まないとかあると思うんですけど、 このログね、エンジニアにとってはめっちゃいいですね。 何をしてきたのかっていうのを一個一個教えてくれるので、 その後で見直したりとか、 今、人間が本当にスタンプラリーを作ってくださいっていう指示に対して、 そのAIがどういった行動をしたのか、どういった機能を作ってきたのかっていうのを 一個一個ちゃんと説明してくれたりとか、こういったテストをしましたよとか、 いろんなログが本当にずらっと出てくるんですけど、 アンチグラビティのときも結構出てたのは出てたんですけど、 めっちゃ読みづらいかったので、正直あまり読んでなかったんですけど、 クロードコードは結構本当に見やすく返してくれたりとか、 ちゃんとテーブルで表示してくれたりとか、箇条書きにしてくれたりとか、 本当に読みやすいんですよね。 なので、これ読まなきゃなというか、読むのが楽しいみたいな感じになってて、 アンチグラビティよりクロードコードのほうが一緒に開発をしている感が大きいなというか、 そういったものがあるので、これが私の中で、 私の個人的な感想ではあるんですけど、一番クロードコードを使っていいなと思った機能になります。 あとは、ちょっと今から試していこうとしてるんですけど、 クロードコードの横にクロードデザインっていうものが存在します。 このクロードデザインとクロードコードを連携させることによって、 画面のデザインですよね。 もう本当にクロードデザインっていうぐらいだからそのままなんですけど、 クロードコードもそのままですけど、 クロードコードはコードを書くAI。 クロードデザインはデザインを作るAIという形になるので、 ウェブサービスとかスマホアプリとかもそうですけど、 画面のデザインって、私本当にそういったデザインスキル全くないので、 その辺りが大変なんですけど、 アンチグラビティの場合は、 アンチグラビティ任せというか、 ジェミニ任せになってた部分が、 このクロードデザインっていうものを使うことによって、 画面の操作をしながら、 デザインをちょっとちょっと、 ちょっとちょっとって、 ちょっとちょっとちょっとみたいになってますけど、 ちょっとずつ変更できるような、 まだちゃんと見れてはないんですけど、 おそらくFigmaみたいな、 Figmaも専用のツールに、 専門的なツールになってしまうのであれなんですけど、 それのような感じでデザインを変更して、 それをクロードコードの方に連携とか同期させることによって、 ソースの方も修正してくれる、 ソースとかコードの方も修正してくれる、 みたいなことをしてくれるっぽいので、 ちょっと調べながら、 使っていきたいなと思ってます。 という感じでちょっとね、 クロードコードを実際に使ってみて、 アンチグラビティからの乗り換え、 でも今後、 ずっと使っていくんだったら、 クロードコードの方が、 今の率直な感じでは、 エンジニアリングというか、 コードを書いてもらう上では、 クロードコードの方が楽しいな、 みんなが押すだけあるなと思って、 楽しみは今始まっているので、 とりあえず1ヶ月の課金をした状態なので、 そのあたりは使い倒して、 来月以降どうするかは決めようかなと思ってます。 言っても、 Googleの、 違う違う、 Google AIの契約はたぶん、 そのまま継続するでしょうね。 YouTubeとかいろんな、 Googleヘルスとかいろんな特典のほうもでかいので、 そっちのために契約しているような感じではあるし、 チャットツールがね、 クロードのチャットのやつの使い方が、 まだ分かってないですが、 同じようなそっちの画像生成とかは、 もしかしたらジェミンのほうがいいかもしれないので、 そのあたりも調べながらね、 やっていこうかなと思っております。 # Voicyサポートツールは無理だなぁあ 比較をする上で、今回スタンプラリーというのをテーマにして、 1個ウェブサービス、公開までいけたらいいなと思っているので、そちらは公開できたらまたお知らせしようと思うんですけど、 それと同時に、一番やりたかったことというか、それがこのチャプターのタイトルになってますとおり、 Voicyのサポートツール的なものを作りたかったんですね。 それはリスナー向けでもそうですし、パーソナリティ向けでもそうなんですけど、 何か本当にいろいろVoicyのウェブサイトって使い勝手が悪かったりとか、 一番私が気にしているのは検索機能ではあるんですけど、 その辺りを勝手にって言うとあれかもね、勝手になってしまうので勝手なんですけど、 そういったVoicyのサポートツールを作りたいなと思っていて、 マイクロドゥを使いながらいろいろどんなものが作れるかなというのを調べてたんですけど、 このVoicyサポートツールはちょっと無理かなというのが調べた感じ、感じというか結果ですね。 まず一つ目として、検索ですよね。 Voicyのいろんなパーソナリティさんが放送されている放送一覧を取ってきて、 それに対して検索をするとか、あと考えたのは生放送ですね。 トップページに生放送一覧というのがあるんですけど、 生放送ってフォローしているパーソナリティさんが生放送を開始しないと通知が来ないという仕組みになっているんですよね。 ってなると通知が来た時には、しかもタイムラグがあるので、 開始して1分後ぐらいかな、体感的にはぐらいに通知が来るので、ちょっと出遅れてしまうんですよね。 事前に入って待っとけよって話なんですけど、それもちょっと難しいというか、 生放送開始の10分前に通知が来るとか、5分前にもう一回通知が来るとか、 そういった感じのリマインダー機能があると便利かなと思って、それをやってみたいなと思って調べてたんですけど、 その2つをやろうとしている時に、まず一つ目の放送一覧を取るというのは、 ボイシーの規約というか、他人の、他の、私の放送は私に権限というか、 何だろう、著作権的なものがあったりとか、ボイシーさんにあったりとかするので、取ることは可能だったんですよね。 でも他のパーソナリティさんの放送内容については、そのパーソナリティさんのものなので、勝手に私が取ることはできないんですよね。 なので、検索機能は自分の放送だったらできるんですけど、それも微妙なところなんですよ。 ボイシーさんに権利もあると思うので、その辺りを勝手に使うというのはちょっとグレー、 ボイシーさんは多分許してくれるとは思うんですけど、ちょっと個人的にグレーかなと思うので、やめとこうかなという結論にはなりました。 あともう一つの生放送機能については、いろいろ調べると、取ること自体がダメなんですよね。 この辺りちょっと専門的な用語にはなるんですけど、スクレーピングって、今先のIT用語で放送したとは思うんですけど、 ボイシーさんのウェブサイトをアクセスして、そこで表示されている画面、その画面の情報からとある文字列を抽出するみたいなことができるんですけど、 それをスクレーピングって言うんですが、それをすることによって今生放送の一覧、今後放送が開始される生放送の一覧っていうのは取得できます。 あと、裏APIっていうものが存在して、これ造語なのかな。公開されていないAPIのことを裏APIって呼ぶんですけど、 そういったものを無理やり呼んでというか、公開されているAPIは呼んでいいんですけど、この裏APIって探せば見つかるんですけど、使っちゃダメなんですよね。 非公開で使われている、ボイシーさんが画面をウェブサイトとかスマホのアプリとかを作るときに、基本データを取るのはAPI経由になるんですけど、 これを公開せずにボイシーさんの中だけで使いたいAPIをまず作ってデータのやり取りをするんですけど、こういう非公開のAPIを裏APIって呼ぶんですけど、 それを探すことができます。これもスクレーピング機能的なのをやって、裏APIを探して、その裏APIを無理やり呼ぶってこともやろうと思えばできます。 でも、これってまず情報を探したりとか、どういったものを渡せばどういった答えが返ってくるのかみたいなのを調べるっていうのを、リバースエンジニアリングって呼ぶんですけど、 リバースですよね。逆方向から本来の使い方みたいな、どういった作りになっているのかを調べるっていうのをリバースエンジニアリングって言うんですけど、 それをするのは、ボイシーさんの規約的にダメですよっていう利用規約に書かれているので、まず裏APIがどんな作りになっているかっていうのを調べること自体が利用規約に抵触するので、まずできないと。 存在することは色々見てたら分かったんですけど、そこからどうやって使えるのかみたいなのを調べるのは利用規約にダメって書いてあるので、それ以上はやるのはダメだなと思ってそこで諦めたというかやめることにしました。 いろんなそういった規約ですとか、いろんなどんなAPIがあるのかとか調べたら、多分調べていけば裏APIも使えないようにはなっていると思うんですよね。 おそらくこれも専門的な話なので、一個一個呼ぶたびに結構なセキュリティは欠けていると思うので、簡単に裏APIを呼び出すことはできないんですけど、技術的にできないわけではないんですけど、それがリバースエンジニアリングは禁止ですよって利用規約に書いてあるのはそのためだと思うんですけど、そういったことをしてはいけませんって書いてあるので、やめるってことにしました。 なのでボイシーサポートツールを作りたかったのは作りたかったんですけど、そういった理由もあって今回はやめようかなというか、おそらくそのうちボイシーさんが公式としてウェブサイトリニューアルめっちゃしてほしいですね。 ウェブアプリもリニューアルしてほしいなってところなんですけども、どんどんAIがいろいろAIをボイシーさんの中でも取り込まれているので、すぐもう今年中に来るんじゃないですかね。勝手な想像はしてますけどリニューアルを楽しみに待っておこうかなと思います。 それまでに情報を引っこ抜いたとしても、それを自動化したとしても、おそらくそのリニューアルの時に全部情報が変わったらまた作り直しとか、その後に面倒くさいものもありますし、面倒くさいとかやっちゃダメなのでやらないですけど、そういった感じでボイシーサポートツールはちょっと一旦やめようかなと思って、他の何かを作っていこうかなと思っております。 # と言うわけで、アイディア募集中✨ はいということでまぁちょっとツラツラとお話ししましたけど 今後ねどうやっていく何やろうかなーってまず一つ目は最初のチャプターでもお話し したスタンプラリーのやつですねこれはまあ継続してちょっと作ってみてどんな感じの ものができるのかっていうのをまあ 実際にねあのウェブサイトウェブサービスとして公開できるまではやりたいなぁとは ちょっと思っております それの他に何か良いアイディアないかなぁと思ってまして まあ一つは今私がやっているCoder Dojoっていう仕組み まあ要はコミュニティ運営に関わるなんかサポートこれもサポートツールみたいなのをね 作れたらいいなとは思ったんですけど この辺も難しいんですよねそのその辺にあるって今言いかけようとしますけど言っちゃってる 感じですけど SaaSのウェブサービス使えばもう完結するというかできる 時代なのでそこに自分で何か作るっていうのはなんか違うなーってもなんか もったいないなーって気はするので 微妙ですねちょっとそのあたりも置いておいてで他に何がいいかなーってのを今ちょっと 考えている最中ではあるんですけど まあここで今このチャプターのタイトルにしてます通りちょっとアイディアが何かねこう いった なんかサービス欲しいなぁみたいなのがアイディアがありましたらぜひコメント欄にいただけると 嬉しいですそれをねちょっと 教えないでもらってなんか作りたいなーってのが あの夏休み本当に9連休まだこれ公開される時火曜日ですけどまぁ 水木金土日みたいな感じでまだ5日間ぐらいあるのでゆっくりアイディアいただけましたら 開発していきたいなと思っております web サービス あとはまあモバイルアプリですよねまぁでもねいろいろ見た感じ ai で結構モバイルアプリ作られている方が多いなと思ったんですけど これってそういうことかというのがこういうかクロードコードを作っ を触ってみてわかったことが本当に非エンジニアの人ってさっき一番最初に言いましたとおり あのクロードコードが返す こういった作業をしましたよってところを読まないので読まずに こういう何これやっていいですかイエスのって言ったらもうすべて全部イエスイエスイエスとして いくっていうのがまたも非エンジニアのリング エンジニアの方がやっていることなのかなと思ったんですけどその時に web サービスって 作るの大変なんですよね おそらくエンジニアの知識がないと web サービスは作れないと思います 全部 ai に任せるとすごいお金かかると思うんですよねいろんな web サーバー用意してアプリサーバー用意してデータベース用意してとか ファイルサーバー用意してとか大量にいろんな技術スタックというか いろんなことを 使って実装していく形になるのでウェブサービスを多分非エンジニアの人が作るのは大変 なので だからだからモバイルアプリが今大量にできているのかなとはいとと思いますね モバイルアプリだったら本当にスマホ上にねというかまあモバイルアプリ内に データ保存したりとかすればいいので結構簡単にすべて ai に任せ 切りで作れるという感じになるんですよねあとはまあ1公開するときのアップルの登録とか アンドロイドのグーグルの登録とかをして でそこに ファイルをアップロードするとかそういった登録作業はちょっと必要かもしれないですけどそのあたり は1回調べればねあの簡単にできると思うので そういった意味で5マイルアプリの方がハードルが低いんだなぁというのがちょっと今 クロードコードで作ったりとかしててあそっかという感じで思っております はいって感じで ちょっと今日はクロードコードを今までアンチグラビティしか使ってこなかったですけど この夏休みを機にクロードコードを触っているんだよって言うちょっとお話をさせて いただきました アイディア本当に募集中なのでぜひコメント欄にいただければと思います はいということで最後まで聞いていただきありがとうございました 当チャンネルでは今更聞けない it 用語シリーズとして身近でよく聞く it 用語だけど 何それってなるような用語を誰にでもわかる形でお話しさせていただいております またプレミアム放送もやっております プレミアム放送では公開できないプライベートな話ですとか 一般放送よりも先に情報を公開するなどプレミアム限定の放送を行っております ウェブからの申し込みで月額200円です 初月無料の設定をやっていますのでお試しからでも参加いただければと思います またプレミアム限定の生放送を毎週土曜日14時から15時の1時間でやっております この1時間は黙々かいという形で私を自由に使える時間になってますので質問なり 相談なりこれやってみたいなどんなご依頼でも構わないので プレミアムの方はぜひ利用いただければと思います またその他各種SNSでも発信活動を行っておりますのでそちらの方のフォローもお願いします そしてですねまた私のラインスタンプが存在します ハムスターが日常を会話するいつでもどこでも誰でも使える 簡単なラインスタンプになってますのでこちらの方は概要欄の方にリンクを貼っておりますので よかったら使っていただければと思います それでは今日も適当にまったりお過ごしくださいありがとうございました # コメント返信✨いつもありがとうございます😊 はい、ということでコメント返信していきたいと思います。 454回目ですね。今更聞けないIT用語。 これ特別編で黒鷹さんがね、黒鷹さんの放送でドメインについてお話をしてたので、 それについてちょっと詳しくというか、お話しさせていただいた回に、黒鷹さんからコメントいただいております。 ありがとうございます。 うおぉ、ドメインって団体あるんですね。 名選手の背番号みたいに永久決板にすればいいのにね。 今回のお話を聞いて、会社のホームページも一費払ってるんだなって思いました。 勉強になりました。ということでありがとうございます。 団体ね、これ最初の方でお話しさせていただいてますので、そちらを聞いていただければなんですけど、 本当にね、団体があって管理しているので、そこからドメインを借りるっていう形なので、 こちらからはお金を払うしかできないっていう感じなんですよね。 本当にこの永久決板みたいにね、やれればいいんですけど、 それぞれの会社がね、これ永久決板にしてよみたいなことを言っても、団体は誰がするかって言ったら、 あるかもしれないけど、してくれないと思うので、 永久決板にしたければ、自分で毎年の更新料を払っていくっていう必要がありますね。 あとは会社のホームページですよね。会社のホームページもね、結構ドメイン以外にも維持費はおそらくかかってると思います。 一番大きいのがあれですよね、サーバー代かな。 ホームページがどんな仕組みで作られてるかは分からないですけど、 どこかのレンタルサーバーを使ってウェブサービス作ってたりとか、 ブログというかワードプレスみたいなのをレンタルして、そこにウェブサイトを作ってたりですとか、 いろいろあると思うんですけど、 ドメイン以外にもそういったホームページを公開する仕組みのお金が、今、維持費がかかってると。 あとはホームページを誰が作ってるかとか、 誰がこもりというか保守をしているのかみたいな感じで、 もしかしたらホームページのデザイン会社さんとか、 そういったところに依頼してたら、またそれでも保守費用みたいな感じで、 年会費がかかってたりとかもするので、 そのあたりは本当に会社それぞれになりますよね。 ということで、コメントありがとうございました。