シャドーイング練習: Claude Design just got MASSIVE Upgrades (2.0 Update) - 動画で英語スピーキングを学ぶ

レッスンを作成中...
1
So Antropic just gave Cloud Design some massive upgrades because when it first launched, the major problem was that a lot of people were hitting their usage limits with just a few prompts.
2
But with the updates rolled out this week, you're going to get much more use out of Cloud Design, which finally makes it usable.
3
They fully rebuilt their editor so you can now manually edit elements just like any proper design tool.
4
They also introduced new features to integrate seamlessly with Cloud Code,
5
as well as several other updates that legitimately make Cloud a proper design software that can automate and replace your other tools.
6
And if you're new here, my name is Jay.
7
I spent over a decade working with brands that you may know, have been in AI since my master's in data science.
8
Now I'm running an AI business and one of the largest AI communities globally.
9
Let's dive into it.
10
So when you now go to Claw Design, which you can just access by heading to this URL claw.ai slash design,
11
you can see they have a brand new interface here.
12
So it's quite similar to other AI chat apps that you may be used to.
13
But now what they are putting front and center are the different templates that you can start with.
14
So you can create prototypes of applications, you can create slides or PowerPoint packs, documents, wireframes, and even video animations.
15
So I'm going to give a few examples of that in just a bit.
16
But apart from the changes that Antropic made to Cloud Design's UI, I think what finally makes Cloud Design a bit more usable is the fact
17
that they have now pulled your account's usage limits across Cloud Design and Cloud Code.
18
So if you now go to your profile and click on the usage here, you'll now see just familiar usage limits for five hour current sessions, as well as your weekly limits.
19
And if we bring up Cloud Code real quick and just look at the account and usage, you can see that this is exactly the same rates that you have.
20
So it's much easier to manage now and honestly just makes a lot more sense that they unified this.
21
Because before when Cloud Design first launched with just one prototype, it is very common that you run into rate limits already.
22
So I'm glad that they finally fixed that.
23
Now to show you some of the new features that they introduced, unironically, one of the best ways and one of my favorite ways by
24
which to use Cloud Design is to create some slides.
25
Because in my view, with these features that they just added, I think you don't really need to use PowerPoint anymore.
26
So what I'll do here is just select the slides template
27
and I'll ask it to just build me a short slide deck about what's new in Cloud Design, some guidance on the slide opener.
28
And at the bottom, I gave it a few notes on what is new
29
so that it has some guidance on what it should highlight.
30
So when we send that over, what it now created for us is this five slide pack, which you can see is adhering to our robo design system,
31
which is this pixel style design that we're starting to use now with a lot of our visuals.
32
And in case you need a detailed guide of how to create your own design system, I will link this PDF guide down below, which you can just grab for free.
33
And that just goes through a lot of the principles as well as the skills
34
that I personally use in order to create great design systems.
35
So you can download this, redo it, or feed it to your cloud.
36
And that should get you well set up with best practices for creating your own design systems.
37
Now, if we just hide the chat window for a bit, you can see this is quite familiar, right?
38
This is exactly what you would expect in something like Keynote or PowerPoint.
39
And the great thing about it is not only can you present straight from cloud design.
40
So if I press on percent there, I can just present this full screen
41
and just shrug through these slides the same way that you would in PowerPoint or in Keynote.
42
But apart from that, they also built in this functionality, and I'll just drag that window here in a bit, where you have your speaker notes being shown on your other screen.
43
And this is exactly the core functionality that you would expect in a slide maker like a PowerPoint, right?
44
But obviously the big difference is with Cloud Design, all of the content in these slides, you can freely edit just by talking to Cloud.
45
And here at the bottom, you can see that you can freely edit those speaker notes.
46
And if in case you are required to use PowerPoint, let's say in your company, if you click on share and click on export,
47
there is actually an option here to export this via a PowerPoint X file.
48
Just note that if you use universal fonts, that will most likely change any fonts that you have in your design system here, especially if they're custom ones.
49
So what I would recommend here actually is just use the custom fonts feature.
50
And once you download that, what we now have here is a PowerPoint file that you can freely edit as well if you need it.
51
Now, if you need to apply tweaks or edits to whatever design that you create, whether it's a slide pack or a website landing page,
52
or even a dashboard, Cloud Design has different features for you to do that.
53
And the newest one, which I think is really useful, is this edit feature.
54
So if I click on that, you can see that this is quite a familiar interface for most designers, where if I go and click any of the elements here,
55
I can freely just change the text by typing it in.
56
I can change the font if I want to.
57
I can also increase the size of the letters.
58
And it's probably too big, so we can just resize that a bit.
59
And you can also bold some text, make some text italicized, and so on and so forth.
60
And so now what Cloud Design has become is a fully fledged editor for a lot of these assets
61
and creative presentations and communication materials, right?
62
Because with each of these elements now resizable and all of these text pieces freely editable by you,
63
you can pretty much replace a lot of the editing tools that you may be used to just by using Claw Design.
64
Apart from that simple edit, you can also click on this pro toggle and
65
that just gives you a layered view
66
that some people who may be used to something like Figma may be quite familiar with.
67
And let's say if I want to quickly just edit this piece of text here, that just directs me to the right element in this nested view.
68
And I can apply those same changes myself instead of having to prompt Claude every time and waste some tokens.
69
So let's say we want to change the color of Claude from this orange into, let's say, something a bit more yellow.
70
That's something that we can do now.
71
And also if I click on save, that will just take in all those changes into this final deck.
72
So very useful, especially if you are crafting a slide pack for clients
73
or for any type of communication materials that you would need.
74
Now, if you do want Claude to handle the editing for you
75
instead of you having to do it manually for your final tweaks, then Claude Design still has a lot of the features that let you do that.
76
My favorite way personally of giving feedback to Claude for specific items is this markup tool.
77
Because if I click on that, I can just choose the elements that I want to give feedback on.
78
And let's say I want to reword the body of this text and just say across all the slides, don't use em dashes.
79
Then I can just add that as a comment and that will create a running list of comments here on the left.
80
And you can continue marking things up, which apart from selecting things, you can also just draw on the screen here and give your comments that way.
81
The other feature that is really useful, especially when it comes to these visual assets, is that you can actually connect Cloud Design to third-party tools using MCP connectors.
82
And the way you do that is if you click on your profile and click on connectors, you'll be able to see all of the connectors
83
that you have set up in your Cloud desktop app or in your cloud.ai account here.
84
And you can see I have Higgsfield connected on my side here, which is pretty useful because
85
if you send a prompt like this where I'm saying to add a title slide
86
and use Higgsfield GPD Image 2 to generate an appropriate image, it was able to understand
87
that it found the right tool to use from within Higgsfield's MCP
88
and it actually generated an image which it included in this final title slide.
89
And so you can start to be creative with this
90
if in case you need more visuals or even videos for your assets, then connecting cloud design via MCP connectors is one way for you to do that.
91
And by the way, if you want to learn how to build and sell AI systems that businesses actually pay for, then that's pretty much all we do over at the RoboNuggets community,
92
where not only do you get access to the Cloud Living Masterclass, which we update every week and takes you from zero to mastery with the latest on AI, but you also get access to our Agents as a Service course,
93
which walks you through how to actually get paid for all these AI skills that you are learning.
94
You also get to be part of a genuinely great community of AI builders.
95
In fact, you can see just some of the recent wins our members are getting from the program right here.
96
So if you want to check that out, if it's for you, then it's just in the pinned comment below.
97
And if not, that's totally okay too.
98
Either way, I still appreciate the support you have here on the channel.
99
Now, you may be curious about this robo design system that I built.
100
And the way that I actually built this originally is I had this done from within Cloud Code.
101
And I used the new design sync feature in order to export this design system and port it over to Cloud Design.
102
And in case you're not sure what I'm talking about, essentially this design system feature, it's a pretty useful tool that Claude Design has introduced even when it first launched.
103
Because if you have a design system like this dialed in, then whichever template that you create, that will actually adhere to the design principles,
104
the fontage, and the colors of that system that you have selected.
105
And so to give you an example, these are some video animations that are adhering to that same design system.
106
This one's an instance of a dashboard that's also using that design system.
107
So you can see the same fonts, the same color palette is being applied.
108
Now, in version one of Cloud Design, the way that you created these design systems, if you go to the design system toggle here at their homepage, is if you click on create design system,
109
you used to only have this option where you can create here, where if you click that, that just gives you this interface, which is still pretty useful if you want to just describe your company name,
110
if you have code from GitHub, let's say, that has that design system, or if you want to upload some files like a Figma file
111
and other assets that you think would be useful to craft this design system.
112
So you can, of course, still do that, especially if you don't have a design system yet.
113
But what you now have the option to do is to create a design system straight from using CloudCode.
114
So if you click on that option, all that really shows is this sort of snippet by Antropik,
115
where they're saying that they now have this slash design sync skill that will be available to you by default in CloudCode.
116
So this is pretty useful if in case you have already built some sort of design system in CloudCode.
117
To give you one example from our side, you can see here at CloudCode, I already have this robo design system that we made and
118
if you look at the sort of brand book
119
that we have here it is already well made it is already ready to import
120
and all i really did is to use slash design sync
121
and what cloud code did is port over this whole design system
122
and make it available in cloud design in fact to show you how easy
123
that is earlier
124
when i was testing this out again i just asked cloud code to try a design sync
125
and to make a design system that has the aesthetic of Apple.
126
And because Entropic rolled out this capability now, you can see that Cloud Code is telling me that it created a new project, this Apple design system on our Cloud AI org account.
127
And if I look at the design system here, you can see there's six pages or six different artifacts that it can pull from.
128
It has this hero page, it has this navigation bar, and a couple of other design elements that it can now use whenever I need to make animations,
129
whenever I need to make slides or any dashboards that are in the Apple aesthetic.
130
And so if you're a heavy Cloud Code user, this is just a nice way for you to work more seamlessly between Cloud Code and Cloud Design.
131
And speaking about that Cloud Code connection, you can actually go the other way as well, where you start with a front end design right here in Cloud Design.
132
And once you're satisfied with the look and feel of this, let's say this dashboard is what you're creating and you are, let's say, okay with this look,
133
then what I would now do as a next step here is to port this over to CloudCode
134
and actually wire it to the actual backend of the database of this dashboard so that these demo numbers,
135
I'd probably ask CloudCode to connect to a database like Supabase and set up that scheduled routine to update it, let's say daily, in order to make sure that the dashboard
136
that we are going to ship is live and working and is useful.
137
And so the way you do that from CloudDesign is you just click on share, you just click on send to.
138
And here you can see the cloud code is one of the destinations here.
139
If I click on send, that will just give me a prompt that I can just copy.
140
And if I go back to cloud code, wherever you are using it, you just send over that prompt.
141
And in that session, cloud code will now be able to work on this front end design
142
and just ask it to wire it to whatever live database
143
that you have and set up that routine to refresh the dashboard on the regularity that you wish.
144
And with this sort of workflow, you can sort of see where cloud and Anthropic is going with this right.
145
Because right now, Cloud Design is only available in the web, but I wouldn't be surprised
146
if they actually fold in a lot of the capabilities here right from within the Cloud desktop app, because it just makes sense.
147
And like I mentioned before in this channel, and often in our community, I think what a lot of the AI labs are doing is they're trying to create the super app,
148
the everything app, where with just one application, which is Cloud in this case, you can do your design, you can do your coding, you can build software, you can build slides, and pretty much anything that you want really.
149
And so a lot of these improvements that they have made in claw design are pointing toward that direction.
150
So there you go.
151
Kudos to the claw design team because I definitely think
152
that a lot of the improvements that they made just made claw design a bit more usable.
153
And I think they're headed towards the right direction here.
154
I hope that was useful.
155
And as always, thanks for watching until the end and I'll see you all next time.
156
Thank you.
157
Thank you.

コンテキストと背景

この動画では、AIを駆使したデザインツールのアップデートについて詳細に解説しています。話者は、AI業界での豊富な経験を生かし、新機能や改善点について具体的に述べています。このような技術的な内容に触れることで、英語を学ぶ際に専門的な語彙や表現力を身につけることが可能です。特に、英語の発音を良くするために重要な要素や、実際のコミュニケーションで役立つフレーズも含まれています。

日常会話のためのトップ5フレーズ

  • “create prototypes” - プロトタイプを作成する
  • “usage limits” - 使用制限
  • “slide deck” - スライドデッキ
  • “custom fonts” - カスタムフォント
  • “present full screen” - フルスクリーンでプレゼンテーションする

これらのフレーズは、ビジネスやプレゼンテーションの場面で非常に役立つ表現です。特に、shadowspeakshadow speakの手法を使って、これらのフレーズを練習することで、自然な英語のリズムと発音を身につけることができます。

ステップバイステップシャドウイングガイド

この動画から学ぶ内容は、特に技術系の英語表現が多いため、少し難しく感じるかもしれません。以下のステップを参考にして、じっくりと取り組んでみてください。

  1. まず、動画の初めから最後までを通して観ます。内容を把握することが重要です。
  2. 次に、気になるフレーズをメモします。上記のトップ5フレーズも参考にしてください。
  3. フレーズごとに分けて、繰り返し聴きながら発音を真似します。この時、特にshadowspeaksの手法を活用してください。
  4. 自分の言葉でフレーズを使ってみて、実際の会話に挑戦します。例えば、友人にプレゼンテーションを練習してみるのも良いでしょう。
  5. 最後に、動画の解説をしっかりと復習し、自分が理解できた内容や発音をチェックします。

これらのプロセスを繰り返すことで、特にIELTS スピーキング対策にも役立つ表現力や発音スキルが身につくでしょう。

シャドーイングとは?英語上達に効果的な理由

シャドーイング(Shadowing)は、もともとプロの通訳者養成プログラムで開発された言語学習法で、多言語習得者として知られるDr. Alexander Arguelles によって広く普及されました。方法はシンプルですが非常に効果的:ネイティブスピーカーの英語を聞きながら、1〜2秒の遅延で声に出してすぐに繰り返す——まるで「影(shadow)」のように話者を追いかけます。文法ドリルや受動的なリスニングと異なり、シャドーイングは脳と口の筋肉が同時にリアルタイムで英語を処理・再現することを強制します。研究により、発音精度、抑揚、リズム、連音、リスニング力、そして会話の流暢さが大幅に向上することが確認されています。IELTSスピーキング対策や自然な英語コミュニケーションを目指す方に特におすすめです。