シャドーイング練習: building an app is easy, actually - 動画で英語スピーキングを学ぶ
レッスンを作成中...
1
Usually when people talk about building apps on here, and by here I mean like on YouTube, they always advertise it as a method to make money.
2
Which is a little ironic because YouTube itself wasn't even a profitable app until around 2014.
3
In fact, most apps nowadays aren't profitable unless they're B2B or business-to-business, meaning you're selling to people who themselves are selling to people.
4
So I find it kind of funny when people claim
5
that you can drop out of school or quit your job and just build apps for a living.
6
because yeah you can build apps for a living
7
but you'll be building them for a tech company
8
or a bank at a job or you could just quit your job
9
and build apps and not make a living
10
or you could quit your job and make a living
11
but you won't be building apps I'm not saying it's impossible
12
to make a living I'm just saying that's not possible and even
13
if you do get to do all three at the same time be careful what you wish for
14
so let's just make an app that actually does something useful for fun
15
because we want to because that's the best way to to learn anyway.
16
I assume somewhere on your laptop right now is a PDF you haven't read.
17
Maybe it's a research paper you bookmarked and forgot, but me no want open PDF and read word.
18
We want stimulating activity.
19
So how do you actually just sit down and read a PDF fast?
20
The solution is a technique you've probably seen before, called RSVP, Rapid Serial Visual Presentation, where instead of moving your eyes left to right to read something,
21
you just have the words flash on screen really fast one
22
or two words at a time even faster than you could say them out loud.
23
Normally the fastest a human can read is around 250 words per minute but this technique can get you to read 350,
24
400 or even 500 words per minute without any previous training.
25
Now let me just say there are plenty of free apps out there where you can paste in some text
26
and it will flash each word on the screen one at a time for you
27
but so far I haven't found anything that's both free and works on PDFs.
28
So how about we build one?
29
And let's call it Read Faster, because I was going to make a creative name, but then I realized half of the most downloaded apps on Google Play don't have creative names.
30
So why bother?
31
Now that you have the idea for the app and the name, you might feel a little underprepared.
32
But many tech startups, in order to become truly billion-dollar companies, go through a long period of aggressively spending money from outside investors to grow.
33
During the losing money stage, these startups are called pre-profit.
34
Some tech startups don't even charge money yet, which makes them pre-revenue.
35
Some are still working on the actual app and haven't released it yet, which makes them pre-launch.
36
Some haven't even started working on the app and just have a PowerPoint presentation on what the app would do.
37
This is known as pre-product.
38
Lastly, some startups don't even know what the app would be about, just that it's going to use AI.
39
This is known as pre-idea and it's about where 99% of startups are, so the fact that you have an idea already puts you way ahead.
40
Now even though you might want to get to blindly vibe coding the app straight away, the components of an app are actually pretty easy to understand, so I think you might as well learn them.
41
First, you need a UI or user interface, also known as a front end.
42
This is all of the buttons and screens that the user will see and interact with on the app.
43
The UI for your app will be slightly different when it's on the web versus iOS versus Android.
44
Next, you may need a server-side framework, also known as a backend.
45
This is what will manage all the data for a user
46
so that they can make an account or use the same app across multiple devices.
47
For example, let's say you make an app like Tinder
48
that requires people to make an account and five people download your app.
49
In order for them to sign in, you need some type of server that, somewhere, keeps track of all their passwords and data and who they matched with and what their current Tinder ELO is.
50
Every time someone logs in, they have to talk to the server first.
51
If you want this to happen, you need to code a backend.
52
But if it's just a game like Flappy Bird, where no one has an account, and there's no leaderboard, and the only data it tracks is the highest score each person has on their phone, then you don't need to make a backend.
53
Flappy Bird would be considered an entirely front-end app.
54
The last thing is packaging and publishing.
55
This just means combining all the code into a format that a phone or web browser can understand.
56
and then you just publish to the App Store or Google Play, or it could even just run on a website.
57
Now that we at least understand what's happening, we can vibe code the app.
58
Well, maybe not you, maybe you're an actual coder, but I will vibe code using Bolt, which is just a free option that used to be popular, but may or may not be completely obsolete in two months.
59
Never mind, it's already obsolete.
60
Okay, so instead we're going to use Google AI Studio to build the app.
61
You can write a prompt here for the app, which obviously I'm going to ask Claude to write.
62
I'm going to give it the app requirements, and then the framework I want it to use, and then the single design requirement.
63
A framework is just a pre-written set of tools, libraries, and other stuff that just makes your app logic standardized, easier to code, more secure, and a lot more reliable.
64
The technology we'll use is the free Kotlin multi-platform made by JetBrains.
65
You may have heard the Kotlin programming language before, but this is a technology that's multi-platform, meaning it allows you to write code once and deploy it to Android,
66
iOS, desktop, to a server, and the web just from one code base.
67
In a multi-platform architecture, your app's divided into two pieces.
68
The first is the shared logic.
69
For us, that's the logic for the program to read the PDF, to sequence the words, to calculate the words per minute and the timing of each word.
70
Basically, everything that is done behind the scenes to flash the words on the screen.
71
That code is written once in Kotlin and runs on every platform.
72
So you only have to maintain one thing, just one code base.
73
The second piece is the UI.
74
With Compose Multi-Platform, JetBrains' declarative UI framework, which works across Android, iOS, desktop, and web, you write the UI once and it renders natively everywhere.
75
Meaning everywhere, the app can run smoothly and without any lag.
76
The recommended way to set this up is to download IntelliJ IDEA, which is a coding workspace.
77
This is where you'll be writing all your code.
78
Then you just go to plugins and download the one called Kotlin Multiplatform.
79
After this, the template and starter files will already be there for you.
80
So you already have the skeleton.
81
Now you just have to code.
82
And if you've never written Kotlin before, imagine Java, but about 40% less code.
83
You can code an app just once and you could ship it out to run cleanly on any platform.
84
If you're really getting into app development, you probably want to try this out, so check the description.
85
By now, Google AI Studio should have fully generated the app
86
and now you could preview it and you could also look at all the code.
87
Once we've previewed it and tried it and we see that it works, the next step is to thoroughly test the app across various cases,
88
various inputs, and all kinds of button presses to make sure that there are no bugs.
89
After completely ignoring that step, we move on to deployment.
90
Well, okay, you're not supposed to completely ignore testing, but personally, I feel like playing around with the preview you get is enough testing.
91
Now it's time to deploy, which means put the app out on the internet for anyone to use slash install.
92
In our case, we'll deploy it to the web
93
because it costs money to get your app on the App Store or Google Play, and I know you don't want to do that.
94
Now, you could deploy straight to Google Cloud.
95
That's what Google wants you to do.
96
That's why it's the only option when you click the big publish button.
97
And technically, Google does give out $300 of free Google Cloud credit to everyone.
98
So you technically don't have to pay, but still requires you to put in your credit card information.
99
And I know you don't want to do that.
100
Anyway, we're not going to deploy with Google Cloud.
101
We're going to deploy using Vercel, which is free.
102
Vercel basically hosts the app on the web so
103
that Someone across the world can type in the link to your app and access it online and use it.
104
Before that, one thing you might want to do first is go to the code tab here, and then on the right, you can download all the code as a zip file in
105
case you want to work on it later inside an actual code editor and not Google AI Studio.
106
But if you don't feel like downloading the code, you don't have to.
107
Now to deploy with Vercel, we first need to use GitHub as a middleman.
108
Just hit the settings button in the top right and keep scrolling right until you get to GitHub.
109
Now, just sync your code to GitHub.
110
Make a GitHub account if you need to.
111
It probably takes under a minute, like I made a new account just for this.
112
And then you follow the steps to transfer your code from Google AI Studio over to GitHub, which should be quick.
113
Once all that is finished, you now have a GitHub repository that is storing all your code for the app.
114
Now search up Vercel, make an account, and then click Start Deploying.
115
Copy your link to your GitHub repository and paste it here.
116
And then follow all the steps after that until eventually you can click the final button and deploy your app.
117
Pretty soon it'll finish deploying and now you plus anyone else can access and use the app on the web.
118
This app doesn't actually have a backend.
119
So it doesn't store any user data.
120
It doesn't need you to log in.
121
And it would have done it using Firebase, which is just a Google-owned service that'll take care of everything you need for databases,
122
authentication, cloud functions, sending notifications, stuff like that.
123
All you have to do is click yes when it asks you if you want to use Firebase.
124
And now you have a backend.
125
Anyway, there's no steps left, besides maybe improving your app if you want to.
126
But other than that, it's done.
127
Use it once and forget about it.
128
Tell your friends who don't care about it.
129
Add it to your resume.
130
They'll get auto rejected by the AI screening system anyway, whatever you want to do with it.
131
You can even LARP as an actual software developer.
132
I know I will.
📺 同じチャンネル
B21
becoming charismatic is easy, actually
Business EnglishTeensDaily Conversation
B22
getting lean is easy, actually
Business EnglishDaily ConversationUniversity Students
B21
getting a personality is easy, actually
Business EnglishTeensDaily Conversation
B24
avoiding taxes is easy, actually
Business EnglishUniversity StudentsWorking Adults
B25
learning a new language is easy, actually
Travel EnglishDaily ConversationUniversity Students
C114
becoming smart is easy, actually
Daily Conversation
B25
losing weight is easy, actually
Business EnglishDaily ConversationUniversity Students
B22
not regretting your life is easy, actually
Business EnglishUniversity StudentsWorking Adults
B24
becoming social is easy, actually
TeensDaily ConversationHigh School Students
B25
not being insecure is easy, actually
Business EnglishDaily ConversationUniversity Students
B2getting jacked is easy, actually
Business EnglishUniversity StudentsWorking Adults
✨ おすすめ動画
B21
75 文
Video
Business EnglishDaily ConversationUniversity Students
B21
196 文
I cloned 3 apps and now make $35K/month
Business EnglishInterview EnglishUniversity Students
B2292 文
Apple Freeform - Apple’s Most Underrated App!?
Business EnglishUniversity StudentsWorking Adults
B21
117 文
The Easiest Way to Build Websites
Business EnglishUniversity StudentsWorking Adults
B22
171 文
Learn 10X Faster In 10 Minutes
Business EnglishUniversity StudentsWorking Adults
B21
99 文
how to make every day SO fun you don’t even have time to scroll
Business EnglishDaily ConversationUniversity Students
B21
247 文
"This Doesn't Lie" | Build Your Own English Level Checker with Google AI Studio
Business EnglishUniversity StudentsWorking Adults
B21
74 文
Why Android is Simply Better Than iOS
Business EnglishUniversity StudentsWorking Adults
B21
136 文
You Have Time: 12 Ways to Educate Yourself Daily
Business EnglishUniversity StudentsWorking Adults
B21
329 文
Laziest Ways to Make Money with AI (For Beginners)
Business EnglishUniversity StudentsWorking Adults
B22
118 文
How I Trained My Brain to Think in English (and Stop Translating)
Business EnglishDaily ConversationUniversity Students
B21
157 文
The Weird Design Playbook of 6 App Outliers
Business EnglishUniversity StudentsWorking Adults
この動画で英語スピーキング練習する理由
アプリ開発についてリラックスしたトーンで話すこの動画は、日常的な会話のリズムや自然な語順を学ぶのに最適です。「実はアプリ作るの簡単なんだよ」という話題は、テクノロジーやビジネスに関する単語を覚えながら、shadowspeak（シャドーイング）の練習にもぴったりです。話者が「なぜアプリで儲かるのが難しいのか」「RSVPという技術の説明」などを具体的に語るので、リアルなコンテキストの中で英語の使い方を理解できます。
文脈の中の文法と表現
- 「I'm not saying it's impossible... I'm just saying that's not possible」：否定と肯定を組み合わせて柔らかく主張する表現。「～じゃないけど、～だ」という日本語のニュアンスに近く、会話でよく使われます。
- 「so the fact that you have an idea already puts you way ahead」：「the fact that～」で「～という事実」を表し、主語として使う文法。複雑な内容を簡潔に伝えるのに役立ちます。
- 「even though you might want to get to blindly vibe coding...」：「even though」で「～けれども」と譲歩しながら、後半の内容を強調。対比的な意見を述べる時に便利です。
発音の注意点
この動画の中ではいくつか発音が難しい単語があります。例えば「profitable」（儲かる）は「プロフィタブル」ではなく「プロフィタブル」（末尾の「ブル」を軽く発音）、「aggressively」（積極的に）は「アグレッシブリー」となります。また、「UI」や「backend」などの略語は、自然なリズムで発音することが重要です。英語シャドーイングをする際は、話者のポーズやイントネーションも注意して真似してみてください。
これらのポイントを押さえながらshadow speakの練習を続けると、英語のスピーキング力が効率的に上がります。ぜひ動画を何度も繰り返し聞き、口に出して練習してみてください！
この動画の文法
話し手がよく使っている文型を、動画の実際の表現とともに紹介します。
| 文型 | 動画での表現 |
|---|---|
| 関係詞節 who / which + 節 — 人や物について情報を加える | people who themselves · yet, which makes · Bolt, which is |
| 現在完了形 have/has + 過去分詞 — 過去の出来事が今も関係している | haven't read · you've probably seen · haven't found |
| 受動態 be + 過去分詞 — 誰がするかより、何が起きるかに焦点を当てる | are called · is known · would be considered |
シャドーイングとは？英語上達に効果的な理由
シャドーイング（Shadowing）は、もともとプロの通訳者養成プログラムで開発された言語学習法で、多言語習得者として知られるDr. Alexander Arguelles によって広く普及されました。方法はシンプルですが非常に効果的：ネイティブスピーカーの英語を聞きながら、1〜2秒の遅延で声に出してすぐに繰り返す——まるで「影（shadow）」のように話者を追いかけます。文法ドリルや受動的なリスニングと異なり、シャドーイングは脳と口の筋肉が同時にリアルタイムで英語を処理・再現することを強制します。研究により、発音精度、抑揚、リズム、連音、リスニング力、そして会話の流暢さが大幅に向上することが確認されています。IELTSスピーキング対策や自然な英語コミュニケーションを目指す方に特におすすめです。