## WebViewとは WebViewとはモバイルアプリ上にブラウザを展開し Webサイトを表示する機能です。 それぞれ、iOSにはWKWebView ClassがAndroidにはWebView Classが実装されています。 #### 参考 https://developer.apple.com/documentation/webkit/wkwebview https://develo...

## はじめに [react-native-vercel-ai](https://github.com/bidah/react-native-vercel-ai) というReact Native版の[Vercel AI SDK](https://www.npmjs.com/package/ai#vercel-ai-sdk) （非公式）を試してみました。 公式のVercel AI SDKのように...

こんにちは。フロントエンドチーム「雅」のマッサンです。 今日は、e2eテストツールMaestroのご紹介です。 ## Maestroとは Maestroは、最もシンプルで効果的なモバイルUIテストフレームワークです。モバイルのテストフレームワークでは、appniumやdetoxなどがありますが、セットアップが簡単、かつ、テストパターンをGUIで作成出来たりと簡単に強力なテスト環境を作成できるフ...

## はじめに みなさんこんにちは、フロントエンドチーム「雅」の浦田です。 今回は面倒なApp Store情報の更新を便利にしてくれるEAS Metadataについてご紹介したいと思います。 Expoを使ってる方はご存知かと思いますが、ExpoにはEAS（Expo Application Services）というクラウドサービスがあり、EAS Build/EAS Submit/EAS Upd...

## Bunのインストール Bunをインストールします、公式ドキュメントの手順で実施しました。 https://bun.sh/docs/installation ``` > curl -fsSL https://bun.sh/install | bash ``` ## BunでExpoプロジェクトの作成 Expo公式記事の手順で「expo-bun-sample」というプロジェクトを作成し...

こんにちは。フロントエンドチーム「雅」の山西です。 フロントエンドチームでは、ネイティブアプリの開発を効率化できるExpoをよく利用しているのですが、今回は、Expoに加え、最近 v1.0.0 がリリースされたTamaguiを試してみたいと思います。 ## Tamagui とは？ Tamaguiは、React Native と Webのどちらにも対応したUI Kitです。 [Tamagui...

expoのlaunch partyがあったので、ゆるく振り返ってみようと思います。 元の記事は[こちら](https://expo.dev/launch-party) ## [Rollouts for EAS Update](https://expo.dev/changelog/2023/08-08-rollouts-eas-update) iOS・Androidのストアアップデートにある段階...

## はじめに 以前のExpoアプリではネイティブ機能などをSwiftやKotlinでそれぞれ自前で処理を書こうとすると、[Prebuild](https://docs.expo.dev/workflow/prebuild/) してmanaged workflowから外れなければなりませんでした。 しかしExpo Modules APIの登場で、Prebuildせずとも自作モジュールとしてma...

## はじめに Reat Native(TypeScript)アプリに画面上にバーチャルキーボード（テンキー）を表示させ、入力できるようにしてみます。 [react-native-virtual-keyboard](https://github.com/nshaposhnik/React-Native-Virtual-Keyboard) というライブラリが既にありますが、コード量的にもそこまで...

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