シャドーイング練習: TypeScript in 100 Seconds - 動画で英語スピーキングを学ぶ

レッスンを作成中...
1
TypeScript.
2
Validate your JavaScript ahead of time with static type checking.
3
JavaScript is a dynamic language where we can do all kinds of crazy things, like reference variables that don't exist or work with objects of an unknown shape.
4
The code is interpreted by a browser, but if your code is broken, you won't catch it until runtime when the browser throws an error.
5
TypeScript prevents errors like this from ever happening by extending JavaScript with types.
6
The language is a strict superset of JavaScript, which means when you open up a TS file, you can write plain JavaScript with all of its extra features being completely optional.
7
But notice in the code here how the IDE is providing feedback about using a variable that doesn't exist.
8
Instead of fixing this issue weeks later in a stack trace after the company has lost millions of dollars, we can fix it right here, right now.
9
The reason we get this instant feedback is because TypeScript behaves like a compiled language, where JavaScript is the compilation target.
10
You can run the TypeScript compiler using the tsc command.
11
It will take the ts file and and transpile it into vanilla JavaScript.
12
And you can choose any flavor of JavaScript you want if you need to target ancient browsers.
13
And that means you can use the latest
14
and greatest syntax features of JavaScript without having to worry if they'll be supported in an older environment.
15
Your TypeScript project will likely have a tsconfig file, which provides an infinite number of ways to customize the behavior of the compiler.
16
But the primary goal of TypeScript is to enable static typing.
17
One way it achieves that is by allowing you to annotate your code with types.
18
We can strongly type a variable using a colon followed by its type, like a string, boolean, or number.
19
That's known as an explicit type.
20
If we then try to assign its value as the wrong type, we get an error.
21
Alternatively, if we set an initial value, it will implicitly infer the type.
22
However, there may be cases where you want to opt out of this behavior, in which case you can annotate with the any type.
23
That allows you to loosely type or opt out of type checking.
24
When working with an array, use brackets to strongly type a list.
25
In addition, you can define your own custom types and interfaces, which is especially powerful when working with objects.
26
The car interface here defines various types of the properties on an object.
27
We can then apply the interface to a plain JavaScript object.
28
The beauty of having strongly typed code is that we get autocomplete everywhere in our IDE.
29
We don't have to jump back and forth to documentation
30
or dig through stack traces to figure out why our code's not working.
31
If you like TypeScript as much as I do, consider becoming a pro member at Fireship.io.
32
For the next few days, everything will be 40% off, including lifetime memberships.
33
Thanks for watching, and I will see you in the next one.
📺 同じチャンネル
10 very promising Open Source Projects you haven’t heard ofB2
1

10 very promising Open Source Projects you haven’t heard of

American AccentBusiness EnglishUniversity StudentsWorking Adults
DHH has gone completely off the rails...C1
1

DHH has gone completely off the rails...

American AccentBusiness EnglishUniversity StudentsWorking Adults
DNS Explained in 100 SecondsC1
2

DNS Explained in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
Anthropic begged the world to stop AI… then shipped thisB2
3

Anthropic begged the world to stop AI… then shipped this

American AccentBusiness EnglishUniversity StudentsWorking Adults
One man just liberated Fable... and now it’s illegalB2
2

One man just liberated Fable... and now it’s illegal

American AccentBusiness EnglishUniversity StudentsWorking Adults
7 Things No Programmer Ever Wants to HearB2
2

7 Things No Programmer Ever Wants to Hear

American AccentBusiness EnglishWorking Adults
80% of programmers are NOT happy… why?B2
1

80% of programmers are NOT happy… why?

American AccentBusiness EnglishUniversity StudentsWorking Adults
Raspberry Pi Explained in 100 SecondsB2
4

Raspberry Pi Explained in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
Did Google just kickstart the intelligence explosion?C1
2

Did Google just kickstart the intelligence explosion?

American AccentBusiness EnglishDaily ConversationUniversity Students
Tragic mistake... Anthropic leaks Claude’s source codeC1
3

Tragic mistake... Anthropic leaks Claude’s source code

American AccentBusiness EnglishUniversity StudentsWorking Adults
100+ Docker Concepts you Need to KnowC1

100+ Docker Concepts you Need to Know

American AccentBusiness EnglishUniversity StudentsWorking Adults
The one OpenAI announcement that can actually make you money...C1
7

The one OpenAI announcement that can actually make you money...

American AccentBusiness EnglishUniversity StudentsWorking Adults
When open-sourcing your code goes wrong...C1
7

When open-sourcing your code goes wrong...

American AccentBusiness EnglishUniversity StudentsWorking Adults
Docker in 100 SecondsC1
29

Docker in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
The mystery is solved... and the answer is 40x cheaper than ClaudeC1
3

The mystery is solved... and the answer is 40x cheaper than Claude

American AccentBusiness EnglishUniversity StudentsWorking Adults
An ex-OpenAI researcher just deleted language from the LLM...B2
8

An ex-OpenAI researcher just deleted language from the LLM...

American AccentBusiness EnglishUniversity StudentsWorking Adults
25 crazy software bugs explainedB2
9

25 crazy software bugs explained

American AccentBusiness EnglishUniversity StudentsWorking Adults
Git Explained in 100 SecondsB2
9

Git Explained in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
There's a new Linux distro in town for developers...B2
5

There's a new Linux distro in town for developers...

American AccentBusiness EnglishUniversity StudentsWorking Adults
The "vibe coding" mind virus explained…B2
5

The "vibe coding" mind virus explained…

American AccentBusiness EnglishUniversity StudentsWorking Adults
✨ おすすめ動画
C++ in 100 SecondsC1
2
30 文

C++ in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
Did someone say... SecondBrain?B2
17 文

Did someone say... SecondBrain?

American AccentBusiness EnglishUniversity StudentsWorking Adults
Does Anyone Use JavaScript Anymore?C1
2
139 文

Does Anyone Use JavaScript Anymore?

Business EnglishUniversity StudentsWorking Adults
Angular in 100 SecondsC2
3
25 文

Angular in 100 Seconds

American AccentBusiness EnglishUniversity StudentsWorking Adults
Essence of linear algebra previewC1
12
47 文

Essence of linear algebra preview

American AccentBusiness EnglishUniversity StudentsWorking Adults
OWASP Top 10 ExplainedC1
1
158 文

OWASP Top 10 Explained

Business EnglishUniversity StudentsWorking Adults
Amazon Athena explained in 120 seconds💡C1
15
29 文

Amazon Athena explained in 120 seconds💡

Business EnglishUniversity StudentsWorking Adults
The easy way to keep your repos tidy.C1
1
78 文

The easy way to keep your repos tidy.

Business EnglishUniversity StudentsWorking Adults
My Experience as a Tech LeadB2
3
11 文

My Experience as a Tech Lead

Business EnglishUniversity StudentsWorking Adults
VideoC1
1
132 文

Video

Business EnglishUniversity StudentsWorking Adults
Course Preview | SC-100 | Microsoft Cybersecurity ArchitectC1
1
60 文

Course Preview | SC-100 | Microsoft Cybersecurity Architect

Cambridge Exam PrepBusiness EnglishUniversity Students
AI Can Write Code. And That’s the Problem.C1
1
85 文

AI Can Write Code. And That’s the Problem.

Business EnglishUniversity StudentsWorking Adults

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

このC1レベルのスピーキングレッスンは、動画「TypeScript in 100 Seconds」を教材にしています。 繰り返し出てくる語は次のとおりです：type, Javascript, Typescript, code, object。 この動画には、シャドーイング用の文が33文、単語が515語あります。 音声の長さは2:24です。 話す速さは速く、1分あたり約215語です。音のつながりや弱く発音される音が多くなります。 英語の頻出3,000語に含まれる単語は77%だけなので、語彙は難しめです。

この動画の重要語彙

動画の中で特に難しい単語15語を、発音と意味つきで紹介します。

単語発音意味
annotate 動詞/ˈæn.ə.teɪt/注解する, 注釈する
compiler 名詞/kəmˈpaɪlɚ/コンパイラ
static 形容詞/ˈstæt.ɪk/静的
stack 名詞/stæk/塚
compile 動詞/kəmˈpaɪl/編集する
customize 動詞/ˈkʌs.tə.maɪ̯z/カスタマイズする
superset 名詞上位集合
syntax 名詞/ˈsɪn.tæks/統語論, 構文論
colon 名詞/ˈkoʊ.lən/コロン
assign 動詞/əˈsaɪn/割り当てる
interpret 動詞/ɪnˈtɜː.pɹɪt/解説する
vanilla 名詞/vəˈnɪl.ə/バニラ
bracket 名詞/ˈbɹækɪt/括弧
explicit 形容詞/ɪkˈsplɪs.ɪt/明確, 明白
behave 動詞/bɪˈheɪv/振る舞う, 行動する

この動画の文法

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

文型動画での表現
条件文 if + 節, will/would + 動詞 — 条件とその結果if your code is broken, you won't catch
受動態 be + 過去分詞 — 誰がするかより、何が起きるかに焦点を当てるis interpreted · be supported
関係詞節 who / which + 節 — 人や物について情報を加えるJavaScript, which means · interfaces, which is

注意したい発音

話し手はdon't, doesn't, they'llなど、短縮形や弱形を5回使っています。聞こえたとおりの短い形で発音しましょう。

  • 「sh」と「zh」の音: compilation /ˌkɑm.pɪˈleɪ.ʃən/, optional /ˈɑp.ʃə.nəl/, documentation /ˌdɑkjəmɛnˈteɪʃən/
  • 長い単語（アクセントの位置に注意）: alternatively /ɔlˈtɝ.nə.tɪv.li/, compilation /ˌkɑm.pɪˈleɪ.ʃən/, documentation /ˌdɑkjəmɛnˈteɪʃən/

日本語話者が苦手な音：

  • /v/ — /b/ にならないように、上の歯を下唇に当てる: validate /ˈvæl.ɪ.deɪt/, alternatively /ɔlˈtɝ.nə.tɪv.li/, vanilla /vəˈnɪl.ə/, behave /bɪˈheɪv/, flavor /ˈfleɪvə/
  • /f/ — 「フ」ではなく、上の歯と下唇で出す: flavor /ˈfleɪvə/, fixing /ˈfɪksɪŋ/
  • 子音の連続 — 間に母音を入れない: browser /ˈbɹaʊ.zəɹ/, static /ˈstæt.ɪk/, stack /stæk/, syntax /ˈsɪn.tæks/, bracket /ˈbɹækɪt/

この動画での練習方法

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

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

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

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