React で作るゆっくり解説 feat. Remotion
export const FirstVideoConfig: VideoConfig = { sections: [ { title: 'イントロダクション', bgmSrc: '/audio/bgm/honobono-wartz.wav', backgroundVideo: '/video/cyber-bg.mp4', afterMovie: '/video/yukkuri-opening.mp4', talks: [ { text: 'ねえねえ魔理沙', speaker: 'reimu', id: '59f8c2cd81334be5ab5cdc7899fad286', audioDurationFrames: 25, }, { text: 'なんだ霊夢', speaker: 'marisa', id: '0ba332a465c3404a870de15cad021407', audioD
[React Native]ReactNativeとWebViewのデータ連携 - Qiita
概要 ReactNativeのアプリでWebViewを使う時に、Reactの世界とWebViewの世界でデータのやり取りをする方法を調べたのでそれの紹介 本題 WebViewとは スマホアプリの中にWebページを表示する仕組み ReactNativeのWebView ReactNativeではWebViewというコンポーネントが用意されている WebViewコンポーネントにURLを属性で渡すとアプリでWebページを表示できるようになる ViewとかTextとかのコンポーネントと同じ感覚で配置するだけで使える 何をやりたいのか アプリの中にWebViewを埋め込む時に相互にデータのやりとりをしたい WebView内で入力した情報をアプリ側で使用したいとか アプリ側で持っている情報をWebView内に埋め込みたいとか アプリ->WebView アプリからWebViewに情報を渡す方法 やり方
![[React Native]ReactNativeとWebViewのデータ連携 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a85b5bcfb17ef4b8eb6493c81b45f0d012b549c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTc1MjEzJTJGcHJvZmlsZS1pbWFnZXMlMkYxNDkxODI1ODgxP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1hZWVjYmQ0MWVhYzAzNmFlYWJkMjgzZWM1ZmFjYjdlNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da734a87ad3a3976afd9c21e42fad0b0b%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUmVhY3QlMjBOYXRpdmUlNURSZWFjdE5hdGl2ZSVFMyU4MSVBOFdlYlZpZXclRTMlODElQUUlRTMlODMlODclRTMlODMlQkMlRTMlODIlQkYlRTklODAlQTMlRTYlOTAlQkEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iYWRkNWM0ODIzODBlNGZhYzhmNDY0YmJhN2I0ZjdlOA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvemFraTI1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YmUzN2UyNzAzYjZmMjUyNWFkMGE3ZGE1Y2EwNmVmZDc%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dba26e0b6516e60315bb30ceb133a3936)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
