Shadowing Practice: 【Claude Code】知識ゼロからウェブアプリを開発してインターネットへ公開する方法　※初心者向けにgithub × vercelも簡単に解説 - Learn English Speaking with Video

Cloud Codeはこのように自分で考えてプログラムを作っていきます。許可が必要な時だけ確認を求めてきて、あとは全自動で作業が進んでいきます。

こんにちは。今日は Cloud Codeを使ってウェブアプリを作っていきます。インターネット公開しますので最後まで見てもらえれば、実際に動くウェブアプリを作れるようになります。プログラムは一行も書かなくていいです。

インターネット公開するための費用もかかりません。必要なのはAIへの指示だけです。まず Cloud Codeとは何でしょう?

Cloud Code to be our entrepreneur who has created AI funding agent.

уть in chat without having specific information as well.

For more practice, Esta practices being played or closer,

one is an exceptional product.

Super Mario is a summative product sensesacters of cloud code understanding.

знаете we're 3 types of scheme.

IDE 連携、Terminal の3つです。 Desktop アプリとは Cloud 専用アプリのことで、チャット、パソコン操作、コード開発などができます。

2つ目の IDE とは、プログラム開発者が使う編集ソフトのことです。プログラムコードが書きやすいようにいろんな機能を使うことができ、その一つの機能として Cloud を使うことができます。

あとは、Terminal っていって黒い画面のことです。 Cloud Code の全機能を使うことができますが、 This is a very simple app.

The most simple app is to use the desktop app.

The desktop app has three tabs.

First, the chat tab is the chat tab.

The chat tab is the main thing.

The code is written, but the file file is different.

The core tab is the core tab.

The core tab is file and file file整理.

The core tab is the file file and file整理.

The core tab is used to use the core tab.

I'm going to use code tab.

And today we use code tab.

Code tab is code and editing.

Code tab is created by the program.

For example, code tab is used to create a program.

I'm going to use code tab.

I'm going to create a program for AI.

The model is mainly 2.

The reason why is this app is SONNET 4.6.

Why is this high-quality Opus 4.6 without SONNET 4.6?

Clouds are available on the screen.

And SONNET 4.6 is the consumption of the use of the output.

Opus 4.6 is a lot of consumption.

So Opus 4.6 is used to use the use of the use of the use of the use.

数時間経てば使用量はリセットされるんですが待っているのも面倒です。今回作るアプリの機能から考えてソネット4.6を使っていきます。

Opus 4.6は次回以降に使用していきます。

そして今日作るアプリはシンプルなToDo管理アプリを作ります。自分がするタスクを追加したり終わったことをチェックしたり、タスク自体の削除ができる簡単な機能です。 First, simple tools to create a cloud code.

The first is the cloud app.

First, cloud app.

Propline is a contract.

The second is GitHub account.

The first is free.

The second is the操作 method.

The third is the parcel account.

This is free.

Here we go.

GitHub and Vercell.

This is what we have.

GitHub is a code of保存管理 for the store.

It is on the internet.

It is on the back-up.

It is on the code for the service.

And Vercell.

This is an app for animation that is available for internet podcasts in the top of the button.

PENH-3は business owners want to open it up.

GitHub paid for recently, which I just needंτιd by make your app.

We're going to go będ volume!

Okay, right?

Look at all the memorization!

First д' MercyLoad Code is understood.

debido to simple print are added to this prompt.

To getести the GitHub in the Google integration.

BirdsLyvel Followed Website physicalinet in Christince.

And if you canía it right?

cloudcode Wiening The Key

to do Networking to billing to do to cook

to stress to use First of all,

Cloud Desktop app from install.

Cloud Code and Cloud Core are Proplan.

The page is the link.

The bottom of the page is Proplan.

It is a $17, but it is a year-to-date.

The year-to-date is $20.

The Cloud is the account.

So, Cloud's chat will be entered.

アップグレードというところがありますのでそこから入りましょうこの月額というところを忘れずに選択しましょうそしてプロプランの取得をしてクレジットカード情報を入力すれば契約は完了ですもし契約をやめたい場合はサブスクの停止も忘れずにやるようにしておいてください

左下のアイコンをクリックし設定請求をクリックしていくとプランの管理ができます Carn job, however, 1 month ago is alsoегu Love 所以.

Having a base neighbor is no longergoing.

Just atי.

Pressure by Elegate Nective Ready?

The guest blog link on LinkedIn module on appara or go to earn them or add an anchor to quote on jayook.

erekCalvel find now on download page.

We are using the USB and processor with Photoshop all theités.

Now,are hyperlinked is a new of Windows Teaching from ARM 64 processor to data.

Processor is Windows in the system from Windows system let's install,

so you could check the Jason character then do it.

Some people see this productual file is changed,

someone may show the역 for the song, getting you.

But if no credit card или object advanced,

You could find the Volusava The server.

Call the Jews when it reads, are presented with them.

Cloud desktop quota is unexpected, too.

Next is the desktop app to use the program.

The desktop app is like this.

The code tab is on the top of the tab.

The folder is on the top of the program.

The program is on the bottom of the folder.

100

次にAIモデルをsonet4.6にした状態で先ほどのプロンプトを入力します。プロンプトは概要欄にもありますので、コピーして使ってください。

101

コピーした状態で実行すると、このようにクロードがプログラムを作り始めます。フォルダーの様子も合わせてみていると、自動でファイルが作ってくれているのがわかります。

102

Basically, we have to do this.

103

The様子も合わせてみていると自動でファイルが作ってくれているのがわかります。基本的にはこれで完了を待つだけです。途中途中で実行していいかの確認メッセージが出てきますので、基本的には許可していく形ですね。

104

AI Engine is contrasted primarily within its controls,

105

Conservative reactive apis and products available for Leaders of a Lesslex Lanard понять and user-in-

106

The notification would be close to the app,

107

and the testdoes let me allow you.

108

Then, видим please.

109

And up Rifles Studio desdeeputure.

110

Once you've addressed this image ...

111

Twinrier Studio!

112

I can add this option here in my properties.

113

日本語変換の途中でEnterキーを押すと、勝手に登録されるので修正してくださいと入れています。そうしたらAIが修正をしてくれます。

114

修正版ができたみたいなので確認しています。今度はEnterキーを押しても大丈夫ですね。削除やタスクの完了もできるのでOKです。

115

では次の工程に移っていきます次はGitHubに作ったプログラムコードをアップロードしていきますまずはGitHubのアカウントを作成するところから始めますもしすでにアカウントを持ちの場合は飛ばしてもらって大丈夫です

116

GitHubのページに行ってもらってサインアップを押すと新規登録の画面が出てきます google アカウントでもできますしメールアドレスなどでの登録もできますのでご都合の良い方法で新規登録してください

117

新規登録したらこんな画面になると思います

118

私はいつも使っているアカウントでログインし直してますが操作は同じです右上にプラスボタンがあってその中にニューリポジトリというところがありますのでクリックしてくださいリポジトリというのはフォルダみたいなもので、リポジトリ単位にプログラムを保存してきます

119

下の方にリポジトリネームという欄があるので、そこにTO DO UPと入力してください私は過去にTO DO UPという名前を使っていたみたいなので、TO DO UP2としています

120

名前を入れたら、右下のCreate Repositoryのボタンを押します This is the cloud app.

121

Cloud and GitHub are connected to the GitHub app.

122

The desktop app is on the left-hand side of the customize.

123

The connector is on the right-hand side of the app.

124

The GitHub app is on the left-hand side of the app.

125

The GitHub app is on the left-hand side of the app.

126

This screen reader shows we click to render fdhr file bind which got us with the workflow with github have Geek

127

As per

128

zei

129

repository d 名を入れてくださいもしコマンドが出ない場合は概要欄にコマンドを貼っておきますので

130

まるまるの部分だけ自分が作ったものに変更してみてくださいそしてそのコマンドをそのままコピー&ペーストして再度クロードに

131

このコマンドを実行してくださいというメッセージと共に伝えてみましょうそうするとクロードコードがあなたの代わりに command to make it.

132

This is the way to make it work.

133

This is the way to make it work.

134

I will make it a little later.

135

After that, the push is done.

136

Push is uploaded.

137

Then, GitHub is done.

138

Next, we use Vercel to make the internet.

139

First, Vercel to make a account.

140

Vercel to sign up.

141

Plan is Hobby.

142

Name is your name.

143

And you can use your account.

144

Import Git repository.

145

Continue with GitHub.

146

GitHub and Barcelona are connected to the link.

147

If you want to change the app,

148

you can click the install button.

149

All repository and install the repository.

150

Then, the repository name is the first time.

151

I always use the account account.

152

The tool app is created by the tool app.

153

The import button is selected.

154

The default is selected by the tool app.

155

The deploy button is selected.

156

Then the program is selected and the internet will be released.

157

The error is selected.

158

The error is selected.

159

The error code is selected and the cloud is selected.

160

This is an error code that has been created by the error code.

161

Clouds are the version of the version that was old, so it's new.

162

This is all the way to do it.

163

And Gitへの push, upload, and upload.

164

I'm going to do this with a little bit,

165

but I think I want to do it so I can do it.

166

Then, the video of the Vercel to the back and the again,

167

the deployer is deployed.

168

Then, it's okay.

169

Congratulations!

170

The app will be on the right.

171

It's okay.

172

The URL is released.

173

This is a PC and this is a PC.

174

This is a PC and device,

175

so it's not possible to see the same task as possible.

176

Also, if you have to create a new app that you can create,

177

you can create your own app.

178

Now we have the idea of the process.

179

Thank you.

180

Today we are Cloud Code using the app that we can create the internet and access the app.

181

This is a simple app that we can use to do to do.

182

If you are able to create the prompt,

183

you can create the app.

184

If you are able to create the app,

185

you can create the app.

186

And next time, we will create a web app for the next video.

187

If you have any questions,

188

please do not forget to subscribe and subscribe.

189

Also, comment will be励み, so please do not forget to subscribe.

190

I hope you enjoyed this video.

✨ Recomendar Video

309 oraciones

Vocabulario y notas de pronunciación para esta lección

Este vídeo tiene 184 frases y 1293 palabras para practicar shadowing. La parte hablada dura 17:06. El hablante habla despacio, unas 76 palabras por minuto, así que hay tiempo para imitar cada sonido. Solo el 81 % de las palabras está entre las 3.000 más comunes del inglés, por lo que el vocabulario es exigente.

Vocabulario clave de este vídeo

15 palabras del vídeo que vale la pena aprender, con su pronunciación y significado:

Palabra	Pronunciación	Significado
cloud sustantivo	/ˈklaʊ̯d/	nube, nimbo
select verbo	/sɪˈlɛkt/	seleccionar, cribar
desktop sustantivo	/ˈdɛsktɒp/	escritorio, sobremesa
install verbo	/ɪnˈstɔl/	instalar
subscribe verbo	/səbˈskɹaɪb/	suscribirse, subscribirse
upload verbo	/ˈʌpˌloʊd/	subir, cargar
processor sustantivo	/ˈpɹɑˌsɛsɚ/	procesador
connect verbo	/kəˈnɛkt/	conectar, empalmar
consumption sustantivo	/kənˈsʌmp.ʃən/	consumo, consumición
import sustantivo	/ˈɪm.pɔɹt/	importación
prompt verbo	/pɹɑmpt/	llevar a, concitar
folder sustantivo	/ˈfoʊldɚ/	carpeta, fólder
deploy verbo	/dɪˈplɔɪ/	desplegar
earn verbo	/ɝn/	ganar, granjear
primarily adverbio	/ˈpɹaɪ.mə.ɹə.li/	primariamente

Phrasal verbs que vas a escuchar

Palabra	Significado
back up verbo	retroceder, ciar
sign up verbo	inscribir, alistar

Gramática en este vídeo

Las estructuras que más usa el hablante, con las palabras exactas del vídeo:

Estructura	En el vídeo
Voz pasiva be + participio pasado — importa lo que ocurre, no quién lo hace	being played · is written · is created
Present perfect have/has + participio pasado — una acción pasada que sigue importando ahora	has created · you've addressed · has been created

Pronunciación a tener en cuenta

El hablante usa 7 contracciones y formas reducidas, como I'm, we're, you've. Dilas en su forma corta, tal como las oyes.

Los sonidos de “sh” y “zh”: consumption /kənˈsʌmp.ʃən/, contrast /kənˈt(ʃ)ɹæst/, congratulations /kənˌɡɹæt͡ʃəˈleɪʃ(ə)nz/, integration /ˌɪn.tɪˈɡɹeɪ.ʃən/, animation /ˌæn.ɪˈmeɪ.ʃən/
Palabras largas — cuida el acento: primarily /ˈpɹaɪ.mə.ɹə.li/, congratulations /kənˌɡɹæt͡ʃəˈleɪʃ(ə)nz/, unexpected /ʌnɪkˈspɛktɪd/, integration /ˌɪn.tɪˈɡɹeɪ.ʃən/, animation /ˌæn.ɪˈmeɪ.ʃən/

Cómo practicar con este vídeo

Escucha el vídeo entero una vez sin hablar y anota las palabras que no conoces.
Haz shadowing frase por frase a velocidad normal, repitiendo cada una hasta que tu ritmo coincida con el del hablante.
Grábate y compara con el original, prestando atención a palabras como cloud, select, desktop.

¿Qué es la Técnica de Shadowing?

Shadowing es una técnica de aprendizaje de idiomas respaldada por la ciencia, desarrollada originalmente para la formación de intérpretes profesionales y popularizada por el políglota Dr. Alexander Arguelles. El método es simple pero poderoso: escuchas audio en inglés nativo y lo repites en voz alta de inmediato, como una sombra que sigue al hablante con solo 1-2 segundos de retraso. A diferencia de la escucha pasiva o los ejercicios de gramática, el shadowing obliga a tu cerebro y músculos de la boca a procesar y reproducir simultáneamente patrones de habla reales. Las investigaciones muestran que mejora significativamente la precisión de la pronunciación, la entonación, el ritmo, el habla conectada, la comprensión auditiva y la fluidez al hablar, convirtiéndola en una de las metodologías más efectivas para la preparación del IELTS Speaking y la comunicación en inglés en el mundo real.

Técnica de shadowing: lee la guía completa paso a paso →

Shadowing Practice: 【Claude Code】知識ゼロからウェブアプリを開発してインターネットへ公開する方法 ※初心者向けにgithub × vercelも簡単に解説 - Learn English Speaking with Video

Claude Code: The Advanced Guide (99% of Devs Skip These Features)

My 4.9-Star iOS App Is Actually a Website: Here’s How I Built It

AI biết code, vì sao vẫn phải học lập trình? | đi-code ep 35

33 Chia class thành các file

Cloud Models - CompTIA Network+ N10-009 - 1.3

JUST $1 For Billions of Tokens?! (DeepSeek v4 Pro)

2.2k

Mini Project - Implementing a Simple Web Identity Federation Application

How to Become Your Own ISP

Cloud Providers are changing RAPIDLY [REUPLOAD]

.NET in 100 Seconds

Going Online with a PLC, Uploading and Downloading Code!