Shadowing Practice: 【Claude Code】知識ゼロからウェブアプリを開発してインターネットへ公開する方法 ※初心者向けにgithub × vercelも簡単に解説 - Learn English Speaking with Video
בחר מצב תרגול
כל מצב פותח חדר תרגול במסך מלא.
190 משפטים
אם המשפטים קצרים או ארוכים מדי, לחץ על ערוך כדי להתאים אותם.
1
Cloud Codeはこのように自分で考えてプログラムを作っていきます。 許可が必要な時だけ確認を求めてきて、あとは全自動で作業が進んでいきます。
2
こんにちは。今日は Cloud Codeを使ってウェブアプリを作っていきます。 インターネット公開しますので最後まで見てもらえれば、実際に動くウェブアプリを作れるようになります。 プログラムは一行も書かなくていいです。
3
インターネット公開するための費用もかかりません。 必要なのはAIへの指示だけです。 まず Cloud Codeとは何でしょう?
4
Cloud Code to be our entrepreneur who has created AI funding agent.
5
уть in chat without having specific information as well.
6
For more practice, Esta practices being played or closer,
7
one is an exceptional product.
8
Super Mario is a summative product sensesacters of cloud code understanding.
9
знаете we're 3 types of scheme.
10
IDE 連携、Terminal の3つです。 Desktop アプリとは Cloud 専用アプリのことで、 チャット、パソコン操作、コード開発などができます。
11
2つ目の IDE とは、プログラム開発者が使う編集ソフトのことです。 プログラムコードが書きやすいようにいろんな機能を使うことができ、 その一つの機能として Cloud を使うことができます。
12
あとは、Terminal っていって黒い画面のことです。 Cloud Code の全機能を使うことができますが、 This is a very simple app.
13
The most simple app is to use the desktop app.
14
The desktop app has three tabs.
15
First, the chat tab is the chat tab.
16
The chat tab is the main thing.
17
The code is written, but the file file is different.
18
The core tab is the core tab.
19
The core tab is file and file file整理.
20
The core tab is the file file and file整理.
21
The core tab is used to use the core tab.
22
I'm going to use code tab.
23
And today we use code tab.
24
Code tab is code and editing.
25
Code tab is created by the program.
26
For example, code tab is used to create a program.
27
I'm going to use code tab.
28
I'm going to create a program for AI.
29
The model is mainly 2.
30
The reason why is this app is SONNET 4.6.
31
Why is this high-quality Opus 4.6 without SONNET 4.6?
32
Clouds are available on the screen.
33
And SONNET 4.6 is the consumption of the use of the output.
34
Opus 4.6 is a lot of consumption.
35
So Opus 4.6 is used to use the use of the use of the use of the use.
36
数時間経てば使用量はリセットされるんですが待っているのも面倒です。 今回作るアプリの機能から考えてソネット4.6を使っていきます。
37
Opus 4.6は次回以降に使用していきます。
38
そして今日作るアプリはシンプルなToDo管理アプリを作ります。 自分がするタスクを追加したり終わったことをチェックしたり、 タスク自体の削除ができる簡単な機能です。 First, simple tools to create a cloud code.
39
The first is the cloud app.
40
First, cloud app.
41
Propline is a contract.
42
The second is GitHub account.
43
The first is free.
44
The second is the操作 method.
45
The third is the parcel account.
46
This is free.
47
Here we go.
48
GitHub and Vercell.
49
This is what we have.
50
GitHub is a code of保存管理 for the store.
51
It is on the internet.
52
It is on the back-up.
53
It is on the back-up.
54
It is on the code for the service.
55
And Vercell.
56
This is an app for animation that is available for internet podcasts in the top of the button.
57
PENH-3は business owners want to open it up.
58
GitHub paid for recently, which I just needंτιd by make your app.
59
We're going to go będ volume!
60
Okay, right?
61
Look at all the memorization!
62
First д' MercyLoad Code is understood.
63
debido to simple print are added to this prompt.
64
To getести the GitHub in the Google integration.
65
BirdsLyvel Followed Website physicalinet in Christince.
66
And if you canía it right?
67
cloudcode Wiening The Key
68
to do Networking to billing to do to cook
69
to stress to use First of all,
70
Cloud Desktop app from install.
71
Cloud Code and Cloud Core are Proplan.
72
The page is the link.
73
The bottom of the page is Proplan.
74
It is a $17, but it is a year-to-date.
75
The year-to-date is $20.
76
The Cloud is the account.
77
So, Cloud's chat will be entered.
78
アップグレードというところがありますのでそこから入りましょう この月額というところを忘れずに選択しましょう そしてプロプランの取得をしてクレジットカード情報を入力すれば契約は完了です もし契約をやめたい場合はサブスクの停止も忘れずにやるようにしておいてください
79
左下のアイコンをクリックし設定請求をクリックしていくとプランの管理ができます Carn job, however, 1 month ago is alsoегu Love 所以.
80
Having a base neighbor is no longergoing.
81
Just atי.
82
Pressure by Elegate Nective Ready?
83
The guest blog link on LinkedIn module on appara or go to earn them or add an anchor to quote on jayook.
84
erekCalvel find now on download page.
85
We are using the USB and processor with Photoshop all theités.
86
Now,are hyperlinked is a new of Windows Teaching from ARM 64 processor to data.
87
Processor is Windows in the system from Windows system let's install,
88
so you could check the Jason character then do it.
89
Some people see this productual file is changed,
90
someone may show the역 for the song, getting you.
91
But if no credit card или object advanced,
92
You could find the Volusava The server.
93
Call the Jews when it reads, are presented with them.
94
Cloud desktop quota is unexpected, too.
95
Next is the desktop app to use the program.
96
The desktop app is like this.
97
The code tab is on the top of the tab.
98
The folder is on the top of the program.
99
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.
הורד אפליקציה
כל מה שאתה צריך כדי לדבר בשטף
הגיית AIציון לכל משפט
תרגול IPAשלוט בכל צליל
אוצר מיליםבנה את מאגר המילים שלך
משחק אוצר מיליםלמד תוך כדי משחק
FOR YOU
המלץ על סרטון
C11
309 משפטים
Claude Code: The Advanced Guide (99% of Devs Skip These Features)
Business EnglishUniversity StudentsWorking Adults
C11
270 משפטים
Learning to code: How Pavel Durov learned to program | Lex Fridman Podcast Clips
Business EnglishUniversity StudentsWorking Adults
C22
129 משפטים
2.2k
Business EnglishUniversity StudentsWorking Adults
C12
51 משפטים
Cloud Models - CompTIA Network+ N10-009 - 1.3
Business EnglishUniversity StudentsWorking Adults
C24
138 משפטים
Kiến Trúc Hệ Thống: Cứu Cánh Cho Lập Trình Kỷ Nguyên AI
Business EnglishUniversity StudentsWorking Adults
C26
87 משפטים
Every NestJS Concept Explained in 9 Minutes
Business EnglishUniversity StudentsWorking Adults
C16
10 משפטים
What's new in Google Cloud in less than 1 minute
Business EnglishUniversity StudentsWorking Adults
C13
80 משפטים
What is clean code? - Uncle Bob
Business EnglishUniversity StudentsWorking Adults
C25
50 משפטים
.NET in 100 Seconds
American AccentBusiness EnglishUniversity StudentsWorking Adults
C24
106 משפטים
Satya Nadella demos an app he built | Microsoft AI Tour Bengaluru
Business EnglishUniversity StudentsWorking Adults
B24
363 משפטים
I Go To The Cloud.
Business EnglishUniversity StudentsWorking Adults
C15
78 משפטים
Tragic mistake... Anthropic leaks Claude’s source code
American AccentBusiness EnglishUniversity StudentsWorking Adults
אוצר מילים והערות הגייה לשיעור הזה
שיעור הדיבור הזה ברמה C2 מבוסס על הסרטון “【Claude Code】知識ゼロからウェブアプリを開発してインターネットへ公開する方法 ※初心者向けにgithub × vercelも簡単に解説”. המילים שחוזרות הכי הרבה: app, code, cloud, tab, github. בסרטון הזה יש 184 משפטים ו-1293 מילים לתרגול Shadowing. הדיבור נמשך 17:06. הדובר מדבר לאט, כ-76 מילים בדקה, כך שיש זמן לחקות כל צליל. רק 81% מהמילים נמצאות בין 3,000 המילים הנפוצות ביותר באנגלית, כך שאוצר המילים מאתגר.
אוצר מילים מרכזי בסרטון הזה
13 המילים המתקדמות ביותר בסרטון, עם ההגייה והמשמעות שלהן:
| מילה | הגייה | משמעות |
|---|---|---|
| subscribe פועל | /səbˈskɹaɪb/ | נִמְנָה |
| folder שם עצם | /ˈfoʊldɚ/ | תִּיקִיָּה |
| connector שם עצם | /kəˈnɛktɚ/ | מחבר |
| hyperlink שם עצם | /ˈhaɪpə(ɹ)ˌlɪŋk/ | קישור \ קִשּׁוּר |
| parcel שם עצם | /ˈpɑɹsəl/ | חֲבִילָה |
| neighbour שם עצם | /ˈneɪbɚ/ | שָׁכֵן, שְׁכֵנָה |
| module שם עצם | /ˈmɑd͡ʒul/ | מוֹדוּל |
| notification שם עצם | /ˌnoʊtɪfɪˈkeɪʃn̩/ | הוֹדָעָה |
| distress שם עצם | /dɪˈstɹɛs/ | מוּעָקָה |
| tab שם עצם | /tæb/ | לשונית |
| entrepreneur שם עצם | /ˌɑn.tɹə.pɹəˈnɝ/ | יַזָּם |
| anchor שם עצם | /ˈæŋ.kəː/ | עוגן \ עֹגֶן |
| exceptional שם תואר | /ɪkˈsɛpʃənəl/ | מְצֻיָּן |
Phrasal verbs שתשמעו
| מילה | משמעות |
|---|---|
| back up פועל | נָסוֹג |
משפטים שכדאי לחזור עליהם
משפטים קצרים ושלמים מהסרטון שאפשר להשתמש בהם בשיחה יומיומית:
- I'm going to use code tab.
- We're going to go będ volume!
- Once you've addressed this image ...
דקדוק בסרטון הזה
המבנים שהדובר משתמש בהם הכי הרבה, עם המילים המדויקות מהסרטון:
| מבנה | בסרטון |
|---|---|
| סביל (Passive voice) be + past participle — הדגש הוא על מה שקורה, לא על מי שעושה את הפעולה | being played · is written · is created |
| הווה מושלם (Present perfect) have/has + past participle — פעולה שקרתה בעבר ועדיין יש לה חשיבות או השפעה עכשיו | has created · you've addressed · has been created |
הגייה ששווה לשים לב אליה
הדובר משתמש ב-7 קיצורים וצורות מקוצרות, כמו I'm, we're, you've. אמרו אותם בצורה הקצרה, כפי שאתם שומעים אותם.
- הצלילים של “sh” ו-“zh”: memorization /ˈmem(ə)ɹaɪˌzeɪʃn̩/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/, exceptional /ɪkˈsɛpʃənəl/
- מילים ארוכות — שימו לב להטעמה: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, memorization /ˈmem(ə)ɹaɪˌzeɪʃn̩/, notification /ˌnoʊtɪfɪˈkeɪʃn̩/, entrepreneur /ˌɑn.tɹə.pɹəˈnɝ/, exceptional /ɪkˈsɛpʃənəl/
צלילים שדוברי עברית מתקשים בהם:
- /w/ — שפתיים מעוגלות, לא /v/: workflow /ˈwɝkfloʊ/, quota /ˈkwəʊ.tə/
- /æ/ — פתוח יותר מה-“אֶ” העברית, לא כמו “a” ב-“cup”: reactive /ɹiːˈæktɪv/, tab /tæb/, anchor /ˈæŋ.kəː/
- /r/ — הלשון לא נוגעת בשום מקום, לא ה-“ר” הגרונית: repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, processor /ˈpɹɑˌsɛsɚ/, subscribe /səbˈskɹaɪb/, prompt /pɹɑmpt/, hyperlink /ˈhaɪpə(ɹ)ˌlɪŋk/
איך לתרגל עם הסרטון הזה
- הקשיבו לכל הסרטון פעם אחת בלי לדבר, ורשמו את המילים שאתם לא מכירים.
- תרגלו Shadowing משפט אחר משפט במהירות רגילה, וחזרו על כל משפט עד שהקצב שלכם תואם את הדובר.
- הקליטו את עצמכם והשוו למקור, תוך תשומת לב למילים כמו subscribe, folder, connector.
מהי טכניקת השאדואינג?
שאדואינג היא טכניקת למידת שפה מבוססת מדע שפותחה במקור להכשרת מתורגמנים מקצועיים ופופולרית על ידי הפוליגלוט ד"ר אלכסנדר ארגואלס. השיטה פשוטה אך עוצמתית: אתה מקשיב לאודיו באנגלית ילידית וחוזר עליו בקול רם מיד — כמו צל העוקב אחרי הדובר עם עיכוב של 1–2 שניות בלבד. בניגוד להאזנה פסיבית או תרגילי דקדוק, שאדואינג מכריח את המוח והשרירים בפה לעבד ולשחזר דפוסי דיבור אמיתיים בו זמנית. מחקרים מראים שזה משפר משמעותית את דיוק ההגייה, האינטונציה, הקצב, הדיבור המחובר, הבנת השמיעה ושטף הדיבור — מה שהופך אותו לאחת השיטות היעילות ביותר להכנה לIELTS Speaking ולתקשורת באנגלית בעולם האמיתי.