テラーノベル テックブログのフィード

https://zenn.dev/p/tellernovel_inc

縦型ショートドラマアプリ「テラードラマ」、90万人超の作家が利用する小説サービス「テラーノベル」の開発メンバーによるテックブログです。

フィード

記事のアイキャッチ画像
Expo SDK 56ベータから読み解く、Expo・React Nativeの「ネイティブ志向」な進化
テラーノベル テックブログのフィード
こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyo です!5月6日にExpo SDK 56のベータが公開されました。https://expo.dev/changelog/sdk-56-beta毎回のSDKリリースを追いかけていますが、今回のSDK 56は「ネイティブらしく振る舞うために準備してきたものが、いよいよ揃ってきた」という印象を強く受けました。例えば1年以上磨かれてきたExpo UIがついに安定版になり、expo-modules-coreはコンパイラレベルで書き直されて大幅に高速化されました。Expo Rout...
24日前
記事のアイキャッチ画像
Re: ここがつらいよReact Native
テラーノベル テックブログのフィード
こんにちは!テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyo です!9か月前に、React Nativeを使っていて辛いと感じていたポイントをまとめた記事を書きました。https://zenn.dev/tellernovel_inc/articles/cfd14c9acab294当時はExpo 53(React Native 0.79)の頃でしたが、現在はExpo 55が最新となり、React Native本体やエコシステム、さらには開発を支援するAIツール周辺も大きく進化しています。その結果、当時感じていた「辛さ」...
1ヶ月前
記事のアイキャッチ画像
Perryファーストインプレッション - TypeScriptのままネイティブアプリが作れる新しい選択肢
テラーノベル テックブログのフィード
こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!TypeScriptをそのままネイティブバイナリにコンパイルできる「Perry」が話題になっていたので、実際に試してみました。今回はそのファーストインプレッションをお届けします。https://www.perryts.com/!perry version: 0.5.112を元にした内容です。 Perryとは?Perryは、TypeScriptのコードをそのままネイティブバイナリにコンパイルできる、Rust製のコンパイラです。TypeScriptで書いたC...
1ヶ月前
記事のアイキャッチ画像
React Native開発が変わる。RozeniteでCoding Agentに「目と手」を与えた話
テラーノベル テックブログのフィード
こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!以前、React Native開発でCoding Agentを活用するためのSkillsを紹介しました。https://zenn.dev/tellernovel_inc/articles/7bb1facb9cfb4d今回は、Coding Agent自身がモバイルアプリを操作・検証できるようになるツールを2つ紹介します。 Coding Agentに「自分の作業を検証する方法」を与えることの重要性Claude Codeのベストプラクティスにも、「Claudeに自分の...
2ヶ月前
記事のアイキャッチ画像
React Native開発で活用したいCoding Agent向けSkills 3選
テラーノベル テックブログのフィード
こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!皆さんはReact Nativeでの開発でCoding Agentを活用していますか?最近、React Native界隈ではSkillsの共有が盛り上がっており、有力なスキルがいくつか登場しています。今回はそれらを紹介します。 1. Expo Skills(Expo公式)Expo公式が提供するSkillsです。以下の3つのスキルが含まれています。expo-app-designExpoでのアプリ開発に関するスキル。Expo UIやExpo Router、T...
4ヶ月前
記事のアイキャッチ画像
Tamagui を1年運用して分かった、React Native スタイリングの選び方【2025年版】
テラーノベル テックブログのフィード
こちらの記事は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を採用してスタイリングを行っています...
5ヶ月前
記事のアイキャッチ画像
ExpoでiOS26のLiquid Glassのスタイルを無効化したい
テラーノベル テックブログのフィード
こんにちは!テラーノベルでフロントエンドを担当している@kazutoyoです!みなさんのExpoで作られたiOSアプリはLiquid Glassに対応されていますでしょうか?Xcode 26でビルドされたアプリは現在自動的にLiquid Glassが適用されてしまいます。それによって表示が崩れた、けど以前のXcodeビルドするのも面倒…というときのため、Liquid Glassを無効化する方法のご紹介です。 Liquid Glassを無効化するこちらのAppleのドキュメントにあるように、次のメジャーアップデート(Xcode 27?)までの機関となりますが、Info.plis...
5ヶ月前
記事のアイキャッチ画像
低コストにOTAを!Hot UpdaterをReact Nativeに導入しよう!
テラーノベル テックブログのフィード
こんにちは!テラーノベルのフロントエンドエンジニアの@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...
6ヶ月前
記事のアイキャッチ画像
React NativeでLiquid Glassに対応する
テラーノベル テックブログのフィード
こんにちは!テラーノベルでフロントエンドを担当している@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に...
6ヶ月前
記事のアイキャッチ画像
expo-agent-cliというツールを作った話
テラーノベル テックブログのフィード
こんにちは!テラーノベルでフロントエンドを担当している@kazutoyoです!こちらはReact Native Advent Calendar 2025の3日目の投稿です。https://qiita.com/advent-calendar/2025/react-native!Expoのドキュメントが公式にMarkdownでの取得に対応しました。そのため、こちらのCLIの役目が終わったため非推奨となります。以下のような記述をCLAUDE.mdやAGENTS.mdに追加しておくことで、同様の効果を得られるかと思います。## Expo ドキュメント参照ルール### 重要:Ex...
6ヶ月前
記事のアイキャッチ画像
2025年のReact Nativeを振り返り、2026年に期待すること
テラーノベル テックブログのフィード
こんにちは!テラーノベルでフロントエンドを担当している@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と周辺技術について振り返...
6ヶ月前
記事のアイキャッチ画像
fastlane deliverでアップロードが失敗するので、App Store Connect Build upload APIで解決した
テラーノベル テックブログのフィード
ある時から、 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...
7ヶ月前
記事のアイキャッチ画像
React NativeでSwiftUIやJetpack Composeを使う!Expo UIの基本と使いどころ
テラーノベル テックブログのフィード
!こちらの記事は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...
7ヶ月前
記事のアイキャッチ画像
NativeWindの対抗馬?ハイパフォーマンスのUniwindでReact Nativeをスタイリング
テラーノベル テックブログのフィード
こんにちは!テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!React NativeでTailwindライクにスタイリングする方法として、NativeWindが有名だと思います。また新たな選択肢として、React Native Unistylesの開発チームが、Uniwindを発表しました。https://docs.uniwind.dev/Uniwindは、React Native Unistylesと同様に、パフォーマンスに重点を置いて開発されているようです。 無料版とPro版無料版でも十分パフォーマン...
8ヶ月前
記事のアイキャッチ画像
React Nativeで実現できないことはあるのか?
テラーノベル テックブログのフィード
こんにちは!テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!最近、React Nativeの人気が高まっており、新規プロダクトでの採用を検討している方も多いのではないでしょうか。その際、多くの方が気になるのは「React Nativeで実現できないことはあるのか?」という点だと思います。結論から言うと、ネイティブプラットフォーム(iOS/Android)の実装知識があれば、React Nativeで実現できないことはないと私は考えています。この記事では、その理由と具体的な実現方法について解説します。 Expo...
9ヶ月前
記事のアイキャッチ画像
React Nativeでアプリを作るときは、bluesky-social/social-appを参考にしよう!
テラーノベル テックブログのフィード
こんにちは!テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!タイトルの通りなのですが、これからReact Nativeでアプリを作ろう!という人はblueskyの公式クライアントアプリを参考にしましょう!https://github.com/bluesky-social/social-app なぜbluesky-social/social-appを参考にするのか 多くのユーザーがいるサービスで、継続的に開発されている実際に多くのユーザーがWebやアプリで利用しているサービスであり、それがOSSで公開されて...
9ヶ月前
記事のアイキャッチ画像
ここがつらいよReact Native
テラーノベル テックブログのフィード
追記: こちらの1年後の振り返りとしてこちらの記事を書きました。https://zenn.dev/tellernovel_inc/articles/2eb38d41999e31こんにちは!テラーノベルとテラードラマでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです!ここ数年、React Nativeに触れており、その開発体験や効率の良さに感動しています。しかし、どんな技術でもいい面と悪い面はあり、普段はいいと思っている部分を共有していますが、今回私が実際に直面した辛いポイントを共有しようと思います。!前提として、Expo Modules...
10ヶ月前
記事のアイキャッチ画像
Claude Codeが使う珍しい英単語集 - ~~~ingの意味を解説
テラーノベル テックブログのフィード
テラーノベルで機械学習エンジニアをしている川尻です。弊社でもClaude Codeを導入して生産性がすごく上がっています。その便利さについては今更言及せずとも多くの記事が出ていますね。日々開発している中でClaudeの使う英単語があまり見かけないものが多かったことに気づきました。たとえば、こんな表示を見たことはありませんか?✢ Spelunking… (12s · ↓ 66 tokens · esc to interrupt)これらは主にClaudeが思考中だったり、作業中だったりするときに表示される「~~~ing」形式のメッセージです。一般的な英単語ではないため、「これって何を...
1年前
記事のアイキャッチ画像
React Native + Next.jsはいいぞ!(ほぼ)1人でショートドラマのWeb/モバイルアプリを爆速開発した話
テラーノベル テックブログのフィード
こんにちは!テラーノベルで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...
1年前
記事のアイキャッチ画像
「AIエージェント疲れ」の原因と対策
テラーノベル テックブログのフィード
テラーノベルで機械学習エンジニアをしている川尻です。AIエージェントの進化は目覚ましく、AIエージェントの恩恵を享受する一方で、「なぜか疲れる…」と感じていませんか?私が日々感じる「AIエージェント疲れ」と、具体的な対策を共有します。 私の日常業務とAIエージェントたち:どんな風に付き合っているの?先週の金曜日、夕方。Clineにコードレビューをお願いしながら、Geminiで技術調査を走らせ、同時にMLモデルの学習完了を待っていました。効率的に見えるこの働き方ですが、ふと気づいたんです。「あれ、なんだか疲れてる...?」実際、AIエージェントは私の仕事を劇的に変えました。でも「...
1年前