シャドーイング練習: How to Build the PERFECT Website with AI | 2026 - 動画で英語スピーキングを学ぶ

練習モードを選ぶ

各モードは全画面の練習ルームで開きます。

385 文

文が短すぎたり長すぎる場合は、Editをタップして調整してください。

So, you're looking to make a website using AI.

Because you want to build a professional website without spending weeks building it yourself.

So, you open up your laptop and start researching how to make a website with AI.

And one person tells you to use Lovable.

Another says to use Claude.

The next says Base44, ChatGPT, Wix, Squarespace, Framer, Bolt.

And suddenly, you're just feeling so burnt out from all the research

and you just want to know which is the easiest and best AI builder for my project and ideally the most affordable.

Because here's the truth.

Choosing the wrong tool for your project can cost you lots of time, money, and headache in switching to a better tool later.

And if this happens, then I'm not doing my job as your guide.

This should be simple, fun, and straightforward.

So in this video, I'm going to show you step -by -step how to build a beautiful, professional website using a single prompt.

And it even has a built -in editor for you to make simple changes without chatting back and forth with the AI.

And by the end, you'll have a fully functioning professional website launched with your own custom domain name.

Okay, so let's talk about which AI is the best tool for you.

First, you've got AI tools.

These are capable of building websites, but it's not their primary function.

These are tools like Claude or ChatGPT, which are obviously chat -focused first.

And then you have dev tools like Lovable and Base44, which are more focused on app building.

Now, don't get me wrong, these are all amazing tools, but here's the issue with them.

First, every time that you want to make a change to something, you have to chat back and forth with it,

which costs a lot of credits.

And sometimes the AI fixes one thing, but then accidentally breaks three other things that you were already happy with.

And then before you know it, you're fighting with the AI rather than actually building your website.

And the second issue is that if you manage to get a full website that you're happy with,

then you then have to export the HTML code and then go somewhere else to get your domain and your hosting plan,

and then finally you would upload the website's code into some complicated file manager.

And this is why I wouldn't recommend this to beginners.

It's just a little bit too confusing.

So then you have website builders, which have integrated AI, but they are website builders first.

So you can start with a single prompt and it will generate a custom website for your business.

And then you have a visual editor where you can make the changes

that you want without having to chat back and forth using credits or in a chat box.

With these, the goal isn't to let the AI do everything for you.

The goal is to let the AI handle the boring grunt work of creating the site

and then you get to focus on the fun part of customizing it.

Now, I've tried all of these, the AI DevTools, and the website builders.

And there's just one that I keep coming back to time after time, and that's Hostinger's AI Website Builder.

To me, the customization is on par with Wix and Squarespace,

and it's super easy to just give it a quick prompt and then make changes visually with their built -in editor.

But it's much more affordable than those two.

This is where Hostinger just wins out.

Wix and Squarespace are around $16 to $17 a month, which, in my opinion, is just a little bit too high.

But Hostinger is around $3 to $4 a month, and you can not only get your domain and hosting,

but also build the site in minutes in one simple, convenient place.

And the only other tool that we're going to be using is ChatGPT, just to help us generate a professional logo,

and we'll use it to write some text for our website.

Okay, so if you're ready, let's go build your website.

So to get a huge discount on your web hosting, just go ahead and click on the very first link in the description

and that will take you here to my landing page with Hostinger.

And you'll know

that you're in the right place whenever

you see the CreatorPro website coupon code applied up here as well as my face right down here.

So we're just going to go ahead and click on the Start Now button.

And here is where you can choose a plan.

So you can see that we've got a 30 -day money -back guarantee and you can cancel anytime.

So the plan that I recommend going with is the business plan.

This is because you get a lot more websites, you get a lot more storage,

more mailboxes, and if you're going to be building an e -commerce shop with AI, then you're going to need the business plan anyway.

But if you're not going to do an e -commerce shop, you can do either one of these plans.

But I'm going to go ahead and choose the business plan.

And here's where you can choose a billing cycle.

So the longer months that you go with is going to get you the biggest discount.

But keep in mind, you will be paying for this upfront.

So the shortest months that I recommend going with is 12 months.

The 12 -month plan still gets you your free domain name, and you're getting your domain name for 12 months anyway,

so you might as well have your hosting line up with that.

Plus, one month just really isn't enough time to get your website off the ground and making money.

So if we come over here, you can see that we've got our 12 -month plan.

We've got a free daily backup, a free domain name, and free domain privacy protection.

And just make sure that you've got this

Create -A -Pro website coupon code here, and that's what's going to get you an even bigger discount.

Now, I do not recommend getting your domain name right here, because then you'll end up paying for it.

We've already got a free domain name here.

So we're just going to go ahead and click on Continue, and we're going to do that in one of the next steps.

And then here you can just register for an account, but I already have one so I'm just going to click on login.

And then from here you just fill in all of your billing details

and put in your card info and then you can just click on submit payment.

Awesome so now from here we can just click on get started.

And then it's just going to ask us if we want to create a new site or migrate an existing site.

We're just going to say create a new site.

And then from here we can just say skip personalization.

And from here we can move on to our next step which is to install our AI website builder.

And we're going to do this in just one single click.

So you can see that we've got three different options here.

We're going to choose the middle one which is the drag

and drop builder and then we're just going to click on next.

And it really is just one single click.

So now we can move on to our next step which is to secure our custom domain name.

So as you can see here we've got one free domain name available.

So we we can just go ahead and type it in right here.

So I just did youraiwebsite .com, and you can see that it's available here for one year.

If it's not available, you'll just have to try out a new one.

So we're just going to go ahead and click on that, and then we're just going to click on Next.

And then just simply make sure that all of your details look correct, and then just click on Register.

Cool.

So now it's registering our new domain name and installing our AI website builder to that domain.

Awesome.

100

So now we can move on to our next step, which is to start with a prompt.

101

So you can start out by just typing in whatever you want here for your prompt, but I want a really accurate prompt.

102

So I just went over to ChatGPT and just kind of explained a few details about the site that I want,

103

and it wrote out a really nice prompt for me.

104

So I'm just going to go ahead and copy this, and this is going to be a website for my channel, Creator Pro Website.

105

So I want it to be a website that shows me as the best place to learn website tutorials.

106

So I'm just going to copy that, go back over to my AI builder, and just paste it in.

107

And then we can just go ahead and click on this little arrow.

108

And now it's building us a website from scratch just like that.

109

And you can even play this little game in the meantime while you wait.

110

Well, if you get better than a 193, let me know in the comments.

111

Awesome.

112

So just like that, it created a really great template website that is tailored for our business.

113

And you can also see a mobile version of that

114

if you just click on the little mobile symbol up here

115

and you can see what that's gonna look like on a phone.

116

But I don't really love having multiple pages.

117

I really like a one -page design personally.

118

So if you do want to edit the idea you can just click on this button right here

119

and that'll allow you to just edit your prompt.

120

So I'm just gonna add in the words one page right up here.

121

And then I'm just going to click on the little arrow symbol again.

122

And then that's just going to make me a brand new website all over again.

123

And you can do this as many times that you want.

124

Awesome.

125

So it just created us a whole new site from scratch.

126

And I like this one a lot more.

127

It feels a little bit more modern.

128

I like the animations.

129

And everything is on one page.

130

If you do want to go back to a previous version, you can just click on this button right up here.

131

And again, this is just a starting point.

132

We're going to edit it further from here.

133

So whenever you're ready, you can just click on continue.

134

And then now we can move on to the most fun step, which is to customize your website.

135

So as you can see, we're here inside of Hostinger's AI Website Builder,

136

and it's a lot like Wix and Squarespace in that it's really easy to use.

137

So first off, over here, you've got your toolbar, and this is where you can find things like elements

138

that you can just drag and drop right into your website.

139

Or you've got your pages here, which you can see I've only got the one page because I asked for a one page website.

140

And then you've got your styles.

141

And this is just where you can make global changes that change the whole website.

142

But you can also just click on individual items and edit them separately.

143

And then you've just got some fun AI tools, which these would only come with the business plan.

144

But you've got an AI image generator, an AI writer, blog generator, anything that you can think of in here.

145

So making changes is pretty simple.

146

So let's go ahead and start with the background.

147

So we're just going to click on the background over here, and then we're just going to say edit section.

148

And then here you can see we're in the background tab, and we can do a color,

149

which is just going to change it to a solid color, which you can just select right here.

150

and we can just pick one of the pre -selected colors that it gave us with our theme, or we can choose our own.

151

Or we can also do an image, which is what we already have, or we can do a video.

152

And then you could just click on Replace Video, and then you could just search for any video that you want.

153

But I'm not going to do a video.

154

I'm going to do an image.

155

So I'm just going to click on Image, and then I'm just going to say Replace Image.

156

So as you can see, we're automatically underneath

157

My Library, which has all the images that are on our site, but you can also do free images.

158

So if you click on this, you can just type in anything that you want,

159

and these are all going to be royalty -free images that you can use.

160

But I want to upload my own, so I'm going to click on Upload Files.

161

And then I'm just going to select the image that I want in my background, and then just click on Open.

162

And then if we just go back over to the Images tab, you should see that new image right here.

163

So we're just going to click on Select.

164

Cool.

165

So now you can see that my image was added into the background, and I want to get rid of this dark overlay.

166

So you can see overlay opacity here.

167

We can just drag that all the way to a zero.

168

And then we've also got fixed background.

169

So if I move, this is going to stay put and scroll with the window.

170

But if I do this, it's now going to be more of a parallax effect.

171

But it will change the size of your image, so I'm going to go ahead and just leave it as is.

172

So now let's go ahead and edit our text.

173

So to do that, we're just going to click on the text, and then we can just say Edit Text.

174

Or you can also use the AI Writer to rewrite this text.

175

But I'm just going to choose

176

Edit Text, and then we're just going to change the text color right here.

177

So we're going to change that to more of a black color so that it stands out.

178

And you can also change the font.

179

So we can just click on this and select a new font.

180

So I'm just going to change this font to, say, an Open Sans.

181

That's a really nice, simple font.

182

I'm going to choose the bold one.

183

And then I just want to move this text over to the side.

184

So we can just click off, and you'll see these two little arms on both sides.

185

We're just going to drag that all the way over and position this on the side.

186

And then we'll also want to left align this text.

187

So I'm just going to click on Edit Text again.

188

And then we're just going to choose the alignment right here and say Left Aligned.

189

And then we'll also do the exact same steps with this text down here.

190

Cool.

191

So that's looking a lot better.

192

But I don't really love what this actual text says.

193

So we can actually just ask ChatGPT to write us some website copy for each of these sections.

194

So if we just go over here, I just typed in, please write me some website copy for each of these sections,

195

and I just listed out all the sections that it gave me.

196

And just like that, we've got some awesome website copy that we can use.

197

So I'm just going to click on this and just copy this as my headline, and just go back over here and just paste it in.

198

We can just double click right on the screen and just paste it in.

199

And then as you can see, our Heading 1 text changed back to our old font.

200

So if you want to make sure this doesn't happen in the future, let's just change it globally.

201

So we're just going to click on Styles, and then go over to Fonts.

202

And inside of here, you'll see a bunch of font pairings, which all work really well together.

203

So I'm actually just going to pick one of these instead.

204

So I think Poppins looks pretty good.

205

It looks really close to our Open Sans.

206

And we're just going to say Discard Changes and just Reset.

207

and I also want to bold that text.

208

So I'm just going to highlight all of it again

209

and then click on bold and I'll just make it a little bit smaller.

210

And then we also want to replace this text here.

211

So I'm just going to go back over to ChatGPT

212

and I'm just going to grab this text and then we can just go paste that in.

213

Cool.

214

So now let's work on our button.

215

So first I'm just going to reposition this text a little bit by just clicking and dragging.

216

And then we need a little bit more room for our button.

217

So we can just click on this button and just drag this section height down a little bit.

218

And then we can just drag our button right over here.

219

And then we can just say Edit button.

220

So I could change this button text right here.

221

I'm going to say

222

Watch My Tutorials.

223

And then in the Link To section, we're just going to click on Section.

224

And you could have this link to a specific page.

225

You could do a URL to a different web address, a section, and so on.

226

So I'm just going to say web address and I'm going to put in my YouTube channel.

227

So I'm just going to paste it in and we can have that open in a new tab.

228

So if you want to change the style of the button, like the color and the size, we can just click on style.

229

And then you can see we've got normal and hover.

230

So for fill color underneath normal, we can click on that.

231

And again, we've got a bunch of chosen colors with our theme already, which makes it super easy or we can just choose our own.

232

So I'm just going to go with a little bit lighter blue like that.

233

And then same with the text color.

234

I'm going to change that to maybe a black.

235

And then you can also change the text size here by just dragging up and down.

236

But I like it somewhere around 14.

237

And then we're also going to change the hover color.

238

So whenever we hover our button over, you can see it kind of turns purple.

239

So I want to change that.

240

So I'm going to click on hover and then do fill color.

241

And then I'm just going to choose a new color.

242

Maybe something like that.

243

And then we can also change the animation of that button.

244

And this is going to be the animation whenever the website first loads.

245

So currently we've got a fade, which you can see the button just kind of fades in.

246

We can do slide, which is pretty cool.

247

Or we can scale up.

248

I kind of like slide.

249

And then lastly we can change the size of the button by just clicking on the X

250

and then we can just drag this over.

251

And then you can also do up and down as well, but I kind of like a little bit smaller button.

252

And then don't forget to just click on the save button to just save your changes every so often.

253

Awesome, so now we can just use the same principles to just edit the rest of the website.

254

So I'm going to go ahead and do that really quick.

255

Okay, so I went ahead and redesigned the rest of the website and it is looking a lot better now.

256

And I want to show you a couple of really easy tricks to make this so simple.

257

So the first thing is I wanted to make this section bigger.

258

It's a little bit narrower.

259

So obviously I can just click and drag.

260

But then how do I get each of these elements down?

261

I don't want to just start clicking and dragging each individual element.

262

So instead I can just draw a box around all of them and then just drag them all down at once, which is just so helpful.

263

And you can also duplicate elements.

264

So if I wanted to duplicate some text, I would just click on it and then click on the Duplicate button.

265

And then I could just drag that text anywhere that I want.

266

And if we scroll down, like I said before, you can drag in full elements.

267

So I like this image, but we could make it a lot more fun.

268

So I'm just going to drag in an image element, just like this.

269

And then I'm just going to say Edit Image.

270

And then I'm going to Replace Image image, and then I'm going to choose this laptop background that I uploaded earlier.

271

And now we've got a little laptop in here, and then I can just drag this over here and make it a little bit bigger.

272

And then what I can do is just click on these little three dots, and then we can just send this to the back.

273

And then that way whenever we click off, it's now in the back,

274

and then I can just resize this image of me to fit inside the laptop.

275

And then we can just drag this one little handle over and we can make me fit right inside the laptop.

276

And now this is looking way better.

277

And then I can just drag some of this text over by just highlighting and moving it over.

278

And lastly, you can reorder sections by just simply clicking on these little arrows.

279

So if I wanted to move this entire section down one, I would just click on that.

280

And then if we scroll down, you can see that it was now moved below this other section

281

but I liked it the way that it was so I'm just going to put it back.

282

Cool.

283

So now we can move on to editing your contact form.

284

So having a working contact form is really important if you want to work with clients.

285

So let's go down and check it out.

286

So this is already a pretty good start.

287

Let's go ahead and just click on it and then say edit form.

288

And the first thing that we want to do here is just change where the emails are going.

289

So this is going to the correct email.

290

So I'm going to go ahead and leave it.

291

But if it's not for any reason, you can just change that email right here.

292

And then we can go over to Fields.

293

And here is where we can edit our form fields.

294

So first of all, you can just click and drag to reorder them.

295

And that will update automatically.

296

Or you can also add new fields by just clicking on this button here.

297

And then you can just select on anything that you want.

298

And then that will just add it in.

299

But I want to keep mine simple.

300

So I'm going to go ahead and delete this.

301

So I'm going to just open this up.

302

And then we are just going to say Remove Field.

303

and then that will get rid of it.

304

And then you can also change what these little subtitles say as well.

305

So if we click on this one at the top, you can see that we can edit the placeholder text.

306

And then lastly, we can edit our button.

307

So we're just going to click on button right here.

308

And then you can edit what the button says.

309

So I could just change this to submit.

310

And then after they submit, they'll get this little message here, which you can also edit.

311

And then we also want to change our button style.

312

So we're just going to click on style.

313

and then for customized elements we're going to change this from the form fields over to the submit button

314

and now we've got new settings for our submit button and we can just change that color

315

cool and then once you're happy with that just go ahead and click save

316

awesome so now next we can move on to editing your header menu

317

so in editing our header menu

318

this is going to include things like the logo up here as well as your navigation menu.

319

So let's just go ahead and click on the header

320

and then we can just say edit header and let's go ahead and start with the logo.

321

So we're gonna click on logo and we're gonna replace this logo with a new one.

322

So let's go ask ChatGPT to build us a new one.

323

So I'm just gonna type in a prompt.

324

Cool, so I asked it to create a really simple all black modern logo.

325

And I want it to be a circle with a mouse pointer inside of it, and then also have

326

Creator Pro website text next to it.

327

And I also told it to be a PNG with a transparent background.

328

And just like that, it went ahead and created me a logo, and it is on a transparent background.

329

So we're just going to open this up and download it.

330

And then we'll just go back over to our website builder, and we're just going to click Replace Image.

331

And then we can just upload files.

332

And then we're just going to grab that logo and then click open.

333

And then we can just say select.

334

Cool.

335

And just like that, it added in our new logo.

336

And you can also edit the size of that by just simply dragging up the logo width, up, or down.

337

And then if you want to edit the navigation menu, then we just have to edit our pages.

338

So currently we just have a one -page website.

339

So let's talk about how to add new pages.

340

So in order to add a new page,

341

we're just going to come over here to pages and then from here we can just click on add page.

342

And you've got lots of awesome templates that you can start from and they're all categorized right over here.

343

So let's say that I wanted to add a separate about page.

344

I would just select it and then that's just going to create the new page and I'm now editing that new page.

345

And then here's where you can change how it looks in your navigation.

346

So we could say about me.

347

And then you can also change the URL, which you can see looks like this right here.

348

So I'm just going to add a couple more pages.

349

Cool, so I just added a few more pages here, and you can now see them up here in my header menu.

350

And if you want to change which page you're editing, just go ahead and click on it.

351

This is why I love Hostinger, it is just so simple.

352

Okay, so lastly, let's move on to editing your website for mobile devices.

353

So nowadays, over 60 % of website viewing is done on a mobile device rather than a desktop.

354

So we need to make sure that this looks good on mobile.

355

So to do that, we're just going to hover over this little mobile symbol and just click on it.

356

And here you can see a preview of what that website is going to look like on mobile.

357

And it's pretty good, but we need to fix some of the spatial issues.

358

And it works the same way as editing the desktop.

359

So you can just simply click and drag and re -space sections.

360

And you can also just simply click on text and just say edit text.

361

And then you can just change the size on mobile.

362

So we can just bring this down a little bit.

363

And now you can see I've changed this to a 32.

364

But if I go back to the desktop version, it's still going to be the way that we left it.

365

So any of the changes that you make on mobile are not going to affect the desktop.

366

So I'm just going to go ahead and edit the rest of this for mobile.

367

Okay, so I went ahead and edited the rest of the mobile layout, and it is looking a lot better now.

368

And of course, if we go over the desktop version, none of these changes affected our desktop version.

369

And now our last and final step is to launch your website.

370

So to launch your website for the world to see,

371

all we have to do is just go up to the top right -hand corner and click Go Live.

372

And then you'll just get a little window that says that your website was updated, and then we can just click on view your site.

373

And just like that, we have got a beautiful website up and ready to go.

374

And it was so much easier starting with an AI prompt.

375

Okay, so that was how to build a professional website using AI.

376

Give yourself a round of applause for making it all the way to the end.

377

And if you haven't gotten started yet,

378

then don't forget to click on the very first link in the description to get a massive discount on your web hosting,

379

your domain name, and your AI builder with Hostinger.

380

Okay, if you enjoyed that video, please consider giving it a like.

381

It really helps my channel grow.

382

And if you want to see more tutorials like this, then please consider subscribing to the channel.

383

And if there's anything that I missed that you would like to see in the next video, then feel free to drop me a comment.

384

I actually get back there daily and respond to comments.

385

All right, my name is Dale from CreatorPro website, and I will see you on the next video.

アプリをダウンロード

流暢に話すために必要なすべて

AI発音採点文ごとに採点

IPA練習すべての音をマスター

単語学習自分の単語帳を作る

単語ゲーム遊びながら覚える

QRをスキャン

Download on theApp Store Get it onGoogle Play

FOR YOU

このレッスンの語彙とスピーキングのポイント

このスピーキングレッスンは、動画「How to Build the PERFECT Website with AI」を教材にしています。繰り返し出てくる語は次のとおりです：click, website, text, edit, button。この動画には、シャドーイング用の文が385文、単語が5107語あります。音声の長さは23:38です。話す速さは速く、1分あたり約216語です。音のつながりや弱く発音される音が多くなります。単語の87%は英語の頻出3,000語に含まれるため、語彙は分かりやすいです。

この動画の重要語彙

動画に出てくる覚えておきたい単語15語を、発音と意味つきで紹介します。

単語	発音	意味
edit 動詞	/ˈɛdɪt/	編集する
dragon 名詞	/ˈdɹæɡən/	竜, ドラゴン
builder 名詞	/ˈbɪl.dəɹ/	建設者
logo 名詞	/ˈloʊ.ɡoʊ/	ロゴ, ロゴタイプ
select 動詞	/sɪˈlɛkt/	選ぶ
desktop 名詞	/ˈdɛsktɒp/	机の上
font 名詞	/fɑnt/	字体, フォント
submit 動詞	/səbˈmɪt/	提出する
menu 名詞	/ˈmɛn.juː/	メニュー, お品書き
laptop 名詞	/ˈlæp.tɑp/	ノートパソコン, ラップトップ
upload 動詞	/ˈʌpˌloʊd/	アップロードする
pasta 名詞	/ˈpɑ.stə/	パスタ
header 名詞	/ˈhɛdɚ/	ヘッダー
discount 名詞	/ˈdɪskaʊnt/	割引, 値引き
drag 動詞	/dɹæɡ/	引く, 引きずる

動画に出てくる句動詞

単語	発音	意味
go ahead 動詞	/ˌɡoʊ əˈhɛd/	どうぞお先に
come over 動詞		遣って来る
go down 動詞		降りる, 降下する
try out 動詞		試す, 試してみる

繰り返し練習したい文

動画に出てくる短く完結した文です。日常会話でそのまま使えます。

We've already got a free domain name here.
We're just going to say create a new site.
We're going to edit it further from here.
I'm going to do an image.
I'm going to choose the bold one.

この動画の文法

話し手がよく使っている文型を、動画の実際の表現とともに紹介します。

文型	動画での表現
条件文 if + 節, will/would + 動詞 — 条件とその結果	If it's not available, you'll just
関係詞節 who / which + 節 — 人や物について情報を加える	ChatGPT, which are · builders, which have · step which is
現在完了形 have/has + 過去分詞 — 過去の出来事が今も関係している	have integrated · I've tried · I've changed
受動態 be + 過去分詞 — 誰がするかより、何が起きるかに焦点を当てる	is tailored · was added · was now moved

注意したい発音

話し手はI'm, we're, we'veなど、短縮形や弱形を150回使っています。聞こえたとおりの短い形で発音しましょう。

「th」の音: underneath /ˌʌndɚˈniθ/, width /ˈwɪtθ/
「sh」と「zh」の音: animation /ˌæn.ɪˈmeɪ.ʃən/, navigation /nævɪˈɡeɪʃən/, spatial /ˈspeɪ.ʃəl/, personalization /ˌpɝs(ə)nəlaɪˈzeɪʃən/
長い単語（アクセントの位置に注意）: animation /ˌæn.ɪˈmeɪ.ʃən/, navigation /nævɪˈɡeɪʃən/, affordable /əˈfɔɹ.də.bəl/, generator /ˈdʒɛnəɹeɪtə(ɹ)/, complicated /ˈkɑm.plɪˌkeɪ.tɪd/

日本語話者が苦手な音：

/r/ と /l/ の区別 — /l/ は舌先を歯茎につけ、/r/ はどこにもつけない: builder /ˈbɪl.dəɹ/, scroll /skɹoʊl/, tutorial /ˌtjuːˈtɔːɹɪəl/, affordable /əˈfɔɹ.də.bəl/, principle /ˈpɹɪn.sɪ.pəl/
/v/ — /b/ にならないように、上の歯を下唇に当てる: navigation /nævɪˈɡeɪʃən/, privacy /ˈpɹaɪ.və.si/, convenient /kənˈviː.niənt/, preview /ˈpɹiːvjuː/, visually /ˈvɪzju.əli/
/f/ — 「フ」ではなく、上の歯と下唇で出す: font /fɑnt/, affordable /əˈfɔɹ.də.bəl/, fade /feɪd/, helpful /ˈhɛlp.fl̩/, straightforward /ˌstɹeɪtˈfɔː(ɹ)wə(ɹ)d/

この動画での練習方法

まず声を出さずに動画を最後まで聞き、知らない単語をメモします。
まず0.75倍速で一文ずつシャドーイングし、慣れてきたら通常の速度に戻します。
自分の声を録音して元の音声と比べます。edit, dragon, builderなどの単語に特に注意しましょう。

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

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

シャドーイングのやり方: ステップ別の完全ガイドを読む →

シャドーイング練習: How to Build the PERFECT Website with AI | 2026 - 動画で英語スピーキングを学ぶ

練習モードを選ぶ

アプリをダウンロード

おすすめ動画

AI Made the Most Passive Side Hustle Even Easier

The Easiest Way to Build Websites

Easy MCP AI WordPress Plugin Overview - Create, Edit & Publish with AI | Connect WordPress to AI

How I use AI as a senior software engineer and 5 principles of AI explained in 10 minutes

Bring your ideas to life with Base44

Claude Design just got MASSIVE Upgrades (2.0 Update)

AI Food Slop is Here

I Rebuilt My Entire Website in Astro… Was It Worth It?

NEW Claude AI Can Create Faceless Youtube Videos In MINUTES!

Is AI About to Change Movies Forever?

How to Build AI ChatBot with Custom Knowledge Base in 10 mins

"This Doesn't Lie" | Build Your Own English Level Checker with Google AI Studio

このレッスンの語彙とスピーキングのポイント

この動画の重要語彙

動画に出てくる句動詞

繰り返し練習したい文

この動画の文法

注意したい発音

この動画での練習方法

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