00:00:00Claude Codeの中に怪物が潜んでいます。それは「AIスロップ(AIの粗悪乱造品)」です。
00:00:03紫のグラデーション、何にでもInterフォントを使い、どのウェブサイトも
00:00:09同じカード型レイアウト。私が言っているAIスロップがどんなものか、お分かりでしょう。
00:00:12しかし今日、この獣を退治するための10個のツールを紹介します。
00:00:16これらはフロントエンドのデザインスキルではありません。実際、
00:00:20これらのツールの多くは比較的新しいものです。
00:00:22ですから、Claude Codeのデザイン分野に長く携わっている方でも、
00:00:26今日は何か新しい学びがあることをお約束します。
00:00:28さて、今日紹介するツールはすべて基本的に同じ目的を持っています。
00:00:31それは、Claude Codeで高品質なフロントエンド・ウェブデザインを作成するための
00:00:35対抗手段を皆さんに提供することです。なぜなら、Claude Codeは非常に優れていますが、
00:00:39デザインに関しては極めて不十分な分野だからです。
00:00:42リストの最初のツールは「Impeccable」です。
00:00:44これは、18個のコマンドを含む単一の「スキル」です。
00:00:46このツールや、今日紹介する他のすべてのツールのリンクは、概要欄に貼っておきます。
00:00:51私がImpeccableを気に入っている理由は、その機能が非常に多岐にわたるからです。
00:00:551つのスキルですが、18個ものコマンドがあります。
00:00:58GitHubにあるリンクから impeccable.style にアクセスすると、
00:01:01すべてのコマンドが実際に動作している様子を確認できます。さらに良いことに、
00:01:05一般的なAIの出力(例のInterフォントや紫のグラデーションなど)と、
00:01:09各コマンドを適用した後のイメージを比較できます。例えば、
00:01:15「Clarify」というコマンドがありますが、
00:01:16これはUXエラーやエラーメッセージに関するものです。
00:01:19ここで、適用前と後の違いを見ることができます。
00:01:21また、Chrome拡張機能もあり、
00:01:23この例のように、ウェブページ上のAIスロップ的な要素を直接ハイライトしてくれます。
00:01:28このスキルが「アンチパターン」を利用している点が非常に気に入っています。
00:01:32つまり、大規模言語モデル(LLM)に対して、
00:01:34AIスロップが実際にはどのような見た目なのかを教え込むのです。例えばこの枠線のアクセントや、
00:01:38どこにでもあるサイドタブの境界線、それから、
00:01:42スパークライン、グラスモーフィズムなどです。
00:01:45私たちはこういったものを何度も何度も繰り返し目にしていますよね。
00:01:47ですから、LLMに「これは紛れもないAIスロップだ」と伝えるスキルを使いましょう。
00:01:52「AIスロップはやめてください」とお願いするだけのフロントエンドデザインスキルの代わりにです。
00:01:54そんなお願いは通用しません。ご想像の通り、
00:01:58ここで見ているように、このスキルは非常に中身が詰まっています。
00:02:03特定のデザインドメインごとに、
00:02:07複数のリファレンスが用意されているからです。
00:02:08それらをサブスキル、あるいは前述の18種類のコマンドと考えることができます。
00:02:13さて、
00:02:14これらのコマンドを実際に確認する最も簡単な方法は、Impeccableのドキュメントを見ることです。
00:02:17トップページで見たように、
00:02:21ビフォー・アフターの例を確認できます。
00:02:25このように視覚的に何ができるかを確認する方が、単に説明を読んで
00:02:29Claude Codeが期待通りに動いてくれるのを期待するよりも、ずっと効果的です。
00:02:33しかも、単なるビジュアルだけの話ではありません。
00:02:35「Adapt」のようなスキルを見ると、
00:02:37デスクトップだけでなく、モバイルやタブレットなど異なるプラットフォームでも正しく動作するようにしてくれます。
00:02:41ぜひチェックしてみてください。リリースされてまだ1ヶ月ほどです。
00:02:45ツール2に進む前に、先月リリースしたばかりの「Claude Codeマスタークラス」の宣伝をさせてください。
00:02:48すでに大量のアップデートを追加しています。
00:02:52未経験からAIエンジニアになるための最高の場所です。
00:02:54あと数日で価格が上がります。
00:02:57興味がある方は、ぜひ今のうちにチェックしておいてください。
00:03:01固定コメントにリンクを貼っておきます。では、ツール2について話しましょう。
00:03:04「Skill UI」です。これは今朝知ったばかりのツールです。
00:03:06公開されて24時間も経っていません。スター数もまだ7つです。
00:03:12初期段階のプロジェクトですね。私が作ったわけでも、作者を知っているわけでもありません。
00:03:15ただ、Twitterで投稿を見かけただけです。
00:03:18ダラダラとタイムラインを眺めていたら、「これはクールなスキルだ」と思ったんです。
00:03:21これは、既存のデザインシステムを逆コンパイルして、Claude用のスキルに変換してくれます。
00:03:24どういう意味かというと、このスキルを使って、
00:03:29既存の特定のウェブサイトを指定します。
00:03:31すると、そのサイトがどのように構築されているかを分析し、
00:03:34それをテンプレート、つまりスキルに変えてくれるのです。実際にやってみましょう。
00:03:39ここにStripeのウェブサイトがあります。非常に洗練されていて、見どころが多いですね。
00:03:45当然ながら、カスタムグラフィックなどが多用されています。
00:03:49それらの素材なしでClaude Codeが完全に再現するのは、今のところ不可能です。
00:03:52しかし、カードやレイアウトなど、全体の構成やデザインが気に入っていて、
00:03:56自分のサイトの土台として使いたいとしましょう。
00:04:00これまでの動画でも、HTMLを読み込ませるなど、いくつか方法は紹介してきました。
00:04:03しかし、それではせいぜい60〜70%程度の完成度にしかなりませんでした。
00:04:06そこでSkill UIを使い、Stripeを指定してから、
00:04:08「Stripeのようなスタイルで、偽のStripeサイトを作って」と指示しました。
00:04:11その結果、一回の指示だけで出来上がったのがこれです。
00:04:15他には何の追加情報も与えていませんが、これを作ってくれました。
00:04:17まさにStripeの雰囲気が出ていますね。繰り返しになりますが、
00:04:21本物のStripeにあるのはカスタムグラフィックです。
00:04:25プロンプトだけでそれを再現することはできませんが、
00:04:27正直なところ、かなり良い出来だと思います。
00:04:32まだ標準的なAIっぽさは残っていますが、
00:04:34配置の仕方やアイコンなど、
00:04:39単なる2x2のカード型ベントーボックス(弁当箱レイアウト)にはなっていません。
00:04:44色使いやグラフィックの感じも好きです。そして、
00:04:47「Stripeのサイトを参考に土台を作って」と言っただけでこれなら、本当に素晴らしいです。
00:04:50これをスキル化したことで、私は「Stripeデザインスキル」を手に入れました。
00:04:55プロジェクト単位のものですが、いつでも呼び出すことができます。
00:04:59Stripe風の別のサイトを作りたい時も、
00:05:03これを使えば可能です。Skill UIはどんなサイトにでも向けられます。
00:05:06GitHubにあるデモ動画では、
00:05:10Notionを対象にした例が見られます。
00:05:12Claude CodeにNotionのクローンを作らせている様子が映っています。
00:05:16このスキルを使うには、GitHubページにあるインストールコマンドに従うだけです。
00:05:182つのモードがあります。もし、
00:05:22スクロールのスクリーンショットや、マウスオーバー時の挙動など、すべてを取り込みたい場合は、
00:05:24Playwrightを使って分析します。
00:05:27単にHTMLを見るだけではありません。
00:05:30私が以前作ったカスタムサイト分析スキルのようなものとは違います。
00:05:33「Ultraモード」を使えばPlaywrightを導入するので、かなりの高度な分析が可能です。
00:05:38総じて、非常に巧妙なスキルです。今使い始めれば、
00:05:41ギークなGitHubリポジトリスキルの先駆者になれるでしょう。
00:05:45新しくサイトを作る際、どこから手をつければいいか分からない場合には、
00:05:48絶好のスタート地点になるので、強くお勧めします。ここから自由に編集できますから。
00:05:52さて、ツール3は、正直に言うと私の専門外に近いのですが、
00:05:55非常に興味深いと感じているものです。
00:05:58私自身ももっと学び、活用していきたいと思っています。
00:06:00私の専門外ではありますが、非常に興味深いと感じています。
00:06:03WebGPUとは、ウェブページがグラフィックボード(GPU)と
00:06:07直接やり取りするデザインコンポーネントのようなものです。
00:06:10これにより、ここで見ているような、
00:06:13非常にクールなアニメーションを作成できます。
00:06:17以前の「Claude Codeウェブデザインの7段階」の動画や、
00:06:19レベル7で紹介したIglooのサイトなどでも、
00:06:21WebGLやカスタムシェーダーが使われていました。そういう領域の話です。
00:06:23このスキルは、Claude Codeに対して、
00:06:28そういったものを実現するコードの書き方を教えます。
00:06:30レンダリングの設定、シェーダーの書き方、
00:06:34ノードベースの素材の作り方などです。このスキルを使い、
00:06:36いくつかのテキスト指示を与えるだけで、これを作ることができました。
00:06:40先ほどの例ほどカッコいいものではありませんが、
00:06:44GPUの処理に10分ほどかかりましたが、指示自体は2分で終わりました。
00:06:47私自身、何をすればいいかよく分かっていなかったのに、テキスト指示だけでできたのです。
00:06:49もしこの分野に興味があるなら、ここで紹介するツールの中でも
00:06:52かなり異色なものですが、私は気に入っています。
00:06:54興味があれば、ぜひチェックしてみてください。その方向への第一歩になるはずです。
00:06:58ただ、明らかにカードの見た目やフォントを変えるといったことよりも、
00:07:00ずっと高度な内容であることは心に留めておいてください。
00:07:06さて、
00:07:08ツール4は、ここ1ヶ月で最も注目されているAIリポジトリの一つです。
00:07:13それは「awesome-design.md」です。現時点で5万以上のスターを獲得しており、
00:07:16爆発的に人気が出ています。
00:07:19これは、先ほどのSkill UIと似ている部分があります。
00:07:22既存の他のウェブサイトを参考に、
00:07:26自分が作るサイトのテンプレートとして利用できるスキルだからです。
00:07:28「awesome-design」は「Stitch」というプロジェクトに強く影響を受けています。
00:07:29Stitchについては後ほど詳しくお話しします。
00:07:32Stitchには「design.md」という概念があります。これはデザインのマークダウンファイルで、
00:07:35サイトをどう構築すべきかを説明するプロンプト集です。
00:07:37特筆すべきは、Googleがこれらのプロンプトを非常に見事に作り上げたことです。
00:07:41概要、目標(North Star)、色の使い方など、
00:07:46細部にわたって具体的に記述されており、素晴らしい構造を提供してくれます。
00:07:48Claude Codeの標準的なフロントエンドデザインスキルのような、
00:07:52「とりあえずこんな感じでやって」といった曖昧なものとは違います。
00:07:57やるべきことが非常に明確なのです。
00:08:01awesome-designは、この「特定のデザインシステムのためのプロンプト」というアイデアを取り入れ、
00:08:04様々な分野の多くのウェブサイト向けにそれを作成しました。例えば、
00:08:06「ElevenLabs」をクリックしてみましょう。
00:08:14ここではElevenLabsのデザインコンセプト全体が、
00:08:18フォーム要素、カードの例、ボタン、見出し、
00:08:22タイポグラフィ、カラーなど、バラバラに分解されているのを確認できます。
00:08:26単なるライブプレビューではなく、実際にClaude Codeに投入できるプロンプトそのものです。
00:08:29テキスト中心ではない、「Bugatti」のようなサイトを含む
00:08:32膨大な数のサイトが網羅されています。
00:08:34つまり、気に入ったサイトの構成要素を抽出してくれるので、
00:08:39それと同じ部品を使って自分のサイトを構築できるのです。
00:08:43Skill UIがどんなサイトでも自動で分析して構築してくれるのに対し、
00:08:47こちらはコンポーネントごとに分解してくれるイメージです。
00:08:50それを使ってどう組み立てるかは私たち次第です。さて、awesome-designを絶賛しましたが、
00:08:55ツール5として、
00:09:00そのインスピレーションの元となったアプリケーションを紹介しないわけにはいきません。
00:09:04Googleの「Stitch」そのものです。Stitchは本当に素晴らしいツールです。
00:09:07実際にページを作り始める前に、
00:09:10視覚的なアプローチからスタートしたい場合に最適です。
00:09:15使い方は、Stitchに入って、作りたいもののプロンプトを入力するだけです。
00:09:19インスピレーションとなるスクリーンショットを含めることもできます。
00:09:21すると、先ほど見たようなdesign.mdファイルが、
00:09:25より洗練された形で作成されます。
00:09:26配色、タイポグラフィ、ラベル、ボタンなどの詳細な内訳が表示され、
00:09:29デザインシステム全体を確認できます。先ほどのdesign.mdと同じものですが、
00:09:33入力したプロンプトに合わせてカスタマイズされています。そして、
00:09:35それをもとに、作成しようとしているサイトのバリエーションを多数提示してくれます。
00:09:38ヒーローセクションだけでなく、ページ全体です。
00:09:41モックアップが作成されたら、自由に編集できます。クリックしたり、
00:09:46右クリックで特定のバリエーションを取得したりできます。
00:09:48バリエーションをカスタマイズしたり、その数を
00:09:503つや5つに変更したり、クリエイティビティの範囲を指定したりすることも可能です。
00:09:53潜在的なウェブサイトのビジュアルを、
00:09:57多角的に素早く生成できる手段が手に入ります。これは非常に重要です。
00:09:59Claude Codeの中でデザイン変更をしようとすると、
00:10:04コードが書かれ、開発サーバーが立ち上がり、ブラウザで確認するという手間がかかります。
00:10:08特にフロントエンドのデザインにおいては、
00:10:11選択肢を目の前に並べて比較したいものです。
00:10:14「これはダメ、これもダメ、これはいいかも」と判断する方が、
00:10:18「もう一回やり直して」と何度もClaude Codeに指示するよりずっと楽です。しかも、これは無料です。
00:10:20それも素晴らしい点ですね。ここで作ったものは、
00:10:25Claude Codeへの移行も非常に簡単です。気に入ったものを選んで、
00:10:28メニューからコードを表示させます。
00:10:31そのコードをコピーして、Claude Codeに持っていくだけです。
00:10:34Figmaへのコピーや、
00:10:35AI Studioへの取り込みも可能ですが、
00:10:40最も簡単なのは、エクスポートしてクリップボードにコピーする方法です。
00:10:43MCPも用意されているので、これらすべてをClaude Codeのターミナルから行うこともできます。
00:10:46ただ、正直なところ、ターミナル経由でやるメリットがどこまであるかは、まだよく分かっていません。
00:11:06試行錯誤の繰り返しは不要です。これも無料で
00:11:11素晴らしいですし、ここで構築したものは
00:11:13Cloud Codeへの移行も非常に簡単です。気に入ったものを
00:11:16クリックして「More」からコードを表示し、
00:11:19コピーしてCloud Codeに貼り付けるだけです。
00:11:23Figmaへのコピーも可能ですし、
00:11:25AI Studioに持っていくこともできますが、
00:11:27エクスポートしてクリップボードにコピーするのが最短ルートです。
00:11:31MCPもあるので、Cloud Codeのターミナルからも操作可能ですが、
00:11:35正直なところ、それによるメリットはあまり感じられません。
00:11:39この視覚的な感覚を直接体験することに価値があると思います。
00:11:43Cloud CodeでのStitchedに関する詳細な動画もあるので、
00:11:46興味があれば上にリンクを貼っておきます。さて、
00:11:49スキル6をこの動画に入れるか迷いました。というのも、
00:11:52あまりに普及していて、誰もが知っている気がしたからです。でも
00:11:55初めて見る人もいるかもしれません。「UI UX Pro Max」スキルです。
00:12:00これは、いわば精神的な後継者、あるいは
00:12:05Anthropicのフロントエンドデザインスキルがあるべき姿です。
00:12:09様々なウェブサイトの慣習やドメインに基づいて
00:12:14トレーニングされたデザインスキルを想像してみてください。
00:12:19すべてのサイトが二流のSaaSのような見た目である必要はないからです。
00:12:23このスキルはまさにそこを追求しています。
00:12:25これは知的なデザインシステム・ジェネレーターです。
00:12:27ユーザーに質問を投げかけ、
00:12:29ウェブサイトやサービスの目的を把握した上で、
00:12:31その機能に基づいたデザインを行ってくれます。
00:12:35161もの業界特化型の推論ルールを備えており、
00:12:39かなり作り込まれています。
00:12:43スキルのないAIが生成するような凡庸な代物や、
00:12:47最近Cloud Codeのフロントエンドデザインスキルで増えている
00:12:51「AI量産型デザイン」とは一線を画しています。
00:12:52また、特定の技術スタックに基づいたガイダンスも充実しています。
00:12:55Reactだけに限定されることもありません。方向性が
00:13:00全く決まっていない場合には最適なスキルです。
00:13:04これまで紹介したツールの多くは、ある程度の
00:13:09完成イメージが必要でした。例えば、
00:13:12Skill UIなら参考サイトがあれば
00:13:15それをコピーできますし、Awesome Designも同様に、
00:13:19実在するサイトから選ぶ形でした。
00:13:21そういうアプローチではなく、
00:13:22どうすべきか迷っているなら、このスキルを使ってください。良い出発点になります。
00:13:26素晴らしいスタート地点になるはずです。
00:13:28ツール7はコンポーネント、つまりページの
00:13:33細部を仕上げるためのものです。そこで「21st.dev」の登場です。
00:13:36ここには膨大な数のコンポーネントがあり、
00:13:40自分のサイトに直接組み込むことができます。例えば、
00:13:43ヒーローセクションをどうしようか考えているとしましょう。
00:13:4621st.devのヒーローセクションを開いて検索します。
00:13:51例えば、Splineを使用したこのヒーローページが気に入ったとします。
00:13:56マウスの動きを追うロボットが表示されていますね。
00:14:00Splineの使い方を調べたりコードを書いたりする代わりに、
00:14:0421st.devへ行き、
00:14:06「Copy Prompt」ボタンをクリックしてプロンプトをコピーします。
00:14:09それをCloud Codeに貼り付ければ、ヒーローセクションの完成です。
00:14:14さて、
00:14:15ヒーローセクションは、インポートするものの中でも
00:14:19最も存在感があります。ロボットが動き回るようなページなら、
00:14:22サイト全体がその雰囲気に合う必要があります。幸いなことに、
00:14:2621st.devが最も威力を発揮するのは、
00:14:29小さなコンポーネントやボタンのような細部だと思います。
00:14:33ボタンに小さな光の演出があるだけで、
00:14:36標準的なボタンとは一味違う、洗練された印象を与えます。
00:14:39あるいは、マウスに追従して光るアニメーションが
00:14:43施されたカードなどもそうです。
00:14:46こうした細部や、淡く光るシャドウが
00:14:49ウェブページを格上げし、プレミアム感を演出し、
00:14:52作り手のこだわりを感じさせてくれるのです。
00:14:56努力の跡が見えるわけです。また、
00:14:59これらはインスピレーションの源にもなります。
00:15:03ボーダーでもヒーローセクションでも、プロンプトをコピーして、
00:15:07それをCloud Codeで
00:15:09自分好みに調整してはいけないという決まりはありません。
00:15:12「使うか使わないか」の二択ではないのです。
00:15:14特にウェブデザインの背景を持たない人(私もそうですが)にとって、
00:15:17「知らないものは知らない」ものです。
00:15:19ボタン一つとっても、これほど多様な作り方があることを知れば、
00:15:23思考の幅が広がります。そして時間が経つにつれ、
00:15:26それは力になります。
00:15:29多くの事例に触れることで、自分のセンスが磨かれ、
00:15:32何が好きなのかが分かってきます。実物を見るまでは、
00:15:34自分が何を求めているのかさえ気づかないものです。
00:15:36Cloud Codeが提示するものしか知らない状態では無理もありません。
00:15:39ですから、ぜひチェックしてみてください。ほとんどが無料ですし、
00:15:43ボタンやカードの表現など、少なくとも
00:15:46細かな部分は次のプロジェクトに取り入れるべきでしょう。
00:15:49最近よく耳にするのが「AIにはセンスがない」という言葉です。
00:15:53では、スキルとして「センス」を与えてみてはどうでしょうか?
00:15:56それを試みるのが、ツール8です。
00:15:59それが「Taste Skill」リポジトリです。
00:16:01これは、Cloud Codeにある種の「センス」を与えようとする
00:16:06スキル集です。つまり、ありきたりなAIデザインから
00:16:11脱却することを目的としています。これが今回の大きなテーマです。
00:16:13このTaste Skillには、ご覧のような複数のサブスキルが含まれており、
00:16:17設定を調整することも可能です。通常のAI生成と比べて、
00:16:21どの程度「抽象的」にするかなどを変更できます。
00:16:24こちらに、このスキルを使って作成された
00:16:28ウェブサイトの例があります。一目見て、
00:16:31少し違うのが分かりますよね。驚天動地というほどではありませんが、
00:16:36明らかに他とは違います。「違う」ということは良いことです。
00:16:38よくあるSaaSのテンプレートに見えないほど、価値があります。
00:16:41スクロールアニメーションなども含まれていますし、
00:16:46お決まりのベントーボックス(タイル型)配置ばかりではありません。
00:16:47これは非常に面白いスキルなので、通常のCloud Codeの生成結果と
00:16:52比較しながら試してみる価値はあります。
00:16:56ツール9は非常にシンプルに思えるかもしれませんが、
00:16:59Google Fontsの存在を知らない人が意外と多いことに驚かされます。
00:17:03Google Fontsは、
00:17:05あらゆるコーディングプロジェクトで使用できる、
00:17:10膨大な数の無料フォントリポジトリです。
00:17:14Cloud Codeがデフォルトで使う
00:17:18数種類のフォントに縛られる必要はありません。
00:17:20Google Fontsでは、外観や雰囲気、
00:17:24フォントファミリーごとに分類されており、Cloud Codeに「これを使って」と
00:17:29指示すればいいのです。Cloud Codeもこれらすべてにアクセス可能です。
00:17:31タイポグラフィは、デザインの見た目や印象を左右する
00:17:34極めて重要な要素だからです。さらに、
00:17:38Cloud Codeを使ってGoogle Fontsを検索させることもできます。
00:17:42構築しているサイトの種類や、目指している雰囲気を伝えれば、
00:17:45それに合ったフォントの候補をいくつか挙げてくれるはずです。
00:17:47実際にここでリアルタイムに確認できます。やはり、
00:17:50すべてを運任せにすべきではありません。
00:17:53その日のCloud Codeの気分次第でフォントが決まるような状況では、
00:17:57結局いつも「Inter」になってしまいますから。
00:18:01そして最後になりますが、ツール10は「Playwright CLI」です。
00:18:05Playwright CLIは、厳密にはデザインツールではありません。
00:18:06以前Skill UIの話をした際、ウェブページの
00:18:10スクリーンショットを撮る機能について触れましたが、
00:18:13それをリサーチやアイデア出しのツールとして活用できます。
00:18:15ここで強調したいのは「形と機能」の考え方です。
00:18:19フロントエンドを構築する際、
00:18:21例えばシンプルなフォーム送信ページであっても、
00:18:25必ずテストが必要になります。
00:18:27それらが正しく動作することを確認しなければなりません。
00:18:29大規模にそれを実行する最も簡単な方法はPlaywright CLIです。MCP版ではなく、
00:18:32CLI版の方がはるかに効率的です。
00:18:36その使い方は、フロントエンドのデザインが完成したら、
00:18:38CLIツールをインストールしてCloud Codeにこう指示するだけです。
00:18:41「Playwright CLIを使って、このページの全インタラクションをテストして」
00:18:44すると、複数のChromeインスタンスが作成されます。
00:18:49動作を確認したければ有頭(Headed)モード、背景で実行したければ
00:18:52無頭(Headless)モードを選択でき、自動でテストしてくれます。
00:18:55これにより、フロントエンドのデザインプロセスが劇的にスピードアップします。
00:18:57何かを追加しては確認し、またテストするという作業は、
00:19:02非常に時間がかかるものです。
00:19:05特にフォーム送信などは、ユーザーが入力する情報によって
00:19:06膨大な種類のエッジケースが存在しますから。
00:19:08以上が、私の選ぶCloud Codeデザイン関連の
00:19:13スキル、プラグイン、CLIのトップ10でした。
00:19:15いくつか新しい発見があれば幸いです。特にSkill UIなどは、
00:19:20世界で3人くらいしか知らないんじゃないかと思うほどマニアックですから。
00:19:24しかし、フロントエンドデザインの領域において
00:19:29Cloud Codeを活用するのは本当に面白いです。
00:19:31「センス」という面では、まだ不十分なところがありますが、
00:19:36むしろそれは、皆さんにとってチャンスと言えます。
00:19:37最近「センス」という言葉が飛び交いすぎて耳にタコができそうですが、
00:19:40Cloud Codeが苦手としている部分だからこそ、
00:19:42個人の力で差別化を図ることができるのです。
00:19:46Cloud Codeを使い始めた多くのユーザーの中から
00:19:50抜け出すことができるのは、とても良いことです。
00:19:55今回紹介したスキルやツールが、その助けになるはずです。
00:19:57いつものように、皆さんの感想を聞かせてください。
00:20:00マスタークラスに興味がある方は、Chase AI Plusもチェックしてみてください。
00:20:01それでは、またお会いしましょう。
00:20:04ご視聴ありがとうございました。