Expo/React Native でネイティブコード
とりあえず、公式の Native Modules NPM Package Setup · React Native を進めてみる。とはいえ、令和の時代に Objective-C を書きたくはないので、できれば Swift でやりたい。 create-react-native-library で Swift & Java のプロジェクトを作って、yarn example ios を実行すると膨大なエラーが出た。 $ yarn example ios yarn run v1.22.10 $ yarn --cwd example ios $ react-native run-ios info Found Xcode workspace "AwesomeModuleExample.xcworkspace" info Launching iPhone 11 (iOS 15.4) info Build
ReactNativeとSkyWayで始めるWebRTC - Qiita
ReactNativeとSkyWay ネイティブアプリケーションを作る際に、ReactNativeはとても生産性が高く、好んで使っています。 また、SkyWayですが、WebRTCを使ったアプリケーションを作る際のプラットフォームとして、特に日本では一定のコミュニティもありますし、良い選択肢だと思います。 SkyWayでは、iOS SDKとAndroid SDKが提供されているのですが、ReactNativeからそれらネイティブSDKを使おうとすると、JSとブリッジしてやる必要があります。 今回、ReactNativeからSkyWayをブリッジするネイティブモジュールを書いて公開した1ので、その紹介をかねて導入と簡単なサンプルコードを説明させてもらおうと思います。 react-native-skyway 以下は、iOSで説明していきますが、Androidにも対応することが可能です。 プロジ
React Nativeでキャッシュをクリアしよう - Qiita
はじめに React Nativeで開発をしていて、アプリが複雑になってくるとキャッシュが悪さをして思い通りの動きをしないことがあります。そこで「キャッシュをクリアしてビルドをし直す」という作業をすると思いますが、調べるといろんなやり方が出てきます。 そこで、ビルド＆テスト配信を半年ほどやり続けてきて、「これなら大丈夫！」というコマンドを共有したいと思います。 キャッシュクリアのコマンド # watchmanのキャッシュを削除 watchman watch-del-all # iosのビルドファイルを削除 rm -rf ios/build # androidのビルドファイルを削除 rm -rf android/app/build # node_modulesを削除 rm -rf node_modules # Podsファイルを削除 rm -rf ios/Pods # Xcodeのキャッシュ
React NativeクライアントからWebSocketでnodejsのサーバと通信する - Qiita
import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, TextInput, TouchableOpacity, Alert } from 'react-native'; import socketIOClient from "socket.io-client"; export default class App extends React.Component { socket constructor(props) { super(props); this.state = {text: ""} } componentDidMount(){ this.socket = socketIOClient("ws://192.xxx.xxx.xxx
M1でReactNativeのセットアップ備忘録（2021/12）
はじめに 前回 M1 Macbook Pro の開発環境の構築までをこちらの記事で紹介しました。 Docker のインストールまでをやりましたね。 今回は React Native の実行環境を作り、 iOS シミュレーターと Android シミュレーターを起動するところまでやっていきます。 つまり、以下のように作ったプロジェクトが動くところまでになります。 うまくいかないことが多かったので、まだ継続して調査中のものもあるかもしれませんが、今後加筆していく予定です。 どなたかの参考になれば幸いです。 ReactNativeの実行環境を作る 本家の environment-setup を眺めながらやってみたのですが、 Intel 版ではこちらで問題なくセットアップできるのですが、 M1 版はそうはいきませんでした。 なので、そこの差異を書きながら React Native を動かすためのセ
M1 (Apple Silicon) Macで既存のReact Nativeプロジェクトの開発環境が整うまで
M1 Macで既存のReact Nativeプロジェクトを開発する環境が整うまでにしたことをまとめました。 Xcodeをインストール Mac App StoreからXcode 12.2をインストールします。 Homebrewをインストール 公式サイトにあるインストールスクリプトを実行すると、以下のようにRosetta 2を使用するか、他のインストールオプションを勧められます。 Homebrew is not (yet) supported on ARM processors! Rerun the Homebrew installer under Rosetta 2. If you really know what you are doing and are prepared for a very broken experience you can use another installat
なぜNext.jsをやめたのか？ - Hello Tech
javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 この記事では、AutoReserveウェブ版が、Next.jsを一度採用したがやめ、その後create-react-app + react-routerの構成に移行した経緯を書きます。 ウェブ版開発の背景 AutoReserve はAIが電話予約を代行してくれる飲食店向け予約グルメアプリで、現在はiOS / Android / ウェブにサービスを展開しています。 元々はReact Native製のネイティブアプリのみ展開していましたが、ユーザ獲得の面でウェブ版が必要となったため、 追加でウェブ版を実装し、現在の3プラットフォームでの展開に至ります。 最初の技術選定 ウェブ版の最初のバージョンでは、フレームワークとしてNext.jsを採用しました。Reactで書け、SEOのた
React NativeをWebに持ってくることの意味 - ナカザンドットネット
ブラウザはGUIアプリケーションプラットフォームではない Flexboxについて React DOMはGUIアプリケーションフレームワークではない React NativeはGUIアプリケーションプラットフォームの抽象である React Native for Webがブラウザに持ち込んだもの コンポーネントが便利 スタイル周りも良い感じ TouchableOpacityでタップ表現もラクラク 他にもいろいろあるけど プロダクション事例が強すぎる 作者のnecolasも語ってた まとめ 余談：React系のアプリケーションフレームワーク React Native for Webは、React NativeをWebに持ち込む試みです。 しばしば、こういった試みに対して「わけがわからない」「本末転倒である」といった意見を見かけますが、筆者は妥当な試みであるという印象を持っています。ちょっと頭の中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RNDFL-Nested-ScrollView-Example - Snack
GitHub - craftzdog/react-native-quick-base64: A fast base64 module for React Native
GitHub - micin-jp/react-native-skyway: React Native module for SkyWay
@react-native-library/webserver
GitHub - react-native-community-library/react-native-webserver: 📱用于 React Native 应用的简单 HTTP 服务器 | A simple HTTP server for React Native apps
How to Use React Native & OpenCV for Image Processing [2025]
Socket.ioとReactNaiveの連携（の概要） - Qiita
react-native webrtc开发
Could not connect to development server · Issue #29587 · facebook/react-native
React Native + webRTC (Video Calling Mobile Application)
INSTALL_FAILED_INSUFFICIENT_STORAGE Error when I ran the 'npm run android' command
React Native on Apple Silicon M1 - The linked library 'libPods-ProjectName.a' is missing one or more architectures required by this target: x86_64