シャドーイング練習: Why React Native apps make all the money - 動画で英語スピーキングを学ぶ

練習モードを選ぶ

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

117 文
文が短すぎたり長すぎる場合は、Editをタップして調整してください。
1
Oh yeah, great.
2
Can I get a show of hands how many of you have used React Native?
3
Put your left foot up if you also use RevenueCat.
4
Yeah, it doesn't matter.
5
But for those people who mostly are, I guess, web developers here in the audience, I'm guessing at least, be not afraid.
6
This talk will start mobile first, but then it will take a sudden twist to also be about web.
7
But yeah, let's get into it.
8
Why React Native apps make all the money?
9
So before we get into all of that, I'm Perttu.
10
I'm a developer advocate at RevenueCat, where I help people, developers, mostly make money with their apps.
11
You can find me on X with that handle
12
and you can also find all that and the materials actually for the slides from my website, which is just myfirstname .dev.
13
So, React Native apps make all the money.
14
And what that means, earlier this year, RevenueCat, we analyzed all the apps that we have on our platform, so we do app monetization,
15
And that ended up being like 75 ,000 apps making over $10 billion in revenue.
16
And we compared the different, like, because you can use RevenueCAD on different technologies, so native apps, Swift and Android,
17
React Native, Flutter, and then all the other, for example, Cordova and whatnot.
18
And we compared those apps, like, which one of those apps, like, make a lot of money,
19
which make less money, which monetize better, which monetize the best.
20
And it turns out that
21
React Native actually wins in almost all of these categories,
22
which is a might be surprising and certainly something that gets all the native developers very angry.
23
So first, if we take the download to page,
24
so how many apps when they're downloaded from the app actually end up being paid for by the customers, React Native wins in that,
25
like clearly, as you can see.
26
It not only wins over Flutter and other, but also the native apps.
27
Same goes when you're comparing how much money per install of the app makes.
28
React Native still wins.
29
Then also if we look at the lifetime value per customer of using the app, that too, React Native wins.
30
So it wins in all of these three categories.
31
And the only time it loses is when you start to look at the year one retention.
32
Now you could speculate a lot of reasons why this happens mostly it could be for example
33
that after users
34
when they download the app they pay for it they get all the value
35
they needed it inside of a year
36
and that's why they don't see value income
37
and using it after a year but
38
if there's something to improve this could be the category
39
that make react native apps monetize also a year after being downloaded and purchased
40
but then the real question is of course like why does this happen why does react native performs
41
so much better and there's an interesting article in the pragmatic engineer newsletter about multi platform development
42
or cross -platform development which basically says that companies are choosing technologies for
43
which it is easy to hire like really good developers
44
and turns out
45
that in most cases that's actually react native it is way harder to hire good developers in same amount of quality,
46
for example, to Flutter and Swift.
47
So there must be also a reason, like, why is React Native then the technology chosen for this?
48
Well, it's all about, like, it being basically a tool set for speed.
49
So great apps are about delivering value fast to the market because being the time on market beats timing the market.
50
And in order to also, like, deliver value fast, you need to learn fast.
51
With React Native, that means you have, for example, cross -platform reach.
52
So you get iOS, Android, web, whatever you're building for.
53
Basically supporting everything that you need to have apps in.
54
And also the native feel.
55
So apps built in React Native for iOS actually feel like iOS apps.
56
Same goes for Android.
57
They feel like Android apps.
58
And if you're building for web with React Native, that feels like an actual web app and not just some bundled together hack of a mess,
59
like, for example, Flutter for Web tends to be.
60
And then this then leads to faster development and time to market.
61
And of course, there's then the last point, the single code base, which allows you to get feature parity.
62
You don't end up spending a lot of time developing individual features for different platforms in separate teams.
63
but you can actually have one single team building multiple different platforms.
64
Which then brings like monetization priority.
65
So when you have all the features being same on all the platforms, you can way easier monetize that app,
66
put subscriptions on it, put ads on it, whatever is your monetization strategy.
67
So it unlocks like a whole new level that would have not been previously possible if you had been building apps
68
with different technologies for different platforms.
69
But how do you then make it so that your apps makes money.
70
Simple as that is like use RevenueCat.
71
So we provide everything when it comes to subscriptions and in -app purchases as a service, so back in a box.
72
We started out with in -app purchases for iOS and Android, but you can now use us in web as well.
73
So that means that under the hood, we use either
74
Stripe or Battle to handle the payments, and then you just get the subscription management.
75
We have SDK for all the major platforms.
76
We handle the store quirks and validation of receipts.
77
And then on top of that, we provide stuff like paywalls to monetize better.
78
We have analytics.
79
We allow you to target different customer groups and experiment.
80
And we bring all that together, allow you to optimize, build things that, well, developers might not appreciate as much,
81
but definitely the people in business appreciate being able to do all kinds of experimentation with the pricing.
82
And it's all displayed in a very nice looking UI, where you can see how your revenue goes to the moon.
83
With Expo, if we want to look at what this means in practice with Expo,
84
the value promise could be said that you can build three platforms with a single code base.
85
Well, with RevenueCat, you can now monetize three platforms in a single code base.
86
And it's actually pretty simple.
87
So you take, for example, an existing Expo app, Expo React Native app, and you just do NBX Expo install
88
React Native purchases, which is our React Native purchases SDK.
89
In code, the setup is, I would call, annoyingly simple, because there's not actually much to show.
90
You initialize the SDK, you connect the platforms you're going to use, so iOS or App Store Connect and Google Play Console
91
and Stripe, for example and we give you a specific platform API key for those, which you then initialize in the client SDK.
92
Then you purchase a subscription, either using our paywall or with this purchase package method that we provide.
93
And then you check that the user entitlements.
94
So after users have purchased something, we keep track what they're entitled to based on that purchase.
95
And we call those in revenue cash as entitlements, which basically just tells us that,
96
okay, the user is eligible for example pro access encode is pretty simple
97
so you call use effect for example at the root of
98
your application with the specific uh platform keys for different platforms
99
you can use for example the platform os to check that you're which platform you're using the key for
100
and that's all that's required at
101
that point we will start running the native code required for ios
102
and android and also the web code required for example stripe stripe billing and then when When you make a purchase,
103
you can either call the purchase package and show those packages or products that you have in your app by yourself,
104
check that user successfully purchased that and show the UI based on it.
105
Or you can call the RevenueCat UI library with the present paywall,
106
which will show this nice -looking paywall that you can actually customize in our dashboard.
107
It has over 30 example paywalls and you can also build a custom paywall completely in the web UI,
108
and it's rendered natively.
109
And once you've purchased or the customer has purchased something, you could just call purchases get customer info to get what this specific customer purchased.
110
And we keep track of all the customers, so we have the data for that,
111
to tell that, okay, this user on this device is actually the same user that is also using the web application.
112
So then if you have a user using your app, your product, on web, iOS,
113
and Android, just giving us the user ID that you use, for example, that user will allow RevenueCAD to tell you what the user has purchased.
114
And in simplicity, that's it.
115
You can find an example project and a tutorial on how to do
116
that at revenuecat .com and all the other information also from that QR code.
117
Thank you.

アプリをダウンロード

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

AI発音採点文ごとに採点
IPA練習すべての音をマスター
単語学習自分の単語帳を作る
単語ゲーム遊びながら覚える

同じチャンネル

FOR YOU

おすすめ動画

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

このスピーキングレッスンは、動画「Why React Native apps make all the money」を教材にしています。 繰り返し出てくる語は次のとおりです:app, native, react, platform, example。 この動画には、シャドーイング用の文が117文、単語が1556語あります。 音声の長さは9:14です。 話す速さは1分あたり約169語で、日常会話に近い自然なペースです。 単語の84%は英語の頻出3,000語に含まれます。残りは練習の前に確認しておきましょう。

この動画の重要語彙

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

単語発音意味
android 名詞/ˈænˌdɹɔɪd/人造人間, アンドロイド
subscription 名詞/səbˈskɹɪpʃən/定期購読, 購読
stripe 名詞/stɹaɪp/縞, 筋
package 名詞/ˈpæk.ɪd͡ʒ/包み, パケット
compare 動詞/kəmˈpɛɚ/比べる, 比較する
hire 動詞/ˈhaɪɹ/借りる
connect 動詞/kəˈnɛkt/繋げる
install 動詞/ɪnˈstɔl/導入する, インストールする
custom 名詞/ˈkʌstəm/習慣, 風俗
priority 名詞/pɹaɪˈɒɹɪti/優先, 優先権
sudden 形容詞/ˈsʌd.ən/突然の
lifetime 名詞/ˈlaɪf.taɪm/生涯, 一生
experiment 名詞/ɪkˈspɛɹ.ə.mənt/実験
slide 名詞/ˈslaɪ̯d/滑り台
eligible 形容詞/ˈɛl.ɪ.d͡ʒɪ.bəl/適任な, 有資格の

この動画の文法

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

文型動画での表現
現在完了形 have/has + 過去分詞 — 過去の出来事が今も関係しているhave purchased · you've purchased · has purchased
受動態 be + 過去分詞 — 誰がするかより、何が起きるかに焦点を当てるbeing paid · being downloaded · could be said
関係詞節 who / which + 節 — 人や物について情報を加えるpeople who mostly · website, which is · purchases, which is

注意したい発音

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

  • 「sh」と「zh」の音: subscription /səbˈskɹɪpʃən/, retention /ɹɪˈtɛnʃən/, validation /ˌvæl.əˈdeɪ.ʃən/, monetization /ˌmɒnətaɪˈzeɪʃən/, initialize /ɪˈnɪʃəlaɪz/
  • 長い単語(アクセントの位置に注意): developer /dɪˈvɛləpɚ/, entitlement /ənˈtaɪtəlmənt/, successfully /səkˈsɛs.fə.li/, priority /pɹaɪˈɒɹɪti/, experiment /ɪkˈspɛɹ.ə.mənt/

日本語話者が苦手な音:

  • /v/ — /b/ にならないように、上の歯を下唇に当てる: developer /dɪˈvɛləpɚ/, advocate /ˈæd.və.kət/, validation /ˌvæl.əˈdeɪ.ʃən/, natively /ˈneɪtɪvli/
  • /f/ — 「フ」ではなく、上の歯と下唇で出す: successfully /səkˈsɛs.fə.li/, lifetime /ˈlaɪf.taɪm/
  • 子音の連続 — 間に母音を入れない: react /ɹiːˈækt/, android /ˈænˌdɹɔɪd/, subscription /səbˈskɹɪpʃən/, stripe /stɹaɪp/, connect /kəˈnɛkt/

この動画での練習方法

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

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

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

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