メインコンテンツへスキップ

#460 パパエンジニアが育児中に個人開発を進めるためにやってることと、Claude Designの世間話

2026/5/6 ·

  • この番組は「エンジニアの成長は楽しい学びから」をモットーに、昨日より少し賢く、慣れる、学びをわいわいお届けする、エンタメ系テックラジオです。



  • お、ちょっと発音が...固くなりました。



  • 昨日よりなんでしたっけ。



  • え?



  • 昨日よりちょっと成長できるか。



  • まあまあまあまあ、同じですよ。



  • まあまあ。はい。というのでですね、えっと今日なんですけど、えー育児中に開発を進めるぞーっていう話をしたくですね。



  • 育児中に?



  • はい。



  • それ育休的な意味で?



  • いえ、育児中に。



  • あ、なるほどね。



  • はい。



  • つまり子が育ってる間ってことね。



  • まあそうっすね。子が育ってるというよりは、まあそうかな、まあ子が育ってる間にかな。



  • はいはいはい。



  • っていうので、まあClaude Codeのリモートコントロール、うん、について、えー、まあ僕が試している内容をちょっとシェアさせて、シェアしつつ、より良いやり方とか、まあこう便利だよって話とか、ただこういうリスクあるよねみたいなことをお話ししていこうかなと思います。



  • なるほど。リモートコントロールってなんでしたっけ。



  • はい。で、えー、このClaude Codeのリモートコントロール、何かというとですね、あのClaude Codeを遠隔で動かせるよというものになります。



  • うーん、うんうんうん。



  • で、読んで、え、まあ言ってる通りすぎるんで、ちょっともう少し具体的なことを言うと。



  • リモコンね。



  • リモコンね?



  • はい。



  • はい。えー、お手元のPCでClaudeコマンドを使うと、Claude Codeが、まあ、えー、インストールしてれば動くじゃないですか。



  • 動きますよ。



  • はい。で、これをなんかリモートデスクトップみたいなノリで、えー、今開いているセッションをスマホのClaudeアプリとか、あとはなんか別のPCのClaudeアプリとか、ブラウザ上のClaudeアプリとかから、まんま遠隔で操作できる。



  • あー、ってことはリモートサーバーで動いてるわけじゃなくて、マジで自分のPC上の動きをキックするみたいなことですか。



  • そうです。



  • のClaude Codeをこう稼働させるというか。



  • あ、ですですですです。



  • リモコンじゃないですか。



  • リモコンです、だから。本当にだから、ね、なんか実際にスマホで触って、ポチってやると、なんか同時刻に、同時刻というか同時に、えー、スマホで打ったプロンプトがPC上にポンって入って、で、えー、動いているのが見える。



  • うんうんうん。



  • みたいなやつ。



  • え、これってさ、ディスパッチと何が違うんすか。



  • ディスパッチと何が違う? すみません、ディスパッチが、なんだ。



  • クラウドのコワークにディスパッチっていうのがあって。なんかちなみに今調べた感じだと、既存のセッションがあるかどうかと、対話しながら進めたいかどうかによって変わりそう。



  • ディスパッチは既存のセッションを使わないし、対話しながら進めるというよりは勝手にぽん投げしたやつを裏側でやってくれるみたいなイメージなんすかね。



  • ぽいね。なんかより自律的なのがなんかディスパッチっぽい感じするね。



  • うんうんうん。



  • へー。



  • で、あと動く場所が、えっと、ディスパッチだと、あの、クラウドの、なんだ、UI、GUI。



  • うん。



  • で、リモートコントロールはクラウドコードのマジでターミナル上で動くっぽいっすね。



  • うんうんうん。



  • うん。



  • ちょっとディスパッチは触ったことがないので使い心地も分からないし、ディスパッチのほうがなんかあとから出てるっぽいなあ、なんか記事の日付とか見てると。



  • うーん、あ、そうなんだ。



  • うーん。ま、まだベータ版っすからね。



  • ふーん。はい。まあっていう、ディスパッチもありつつ、今日はClaude Codeのリモートコントロールなんですけど。



  • はい。



  • で、このリモートコントロールの登場によりMac miniがすごく売れたみたいな話。



  • これも?



  • が、まあ、ほんとかうそかは分かんなくて、分かんないんですけど、ちょっと噂が回っててですね。



  • なんかOpenClaudeで売れたイメージだったけどね。



  • OpenClaudeで売れたのはなんでしたっけ。



  • OpenClaudeも、まあ、ほぼ同じっすね、多分用途は。あれも結局スマホから操作できて、まあ、24時間動いてるPCあるといいよねっていうことで、あのー、Mac miniがコスパいいんじゃないかってので、なんか爆売れしたみたいなイメージありましたね。



  • うんうんうん。同じ用途、まさしく。



  • まさしくそうだよね。



  • はい。で、まあ、僕MacBookしか持ってないんで、えー、スリープかかっちゃうと、まあ、セッションつながんなくなっちゃいますと。



  • スリープ、あー、スリープでそうなんだ。



  • はい、スリープでだめなんすよ。で、まあ、僕どうしたかというとEC2にサーバー立てて、で、そこでClaude動かして、で、スマホから操作してみたいなことを、まあ、やってますと。



  • なるほど。



  • で、まあ、リモートコントロールざっくり、まあ、さっき言ったように、ほんとにClaudeのあのターミナルをスマホから操作できるっていうやつなんで、まあ、それを、まあ、今収録ゴールデンウィーク中ですけど、これを使ってゴールデンウィーク中に機能を2つ作ったのと、まあ、それぐらいか、うん、作ってみたので育児しながら。



  • おお。



  • 昨日までちょっと子どもと2人で仙台旅行行ってたんですけど。



  • うんうんうん。



  • 子どもが、まあ、ちゃんと見つつ、もちろんちゃんと見つつ、ほんとに隙間にちょろちょろってチャットやってちまちま作ってったって感じなんですけど。それをなんかどう実現したのかみたいな話をちょっとさせていただきますと。



  • はい。



  • で、えーと、EC2上にClaude用のサーバーを立てるっていうのを、まあ、Terraformだったかな、あ、違うわ、CDKか。CDKでコード化してくれている、えー、みどるんさんっていう神がいてですね。



  • はいはい。



  • はい、これはもうあの、はい、パブリックなリポジトリなんで、えっと、これあの、説明欄にも貼っとこうかなと思うんですけど、まあ、これベースにちょっとサーバーを立てましたと。



  • うん。



  • で、え、ただ、えーっと、サーバーとか高いじゃないですか、EC2インスタンスとかも立てると、多分数十ドルいきますよ、月。



  • え、数十万?



  • 数十ドル。



  • あ、数十ドル。



  • はい。



  • そうですね。



  • ねえ、そんなん、あ、まあ、お金使いたくないんで、えー、ちゃんと夜間停止入るようにイベントブリッジ、深夜1時か2時かな、自動起動するように、自動停止してくれるように仕込んだりとか。



  • うん。



  • で、あとは、えっと、このリモートコントロールって、えー、どういう仕組みになってるかっていうと、そのターミナルにリモートコントロール用のURLが表示されるんすよ。



  • はい。



  • で、URLにアクセスすると、スマホからアクセスするとClaudeのアプリでそのセッションが開けるみたいな原理になってるんですよ。



  • うん。はいはいはい。



  • で、ただEC2で遠隔でサーバーを立てますと。



  • はい。



  • で、起動したあとそのURLにアクセスするすべがないですと、スマホだと。



  • うーん。



  • まあ、いけんのかな、ターミナルってスマホで開けんのかな、ちょっと知らないけど。



  • なんかそういうアプリちょっと前に話題になった記憶はあるな。



  • あった気もする。けどめんどいじゃないですか。



  • うん。



  • めんどいので、まあ、EC2インスタンスを起動したらシステムデーモンで、えー、Claudeを自動起動しつつ、Claudeのターミナルのに表示されているそのリモートコントロール用のURLをピックアップして、で、メールを俺に送るっていう。



  • メールなんだ。



  • はい。メールにしました。これはちょっとやんごとなきいろいろな事情によって。



  • やんごとなきいろんな事情によってね。



  • ほんとはSlackとかにしたかったんですけど、なんか手頃なワークスペースがなかったのと、ひまプロ談話室も無料だったからアプリも入れられなくて。



  • ああ、やんごとないっすね。



  • そう。で、LINEにしようかと思ったけど、LINE API、確かなんか有料だったかな。



  • LINEってそもそも個人アカウントだったらなくないっす、そういうの?



  • そう、そうだ。なんかできなくて、LINEで。で、ほかにもね、いろんなサービス、無料サービス使えばできるとかあったんですけど、そこまでそのめんどくさいなと思って。



  • あの、LINEで公式アカウント作ったらいけますよ、多分。



  • めんどくさすぎて。誰? 俺用の公式ね。



  • うん。



  • そう。ちょっとそういうことしなきゃいけなかったから、ちょっとメールにしたんですけど。



  • うん。



  • なんで今は、あの、AWSのインスタンスをスマホから起動して、で、まあ、15秒ぐらい待つとメールが送られてきて、そのURLクリックするとClaudeのアプリがポーンって開いて、そこからClaude Codeのリモートコントロールができるみたいな状態になってますと。



  • うん。



  • はい。で、まあ、そこでですよ、実際にまあ開発してみると、まあ、いろいろ思うことがあります。



  • うん。



  • まず育児中というか隙間時間にまあやるわけじゃないですか。



  • はい。



  • で、そうするとなんかそんな頻度を触れないんすよ、スマホ。



  • まあまあまあまあ、そうよね。



  • そう。ただClaude Codeってデフォルトで動かすと、あ、このコマンドを実行していいっすかって聞いてくるじゃないですか。



  • ああ、結構許可を求めてくる。



  • そうそうそうそう。まあね、普通というかまあそういうもんなんですけど。



  • まあそうだよね。



  • ただね、ちょっとやっぱ育児中だとね、全然進まないんすよ、それだとね。



  • うん。



  • もうタイミングによっては1、2時間に1回とかしか見れなかったりするんで。



  • うんうんうんうん。



  • まあなのでまあロングランしてほしいなというところで。



  • はい。



  • えーと、でなおかつEC2っていう、まあ最悪ぶっ壊れてもいいなっていう環境だったりするんで、えー許可を求めなくてもコマンドを全実行できるようにするというか。



  • ああ、なんかデンジャラススキップなんちゃらかんちゃらみたいなやつ。



  • そうそう、デンジャラスリー、デンジャラスリースキップパーミッションズっていうオプションを使って、えーと起動すると、もう全部勝手にやっちゃう設定になりますと。



  • はい。まあ環境もリモートだし、えー作ってるコードもプライベートなやつだしっていうことっすよね。



  • はい。ああそうですそうです。



  • うん。



  • で、まあ今はまあそれで、えーと基本的には動かしてるんですけど、とはいえこの設定はこの設定でリスクありますと。



  • うんうんうん。



  • で、このデンジャラスリースキップパーミッションズやるとですね、やっぱEC2いくら壊れてもいいとはいえ、えーっとまあ権限の設定次第ではセキュリティリスクがありますと。



  • おお。



  • まあなんで、まあちょっと僕もまだどうあるべきかなみたいなのはまあ悩みながらやってるわけなんですけど、まあちょっと試行実験的にどんなリスクある、あると思いますというか、こんなリスクありまっせーみたいなちょっと紹介を軽くさせていただくので、ぜひこんなリスクありそうだなとかっていうのをちょっと想像してもらいながら聞いてもらえるとありがたいです。



  • はい。



  • で、えーどっから行こうかな。まあその1、えーっとEC2インスタンスにまあIAMロールとかが付いてると、そのIAMロールによってなんでもできますと。



  • あの権限次第ではってこと?



  • そうです。



  • うん。



  • でもっと言うとIAMロール変更する権限持ってるともうなんでもできますと。



  • うんうんうんうん。



  • まあなのでそのAWSリソース側っていうんですか、AWSサービス側の設定変更をちょっとされないように、まあIAMロール、EC2につけてるIAMロールというか、だな、のちょっとコントロールが必要です、まず1つ。



  • 間違いない。



  • うん。であとは、えー外部ネットワークへの通信。



  • うんうんうん。



  • これもまあなんかClaudeと壁打ちしてて出てきたリスクで、なおかつあり得るんだろうなと思いつつ、まあ割とエッジケースなのかなと思ってしまってるんですが、変なサーバーにローカルにある情報をいろいろ送っちゃうっていうリスク。



  • ああ。



  • アウトバウンドの制限がないと。



  • うんうん。



  • まあとはいえどうなんでしょうね、やっぱあんのかな、そういうこと。



  • いやープロンプトインジェクションとか食らったらあるんじゃない?



  • プロンプトインジェクションとか食らったらあるのか。



  • うーん、だから、うーん、ここらへんとかは必要なツールのホワイトリスト作るイメージめっちゃ強いっすね。



  • ああ、なるほど。



  • うん。ドメイン単位で制限かけるというか。



  • それってなんでしょうね。なんか開発を進めたりとかドキュメントいろいろ参照してる中で、まあいろんなURLに対してゲットしに行くわけじゃないですか。



  • うん。



  • ポスト封じればいいのかな。



  • え、ポストなのか?



  • ポストとかぶっと、ゲットするだけだったらなんの害もない?そんなわけはない?



  • ああ、まあ。



  • ダウンロード、変なのダウンロードしてくることあるか?



  • どうなんだろうね。自分が勝手にリードスしかけちゃうとかないよね?



  • 大してアクセスいかないんじゃないですかね、リードスできたとしても、多分。



  • まあそうか、IP分散されるわけでもないし。



  • はい。まあでも確かにプロンプトインジェクションとかされたら変なとこにポストすることはありそうだから。



  • うん。



  • ああ、なんか、でも多分Claude Code使ってて、自分のアプリ以外にポストとかぶっととかなんかそういうのやることほぼないと思うんで。



  • まあ確かにね。



  • ゲットだけに絞ってみようかなあ、今やってないんすけど。



  • うんうんうんうん。



  • まあ、ちなみにそののりさんが言ってたそのホワイトリストとかで必要なツールうんぬんっていうのってどうやって管理するようなイメージなんですかね?



  • いや、何も考えずに言ってますよ、今。



  • やっぱなんかあれなのかな。



  • でもあれだね、なんかなんだっけな、Claude自体がなんかそういうドメインのリスト作れたよね、確か。



  • ああ、そうなんですか。



  • だからClaude自体になんかそのホワイトリストを作ってるイメージあるけどね。



  • ああ、はいはいはい。ホワイトリストで管理するのが、でも無難だよな、普通に考えてなあ。うん、まあそう。ちょっとここのね、変わる部分ね、どうしようかなって思ってるんすけど。



  • うん。



  • 確かにのりさんが言うとおりホワイトリストとかにできると良さそうだし、あとはポストとかは絶対に潰したいな。



  • うんうんうん。



  • それはそうしよう。ただすみません、ちょっと話戻るんすけど、さっきのなんかAWSリソースの操作系ですね。



  • うん。



  • これまああのゲットはオッケーだけど、ポストとか、ポストというかなんだ、えー追加削除か更新か。そのへんの場合はあのフックス使って許可取ってねみたいなことはできるんで。



  • うん。



  • まあそういう対策を今はしていますって感じですかね。



  • はいはいはいはい。



  • えーであとは、まあルートを使ってなんか変なことをさせないみたいなところもあるんですけど、まあでもこれはまあインスタンスに閉じるとは思うんで、ルート権限って。



  • うんうんうん。



  • ほかにインスタンス立ててなかったら、まあそこまでリスクは高くないのかなとは思ってはいます。



  • なるほど。



  • うん。なんかありそうだけど。



  • ああ、どうだ。



  • 最悪sudo remove -rf /されてもまあいっかっていう気持ちではあるんで。



  • まあ別にね、リポジトリ消えるわけじゃないしね。



  • そう。



  • うん。



  • 最悪いっかなとは思ってるんですけど。



  • うんうんうん。



  • うん。であとあの、ちょっと補足的な感じで、Claudeであのサンドボックスオプションってのがあって。



  • はい。



  • サンドボックスっていうオプション付けると、付けてClaudeを実行すると、えーコンテナの上でClaudeを実行してくれるから、なんかある程度普通にやるよりは安全だよみたいな。



  • うん。



  • そういったオプションコマンドもあるんですけど。



  • はいはい。



  • 多分、この僕みたいにEC2立ててやってるのと安全性は大差ないというか。



  • ああ、二重の箱だよねってことか。



  • 二重の箱。うん。まあローカルでサンドボックス付けてやるのと、EC2別で立ててやるのはなんか多分同じぐらいだと思う。



  • うん。



  • てかもっと言うとコンテナのほうが多分いろいろできるんじゃないかな。できはしないか。



  • うん。



  • ホスト側のリソースもちょっと触れるところはある気がするんで、コンテナとはいえ。



  • どうなんだろう。あんまり、あんまりそこまでは分からないな。



  • うん。まあただ普通にやるよりは全然アクセス範囲も限られるし。



  • うんうんうん。



  • 本当にサンドボックスでやってくれるから、まあこれもありなのかなと思いつつ、ちょっと僕は心配すぎるからEC2立ててやってますっていう感じですね。



  • うん。まあでもあれじゃないかな、コンテナ使ってたら大事なファイルリードオンリーにしたりとかすると。



  • うんうんうん。



  • より安全でいいかもなとは思ったね。



  • そのへんのオプションとかもまあ渡せるんだろうな、きっと。ちょっとあんまり調べられてないけど。Claude Codeが勝手に立ててやってくれるんで、このサンドボックスってやつは。



  • ああ、そっか。



  • はい。



  • ああ。



  • どこまでコントロールできるんだろうな。



  • 確かに。



  • はい。まあみたいな感じでちょっと今運用してます。これあのうまくやってる方とかいたらちょっとぜひコメントで教えてもらえると非常にありがたいです。で、まあ実際にこれ運用してみて、あのさっきのそのDangerously Skip Permissionsとかを、まあいざやってみるとやっぱり結構快適で。



  • うん。



  • えっとスーパーパワーズっていうプラグインを使って開発をしてるんですけど。



  • うんうん。



  • まあ使用駆動開発前紹介しましたけど、まあそれみたいな感じでプロンプトで開発の流れを指定して、設計書作ってTDDで実装して、試験してレビューして、プルリク出してみたいなことをまあやってくれるプラグインなんですけど。



  • うんうんうん。



  • 本当に結構ロングランしてくれて。



  • へえ。



  • でまあコードは正直見れないんですよ、スマホだから。



  • まあそうだよね。



  • うん。まあ本当にガンブラー見れるんかもしんないですけど、そんなやる気ないんで。



  • てかあの育児の隙間時間でやれることではない気がする。



  • 無理、無理、無理。諦めてる。もう動作確認はしてるけど、それだけ。



  • うんうん。



  • まあ動画化だけでいっかなという気持ちでやってるんですけど、まあ結構良しなにやってくれるし、勝手にね、そのスーパーパワーズとかの中にもあのデバッグコマンドとかがあって。



  • はいはい。



  • なんかちゃんと適当にデバッグしないというか。



  • ええ。



  • ちゃんとデバッグするように調教されたプロンプトとかもあるので。



  • うん。



  • まあそれで今んところまあ、なんだ、適当にやってもそこそこ開発が進んでいい感じっていう。



  • うんうんうん。



  • ところになってるので、まあこうやってちょっと行く隙間時間で開発してるよみたいな方いたら、ぜひ教えてもらえると非常にありがたいです。



  • 分かりました。えっとですね。



  • はい。



  • 僕はリモートたまに使うんですけど。



  • ああ、はいはい。



  • えー自前で構築せずにあれを使ってますね。Cursorのクラウドエージェントを使ってますね、僕は。



  • それ結構便利です?



  • めっちゃ便利っすね。えっとね、これ名前、名前クラウドエージェントで合ってたかどうかちょっと怪しいんですけど。



  • うん。



  • えー普通にリモートサーバーを立ててくれて、そこでエージェント起動できるんですよ。



  • へえー、お金もかからず。



  • かかってないんじゃない?え、あのそもそも有料プランなんでかかってるといえばかかってるんですけど。



  • まあまあまあ、でもその範囲内でやってくれるんですね。



  • 追加とか別ではなかった気がするな。なんか昔別だった気がするんすけど。



  • 強い。



  • 最近動かせてるんだよな。



  • へえー。ちょっとそこだけ調べようかな。



  • あ、そうですね。プロ以上だったらクラウドエージェント料金含まれてるっぽいっすね。



  • へえー。



  • で、僕はこれを使うことが多いっすかね。で、やると、もう機能の概要を伝えて、まあそれ終わったらプルリクまでできてるっていう。



  • うんうんうん。



  • 感じになってますね。



  • うんうんうん。



  • で、それがノーセットアップでいけるんで。



  • 素晴らしい。



  • 結構便利。



  • いいっすね。



  • うん。



  • 多分ほんとに使い方はそれと一緒だな。



  • で、Slackからもいける。



  • なんか別に安全性とかは、もうそっちはもう勝手に良しなにやってくれてるから。



  • うん。



  • 全然そっちのほうが快適でいいんだろうなって思います。



  • てか、あのプルリクまでしか作らないから、さすがになんかこう事故らないというか。



  • うんうん、そうですね。



  • うん。ね、裏でこっそりさ、なんかブランチを切り替えてフォースプッシュしてましたみたいなことはさすがに起きないとは思う。



  • そうっすね。



  • うん。



  • で、なんか質問とかあったらなんかSlackに飛んでくるイメージなんで。



  • へえー、ちなみにそのSlackとの連携はアプリ入れてるんすか。



  • えーっとね、SlackにCursorのアプリインストールしておしまいだったはず。



  • ああ、ってことっすよね。



  • うん。



  • そうなんだよな。そうね。そう。有料のワークスペースだってできるっすよね、それはね。



  • そうだね。



  • うん。



  • 本当にいい。でもなんかあれですね、Claudeでもあんのかな、そういうの。ちょっとあんまり調べられてないんですけど。なんか自分、自分で作っちゃおうって気持ちになっちゃってたから。でもCursorそういうのあっていいですね。



  • うん、Claudeあったんじゃないか。いや、あれ違うかな。なんかエージェント作る用のクラウド環境提供してますみたいなやつはあったはず。



  • うんうん。



  • だけど、なんかそういうシンプルにClaude Codeだけ動かすみたいな感じではなかったような気がするな。



  • うんうん。



  • なんかすごいちゃんとしたエージェント構築するためのインフラ提供してますよみたいなイメージあるね。



  • ああ、なるほど。



  • うん。



  • まあそのへんも機会があれば。ないだろうな、ちょっと有料のワークスペースがないからな、そんな遊べる。



  • あれって有料じゃないとアップをインストールできないんだっけ?個数の上限があるんだっけ?



  • 個数の上限がありますね。



  • ああ。



  • 1個までとかだった気がする。



  • 10個じゃね?



  • まあ10個でしたっけ?



  • 無料版は。



  • はい。というのでちょっとアフタートークいいっすか。



  • ああ、はい。



  • えー、Claude Code、Claudeつながりなんですけど。



  • うん。



  • Claude Designっていう。



  • 出た。



  • ものをちょっと触ってみて。



  • はいはい。



  • だいぶライトに触った感想をしゃべるってだけなんですけど。



  • おお。



  • えー、まずClaude Designっていうのが何かというとですね。



  • うん。



  • えー、なんて言えばいいんだろうな。Claudeと会話をして、で、デザインを作ってくれますと。



  • うん。



  • で、デザインって言ってるのが何かというと、まあ見た目部分もそうだし、えー、なんかFigmaとか、あとCanbanみたいな、Adobe XDみたいな、なんかそういうUIのなんかデザイン、プロトタイプみたいなものを、えー、各ページとかペタペタペタペタって貼って、で、それをマウスとかで選択してフォントとか文字とか色とか、なんかそういうのを編集できるものを作ってくれるやつ。



  • うん。



  • が、まあClaude Designですと。



  • はい。



  • で、これを使うと何ができるかというと、さっき言ったようななんかウェブサービスのデザインを作ったりとか、であとはスライドのテンプレート作ったりとかできるみたいですね。



  • うんうんうん。



  • このコーポレートのページをバーンってスクショで渡すと、そのコーポレートサイトの色味とかフォントとかを使ったスライドテンプレートを作ってくれるみたいな使い方を、まあどうやらできるらしい。



  • うん。



  • まあなので、なんかまあエンジニアの使い方としては、まあデザインももちろんそうですけど。



  • はい。



  • なんか、えーとLT用の資料のテンプレートClaude Designに書かして、で、テンプレートを、えーとスライドイブとかに渡して。



  • うん。



  • マップとかでもいいっすけど、渡して、で、その見た目のきれいなスライドを作るみたいな、まあそういう使い方ができるみたいです。



  • うんうんうん。



  • で、僕は今あの自分で趣味で作ってるアプリ、あの子どもの写真とか動画を眺める、見てねみたいなやつを。



  • はい。



  • Claude Designにせっかく出たから、じゃあちょっとデザイン変えてみようと思って。



  • うんうん。



  • ぶん投げて、まあ遊んでたんですけど。



  • はい。



  • このなんかデザインっていうものができたからなのかなんか分かんないですけど、まあやっぱ以前よりも結構凝ったデザインができるようになってるというか。



  • うんうん。



  • 見た目がきれいなものが出るようになってたりとか。で、あとはなんかAIの生成物ってなんかちょっとここ気に食わないんだよなみたいなところあると思うんですけど。



  • はい。



  • 例えばなんかここのフォントこうじゃないとか、ここ太字にしとけやとかなのか。



  • うん。



  • まあのりさんが以前言ってたなんか文字の、えー大きさとか。



  • はいはい。



  • 大小をすごい付けるとか。



  • コントラストが弱いとか。



  • あ、そうそうそう。



  • 中央揃えの嵐とか。



  • あ、そうそうそう。



  • 紫グラデーションとか、そういうやつっすよね。



  • あ、そうそうそうそうそうそう。なんかそういうのをね、あのープロンプト言って直すのもそうなんですけど。



  • うんうん。



  • なんか一部分ちょっと手で変えてみて、ここみたいな感じみたいなこと言ってなんか直せるようになったのは、なんかすごい、なんだ、快適ですね、だいぶね。



  • ああ。Claude Design僕も使ったんですけど。



  • はい。



  • 個人的にはStitchとかより使いやすかったっすね。



  • Stitch使ったことないな。何が違いました?



  • えー、細かい指示の出し方が、てか完成したあとの細かい調整がめっちゃやりやすいなと思ったね。



  • それはUIの話?それともAIの話?



  • えーとUIの話かな。



  • はいはいはい。



  • で、Claude Designってなんか、まずデザインシステムとかも組み込めるじゃないっすか、あれ。トンマナー入れれるというか。



  • はい。



  • だから多分繰り返し似たようなパターンで作るときとかに。



  • うん。



  • てか自社のこうブランドを揃えていろんなサイトを作りたいみたいなときとかに。



  • うん。



  • まあ結構便利なんじゃないかなっていうのと。



  • うん。



  • あとなんかその生成したものに対してさ、なんかパーツ単位でさ、なんか指示出したりとか、あとその場で直せたりするじゃないっすか、あれ。なんか数値いじって。マージンとかパディングいじったりとかフォントサイズいじったりとかできるじゃないっすか。



  • あ、そうそう。



  • だからよりなんか細かい指示とかが出しやすくなったなってめっちゃ思いましたね。



  • そうなんすよね。



  • うん。



  • なんでなんかすごい、なんて言うんでしょうね。僕はもうUIデザイン素人すぎてあれなんですけど、多分その道やってる人からしたらまあまあなインパクトあんのかなって勝手に思ってます。



  • うん。てかあれなんか自由度高すぎて、そういう人がより使いこなせるなと思ったわ。



  • ね、そうですね。



  • なんかスライド、スライドで作、使ったんすよ、僕。



  • はいはいはい。



  • あのー、それこそね、あのClaudeのワークショップやるみたいなことがあって。



  • うん。はい。



  • で、えー、そのためのスライドをClaude Designで作るっていうのをやって。



  • へえー、いいっすね。



  • やったんですけど。なんて言うんだろうな。いい感じに調整する指示が逆に難しいっていうのは感じたかもしれない。



  • えっと?



  • なんか細かく指示出せちゃうから。



  • ああ、はい。



  • この部分こうしてみたいな。



  • はい。



  • っていう指示をしてくんですけど。



  • はい。



  • まあ自分の限界までしか言えないというか。



  • ああ、なるほどね。それはあるんだよな。デザインってそうなんだよな。



  • うん。



  • もうなんか、そう、むずいっすよね。



  • むずい。



  • なんか多分ですけど。



  • うん。



  • これもまだ僕が試してる途中なんすけど。



  • うん。



  • えーっと、デザインよく分かんないんで。



  • うん。



  • 今あの、とある会社のコーポレートサイトのデザイン。



  • うん。



  • このとおり作ってって言って投げてやってみたらなんかいい感じになったんですけど、フォントとか色味が。



  • えー、え、あれ?安倍寛の公式サイト?



  • いや、スピード重視すぎるだろ。デザイン見ようと思ってあそこ行くとこはないんよ。



  • あんまデザインは参考しないんだ、あれ。



  • うん、しないっすね、多分ね。ちょっと申し訳ないですけど。



  • そっか。



  • まあなんで、ちょっと何が言いたかったかで言うと。



  • うん。



  • えーっと、色味はこれ。



  • うん。



  • 何々はこれみたいな感じで、なんか複数の資料を組み合わせて投げたらなんかいい感じのもの作ってくれるんじゃねとかって思って。



  • ああ、はいはいはい。



  • なんか結局ちょっとこれはエセアーティストの話なんです。エセアーティストの話なんすけど。



  • エセアーティスト?



  • はい。



  • そう、僕、ダンス...



  • ラジオライブとかやってる人とかですか。



  • あ、違う。あれは本物だと思ってますよ、僕は。エセなんて言ってないっすよ、のりさん。それですよ。



  • あ、そうそう。



  • で、結局ああいうのってなんかいろんなインプットがあってそれを組み合わせた末になんかオリジナルみたいになるもんだと思ってて。



  • うん。



  • なんかそのインプットをAIにうまいこと渡して、なおかつそのこのインプットのここの部分使ってみたいなことまで言えたらなんかいい感じにオリジナルできるかなって妄想してます。



  • うん。ああ。あるあるかもな、なんか。



  • うん。



  • ダンスとかでもさ。



  • はい。



  • こう、うわ、あれ、あれすげえっていう動きをこう真似しようとしてさ。



  • はい。



  • 自分の体の癖とかさ。



  • うん。



  • あとできないことによる妥協とかがいろいろ混じった結果オリジナルみたいなやつ生まれるみたいな。



  • あ、そうそうそうそうそうそうそうそう。



  • はい。それに近いものを感じました。



  • そう。なんかデザインとかって結局そうなんじゃないかなと思って。



  • うんうんうん。



  • うん。デザイン知らないですけど。ノンデザイナーが言ってますけど。



  • ノンデザイナーね。



  • はい。



  • デザインむずいもんな。幅広く感じちゃうもんな、なんか。



  • うん。



  • じゃあこれもまた。



  • うん。



  • 掘れればなと思ってますが。



  • うん。



  • あとはなんかプロンプトありえんぐらい消費するんすけど。あ、プロンプト?コンテキスト?



  • うん。



  • トークン数か。トークン数ありえんぐらい消費するんすけど、Claude Design。



  • はいはい。



  • って思いませんでした?



  • え、あれさ、でもなんか別だったよね?



  • あ、そう。別なんすよ、今ね。



  • 消費の枠が。



  • そう。別だからね。



  • うん。



  • 思い切り使いますけれども、なんか1回サイトデザイン作っただけでなんか1/3ぐらいズゴンって。



  • ああ、スライド作ったときも1/3ぐらいいきました。



  • そう。まじかと思って。まあ意外にね、もう僕のデザインのこだわりがなさすぎて、もうこれでオッケーってなったんですけど。こだわりある人は結構大変かもね。



  • あ、でもね、あれ修正意外とコンパクトにやってくれる気がするな。



  • あ、そうなんだ。



  • なんかスライド作って、結構そのあとジュラリーぐらいしたんすよ。こここうして、こここうしてみたいな。



  • はいはいはい。



  • で、最終的に40パーぐらい消費してたような気がする。



  • ああ、じゃあまあまあ、まあまあ、そんなにいってないっすね。



  • だからなんか部分修正とかなんかトークン効率よく扱う仕組みとか入ってそうな気配は感じますね。



  • おお、素晴らしい。



  • うん。



  • これプレビューなんすかね、今?



  • これまだベータ版じゃないですかね。



  • ベータ版っすよね。



  • うん。



  • まあなんで、もう期待、期待しかないわ。



  • ね。



  • 頼む、値上げしないでくれ。



  • 最近ちょっとね、Claude結構消費量やばいっすみたいな。



  • うん。



  • あるよね。



  • ある。



  • Opus 4.7使うと一瞬で使い切ってしまうみたいな。



  • そうそうそうそう。はい。



  • まあなんで、今後も末永くお願いします、Anthropicさん。



  • お願いします、ほんとに。



  • はい。



  • ね、OpenAIを超えたみたいなニュースになってましたよね。



  • うん。何が?ミトス?ミトスじゃなくて?



  • あ、いや、なんかユーザー数かな。



  • へえー、そうなんだ。



  • なんかすごいな、それ。



  • 何かを超えたって。



  • マジでなんか周りのエンジニアじゃない人に話聞いて、Anthropicって名前出たことないんすけど、1回も。Claudeとか。



  • ね。



  • GeminiとChatGPTのネームバリューすごくないっすか、だって。



  • そうだよね。



  • うん。



  • えーっと。あー、アメリカのApp Storeランキング超えたのか。



  • いや、でもすごいな、それ。



  • そうなんだ。



  • うんうん。



  • 日本が超える日が来るのかですね。



  • そうだよね。全然いないよね、エンジニア以外だと。



  • いない。エンジニアとインフルエンサー。



  • 確かに、なんで使わなきゃいけないのって言われたときに説明はできない。



  • 確かに。え、まあ、どうだ。でも普通に普段使うならなんでもいいんじゃないと思っちゃうけどね。



  • そう。だからもうChatGPT使ってんならもういいよ、それでって思う。



  • うん、それはそうかも。そう。



  • なんならね、今5.5で出て、結局ChatGPT2ええじゃんってなってるもんな。



  • そうそうそうそう。そうなんすよ。はい。まあなんで。ちょっと触ってみたけど、エピソードにするまででもなかったというかできないので。



  • うんうん。



  • ちょっと感想をお話しして、のりさんも触ってたようで。ありがたい。



  • いや、だいぶね。可能性は感じましたね。



  • そうっすよね。ちょっとスライド作りたいな。



  • スライド結構ね、良かったっすよ。



  • 見た目が良くなったってこと?いいって。



  • 見た目良いし、あのー、やっぱ修正しやすいっすね。



  • ちなみに作ったのはもう資料、完全に文字入れ、文字込みで作ったんすか。それともテンプレートだけ?



  • あ、いや、文字も込みっす。



  • えー、できんだ、それで。



  • うん。



  • へえー。え、じゃあもう資料の文面全部ぶん投げた感じですか。



  • あ、文面はね、なんか、ん?どうだっけな。



  • あとで手で入れたとか?



  • あ、いや、えっとね、文面自体は、あの、元々別で作り上げてた。文面っていうかスライド構成みたいなやつが。



  • じゃあ資料作ったあとにClaude、Claude Designに投げてデザインだけ作ってもらったみたいな意味じゃないですか。



  • ああ、そうそうそうそうそう。



  • へえー、なるほどね。



  • でももしかしたらこれ内容ごといけるかもしんないね。



  • うん。なるほど。



  • 多分その、なんだろう、骨子にあった文章よりもたくさん文字あったから。



  • へえー。



  • いけるんじゃないかな。



  • なるほどね。



  • しかもこれ。



  • 分かりました。



  • スライドHTMLで作られるんすよね。



  • うんうんうん。まあHTMLでもいいっすね。



  • うん。だからなんかクオリティーが高かったというか。



  • なんでもできますもんね、HTMLで。



  • そう。



  • うん。



  • 今結局スライドってHTMLで作っちゃうのが1番いいんじゃないかって。



  • 分かる。



  • 言われてますからね。



  • あ、そうなんだ。



  • うん。



  • いいな。ちょっとできればね、もうそれができるんだったら多分ポッドキャストの原稿を書いてそのまま資料にして、それをまずスピーカーデックでとりあえず公開するとかもできる気がするんで。



  • おお、なるほど。



  • うん。



  • ああ。



  • ちょっとスピーカーデックにするのか聞いたのか分かんないけど。



  • うん。



  • で、なおかつその原稿ね、スライドになってたら僕も読みやすいからね、多分。



  • ああ。バン、もう撮るときに。



  • そうそうそうそう。



  • うんうん。



  • じゃあそういうのもね、ちょっとなんか追々試していきたいなと思ってます。



  • うん、いいっすね。



  • はい。



  • というので締めます。



  • はい。



  • ハッシュタグ、ひまじんプログラマーでSNS、NEXTでフィードバック募集してますので、本日のエピソードの感想、Claudeの便利機能とかそこを使ってるよとかありましたらぜひ共有いただけるとありがたいです。お願いします。



  • あと育児の隙間でできるなんか生産的な何か。



  • 本当にそれ。



  • うん。



  • あとは、えー、ポッドキャストの説明欄からGoogleフォームで番組の要望、感想、質問。えー、あとはSlackオンラインコミュニティ、ひまプロ談話室の参加申し込みフォームがエピソードではなくチャンネル説明欄のほうにありますので、えー、ぜひエンジニア仲間を増やしたいよ、友達増やしたいよという方、ご参加お願いします。



  • 怪しくないですよ。



  • 本当に怪しくないですよ。ええ。えー、最後に各種ポッドキャストプラットフォームのフォロー、高評価もお願いします。



  • 励みになりますのでよろしくお願いします。



  • ぜひぜひ。それではまた次回。



  • バイバイ。



  • 日本のエンジニアは使うアプリが多すぎる。事実、ひまプロの使用アプリ平均数38.6個。Reicastならアプリの即起動、過去のコピー履歴を引き出せる。Windowsのリサイズなど、これ1つで作業効率アップ。しかも料金無料。今すぐReicastで検索。

0:00 37:02

#460 パパエンジニアが育児中に個人開発を進めるためにやってることと、Claude Designの世間話