Fusic Tech Blog

Fusicエンジニアによる技術ブログ

#reactnative

2024/02/19
Expo + react-native-vercel-ai + Next.jsでAIチャットアプリを作る

react-native-vercel-aiというReact Native版のVercel AI SDK(非公式)を試してみました。 公式のVercel AI SDKのようにuseChatというカスタムフックが用意されていて、簡単にAIチャットアプリが作れました。...

Expo + react-native-vercel-ai + Next.jsでAIチャットアプリを作る
2024/02/19
Expo/EAS MetadataでApp Store情報をコード管理する

App Store情報の更新を便利にしてくれるEAS Metadataについての記事です。 EAS Metadataは、Expoアプリをリリースする際のApp Store情報をコード化して管理、CLIで更新を自動化できるツールです。...

Expo/EAS MetadataでApp Store情報をコード管理する
2024/02/19
Expo + React Nativeの開発でBun使ってみた

こんにちは、Fusicのチーム雅の夛田です。 今回は日頃アプリ開発で利用しているExpoがBunをサポートしたので試してみました。...

Expo + React Nativeの開発でBun使ってみた
2024/02/19
Expo Modules APIを使ってFeliCaの読み取りを実装する

Expo Modules APIを使ってFeliCaの読み取り機能を実装する方法を紹介します。 この記事ではモジュールの作成方法からデバッグ方法、npmへの公開までを行います。 ...

Expo Modules APIを使ってFeliCaの読み取りを実装する
2024/02/19
【React Native】バーチャルキーボードを実装する

Reat Nativeアプリに画面上にテンキーを表示させ、入力できるようにしてみます。 react-native-virtual-keyboardというライブラリが既にあるものから、自分なりに変更を加えてTypeScriptで実装してみました。...

【React Native】バーチャルキーボードを実装する
2024/02/19
React Native Gesture Handlerで画像のズームやドラッグができるビュワーを作る

React Nativeでピンチイン、ピンチアウトでズームできたり、ドラッグで移動できる画像表示ライブラリは色々ありますが、カスタマイズが必要になってくると既存のライブラリでは厳しい場合があります。 そこでReact Native Gesture Handler(以下RNGH)だけで画像ビュワーを作ってみようと思います。...

React Native Gesture Handlerで画像のズームやドラッグができるビュワーを作る
2024/02/19
React Native + Expo + TypeScriptで作るモバイルアプリ (Part2 - React Navigation編)

React Navigationを導入して画面遷移を実現します。 SwitchNavigatorとHooksと組み合わせることで、NativeBaseのコンポーネントを邪魔しない形でナビゲーションを取り入れることが可能です。...

React Native + Expo + TypeScriptで作るモバイルアプリ (Part2 - React Navigation編)
2024/02/19
React Native + Expo + TypeScriptで作るモバイルアプリ (Part1 - NativeBase編)

React Nativeの開発サポートツールであるExpoを使ってモバイルアプリを作っていこうと思います。 Expo CLIを使ってプロジェクトを作成、見た目をいい感じにしてくれるNativeBaseを導入するところまで書きたいと思います。 ...

React Native + Expo + TypeScriptで作るモバイルアプリ (Part1 - NativeBase編)