PC自作から始めるスマホアプリ開発 #16 React Native基礎編 WebViewの実装方法

#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。

今回の動画ではreact-native-webviewとexpo-linkingを使用して、ウェブページを開く方法を解説しました。

このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate

react-native-webview
https://docs.expo.dev/versions/latest/sdk/webview/
expo-linking
https://docs.expo.dev/versions/latest/sdk/linking/

AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。

まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。

#16 React Native基礎編 WebViewの実装方法 https://youtu.be/yUWxIR1Evj8
#15 React Native基礎編 文字入力の使い方 https://youtu.be/ZQGNq7r3jYQ
#14 React Native基礎編 セレクトボックスを作成 https://youtu.be/pD18a3vqWh8
#13 React Native基礎編 アイコンを表示する https://youtu.be/WTyZ4vQo2N8
#12 React Native基礎編 画像を表示する https://youtu.be/g1O7n4OSULg
#11 React Native基礎編 もっと読むを実装する https://youtu.be/LhteY3gtUzs
#10 React Native基礎編 グーグルスプレッドシートにアクセスする https://youtu.be/Ykyin6moSTs
#9 React Native基礎編 GPSの位置情報を取得してマップに表示する https://youtu.be/189Qadb35VI
#8 React Native基礎編 ウェブAPIからデータを取得する https://youtu.be/PP3e28imNi0
#7 React Native基礎編 画面遷移の実装 https://youtu.be/1y6IHaXsVmQ
#6 開発環境整備編 https://youtu.be/T7ngR7Pq0AU
#5 PC組み立て編 Windowsの基本設定 https://youtu.be/Tsyn3dUWo18
#4 PC組み立て編 組み立ての続きとWindowsのインストール https://youtu.be/JOvWuUxi7-Y
#3 PC組み立て編 パソコンの組み立て https://youtu.be/bhzWqlPCxIg
#2 PC組み立て編 パーツ紹介 https://youtu.be/fem6QLhxoE8
#1 このYouTubeシリーズの紹介 https://youtu.be/0A1TV9viebY