こちらの記事はReact Native Advent Calendar 2025の25日目の記事です。https://qiita.com/advent-calendar/2025/react-nativeこんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！昨年、React Nativeのスタイリングについてこちらの記事を書きました。https://zenn.dev/tellernovel_inc/articles/71af34172c9f41また、テラードラマではTamaguiを採用してスタイリングを行っています...

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！みなさんのExpoで作られたiOSアプリはLiquid Glassに対応されていますでしょうか？Xcode 26でビルドされたアプリは現在自動的にLiquid Glassが適用されてしまいます。それによって表示が崩れた、けど以前のXcodeビルドするのも面倒…というときのため、Liquid Glassを無効化する方法のご紹介です。 Liquid Glassを無効化するこちらのAppleのドキュメントにあるように、次のメジャーアップデート（Xcode 27?）までの機関となりますが、Info.plis...

こんにちは！テラーノベルのフロントエンドエンジニアの@kazutoyoです！こちらはReact Native Advent Calendar 2025の12日目の投稿です。https://qiita.com/advent-calendar/2025/react-nativeAppCenter CodePushが2025年の3月に終了しましたが、みなさんは無事に移行が完了していますか？https://learn.microsoft.com/ja-jp/appcenter/retirement有名どころだとExpoのEAS Updateや最近ではCodeMagicがCodePush...

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！こちらはReact Native Advent Calendar 2025の6日目の投稿です。https://qiita.com/advent-calendar/2025/react-native昨日の@JunichiHashimotoさんの「Gemini3を活用して個人アプリをExpo53からExpo54に移行してLiquid glassに対応してみた！」に続き、React Native（Expo)でLiquid Glassを適用する方法について紹介します。!今回の記事の内容は2025/12/06時...

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！こちらはReact Native Advent Calendar 2025の3日目の投稿です。https://qiita.com/advent-calendar/2025/react-native Hono CLIを参考に、expo-agent-cliというツールを作った先日、WebフレームワークであるHonoで、Hono CLIというツールが公開されました。Hono CLIはHonoのためのCLIツールとして、人間とAI Agentに優しいツールになっています。https://zenn.dev/...

こんにちは！テラーノベルでフロントエンドを担当している@kazutoyoです！こちらはReact Native Advent Calendar 2025の1日目の投稿です。https://qiita.com/advent-calendar/2025/react-native React Nativeについての1年を振り返り2025年はReact Nativeにとって転換点の年でした。New Architectureへの完全移行、React 19対応、そしてReact Foundation設立など、大きな変化がありました。今年のReact Nativeと周辺技術について振り返...

ある時から、 fastlane deliver を使い、TransporterでAppStore Connectへのアップロードが失敗するようになりました。[17:55:49]: iTunes Transporter output above ^[17:55:49]: No value presentReturn status of iTunes Transporter was 1: No value presentThe call to the iTMSTransporter completed with a non-zero exit status: 1. This indi...

!こちらの記事は2025/10/24現在の、Expo 54時点の内容となっています。現時点で @expo/ui/swift-uiのAPIはベータ版、 @expo/ui/jetpack-composeのAPIはアルファ版となっています。こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！今回は、React NativeからネイティブUIコンポーネントを直接利用できる @expo/ui ライブラリについて紹介します。Expoが開発・メンテナンスをしているExpo UIは、Expo（React Nativ...

こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！React NativeでTailwindライクにスタイリングする方法として、NativeWindが有名だと思います。また新たな選択肢として、React Native Unistylesの開発チームが、Uniwindを発表しました。https://docs.uniwind.dev/Uniwindは、React Native Unistylesと同様に、パフォーマンスに重点を置いて開発されているようです。 無料版とPro版無料版でも十分パフォーマン...

こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！最近、React Nativeの人気が高まっており、新規プロダクトでの採用を検討している方も多いのではないでしょうか。その際、多くの方が気になるのは「React Nativeで実現できないことはあるのか？」という点だと思います。結論から言うと、ネイティブプラットフォーム（iOS/Android）の実装知識があれば、React Nativeで実現できないことはないと私は考えています。この記事では、その理由と具体的な実現方法について解説します。 Expo...

こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！タイトルの通りなのですが、これからReact Nativeでアプリを作ろう！という人はblueskyの公式クライアントアプリを参考にしましょう！https://github.com/bluesky-social/social-app なぜbluesky-social/social-appを参考にするのか 多くのユーザーがいるサービスで、継続的に開発されている実際に多くのユーザーがWebやアプリで利用しているサービスであり、それがOSSで公開されて...

こんにちは！テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ここ数年、React Nativeに触れており、その開発体験や効率の良さに感動しています。しかし、どんな技術でもいい面と悪い面はあり、普段はいいと思っている部分を共有していますが、今回私が実際に直面した辛いポイントを共有しようと思います。!前提として、Expo Modules APIでネイティブのコードを実装するなど、expo-dev-clientを使ってカスタムビルドを行うようなプロジェクトにおいての場合です。Expo Goで可能な開発であれば、い...

テラーノベルで機械学習エンジニアをしている川尻です。弊社でもClaude Codeを導入して生産性がすごく上がっています。その便利さについては今更言及せずとも多くの記事が出ていますね。日々開発している中でClaudeの使う英単語があまり見かけないものが多かったことに気づきました。たとえば、こんな表示を見たことはありませんか？✢ Spelunking… (12s · ↓ 66 tokens · esc to interrupt)これらは主にClaudeが思考中だったり、作業中だったりするときに表示される「~~~ing」形式のメッセージです。一般的な英単語ではないため、「これって何を...

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！3月に縦型のショートドラマサービス「テラードラマ」を公開しました！https://teller.jp/short-drama/テラードラマは、Web/iOS/Androidのプラットフォームで展開しており、React Nativeで開発しています。今回はそのテラードラマにおける、React NativeとNext.jsの活用についてお話します。 なぜReact Native + Next.jsを選択したか今回のテラードラマは、モバイルアプリ（iOS/Andr...

テラーノベルで機械学習エンジニアをしている川尻です。AIエージェントの進化は目覚ましく、AIエージェントの恩恵を享受する一方で、「なぜか疲れる…」と感じていませんか？私が日々感じる「AIエージェント疲れ」と、具体的な対策を共有します。 私の日常業務とAIエージェントたち：どんな風に付き合っているの？先週の金曜日、夕方。Clineにコードレビューをお願いしながら、Geminiで技術調査を走らせ、同時にMLモデルの学習完了を待っていました。効率的に見えるこの働き方ですが、ふと気づいたんです。「あれ、なんだか疲れてる...？」実際、AIエージェントは私の仕事を劇的に変えました。でも「...

テラーノベルで機械学習を中心に担当している川尻です。技術ブログの執筆をAIエージェントに任せることで、エンジニアの創造性を解放する方法を紹介します。Clineを活用したZenn記事作成と、GitHub連携による公開フローにより、執筆作業から解放され、より価値の高い思考や技術探求に時間を使えるようになります。AIの力を借りて、単なる効率化を超えた、創造的な技術発信を実現しましょう。 技術ブログ執筆の課題と創造性の解放 技術ブログ執筆の一般的な課題テラーノベルのエンジニアは、月に一本Zennで記事を公開することを目標としています。しかし、技術ブログを定期的に更新することは、多くのエ...

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！ByteDanceが、モバイル/Web向けのクロスプラットフォームの新たなフレームワーク、「Lynx」を公開しました。https://lynxjs.org/blog/lynx-unlock-native-for-more.html普段iOS/AndroidのネイティブやReact Native、Next.jsなどで開発している筆者が、Lynxを触ってみた感想を書いてみます。 Lynxのファーストインプレッション 良い部分1つのコードでiOS/Android...

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！Expoでアプリケーションを開発している際、React NativeのサポートがないサードパーティのSDKを導入したいといった要件がたまにあると思います。React Nativeでアプリケーションを開発する際、ネイティブSDKの導入が必要になることがあります。そんなときは、Expo ModulesとConfig pluginsを活用することで、CNG（Continuous Native Generation）の恩恵を受けながら、ネイティブコードを直接編集せずにSDKを...

Expoで作っているiOSアプリケーションで、iPadの場合に縦画面に固定する方法について知らなかったので備忘録として。app.json(app.config.js)にrequireFullScreen と UISupportedInterfaceOrientations~ipad を設定します。{ "expo": { // 縦画面固定 "orientation": "portrait", "ios": { // iPadでSlide Over/Split Viewを無効化 "requireFullScreen": true, ...

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！React NativeではStyleSheet APIが提供されており、CSSに近い形でスタイリングを行うことが出来ます。それ以外にも、NativeWindやTamaguiなどのスタイリングライブラリが存在します。今回はそれらを比較しながら、それぞれのメリットなどをご紹介したいと思います。 スタイリング方法の比較 StyleSheet APIReact Native標準のStyleSheet APIは、次のようにStyleSheet.create()でス...