1. /
  2. React Native

React Native

React Native最新SDK対応：1月と8月がベストな理由

こんにちは！
クラウドソリューション開発部の大川です。

今回は、React Native CLIでクロスプラットフォーム開発を行う上で避けては通れない、「iOS/Androidの最新SDKへの対応タイミング」について紹介します。

「最新OSが出たからすぐに上げなきゃ！」と焦る必要はありませんが、ストアの公開要件の更新に間に合わせるための「余裕を持ったスケジュール」を知っておくことが重要です。

続きを読む

【ストア要件に備える】React Native CLIによる更新手順と注意点

最近オンラインゲームに熱が再燃していて、Discordで知らない人と話すのが意外と楽しいなと感じています。こんにちは、クラウドソリューション開発部の寺谷です。

今回は、React Native スマホアプリ開発の保守で避けて通れないバージョンアップについてまとめます。React Native のアップデートは一筋縄ではいかないことが多く、特にメジャーアップデートではさまざまな問題が起きがちです。

この記事では、React Native CLI を使ったバージョンアップ手順と進めるうえでの注意点を整理します。

続きを読む

Google Play 16KBページサイズ要件対応【RN編】

こんにちは！
クラウドソリューション開発部の大川です。

今回は、React Native CLIを使ってAndroidアプリを開発している場合における、Google Play Consoleからの警告通知「16 KB ページサイズ要件」への対応方法について紹介します。

続きを読む

React Nativeから使うStability AI：画像生成APIの活用

1. はじめに

環境広場、今年はいちだんと賑やかでした。
クラウドソリューション開発部の寺谷です。会場で展示した子ども向け画像生成アプリは、気づけばブース前に小さな行列。タップひとつで絵が出るたび、「もう一回！」の連打コールで僕の腕も連打。
イベントの様子はこちらにまとめています。
今日はその心臓部 Stability AI を深掘りします。AIについて、料金、APIの使い方（React Native）、
そして日本語と英語プロンプト比較まで一気にどうぞ。

続きを読む

Web開発者がスマホアプリ開発をして学んだこと

こんにちは。モビリティサービス開発部の久恒です。
普段はFuelPHPを使ったWebシステムの開発をしていますが、今回初めてReact Nativeを使ったアプリ開発に挑戦する機会をいただきました。

アプリ開発は初めての経験だったので、実際に触ってみての感想や、Web開発経験者として感じたギャップについてお伝えしたいと思います。
続きを読む

社内複業でスマホアプリ開発を経験してみて

オフィスのクーラーに感謝しながら
システム開発を続けているクラウドソリューション開発部の北島です！

「副業」と聞くと、多くの方は会社外での副業を思い浮かべるのではないでしょうか。しかし、当社には「社内複業」という独自の制度があります。これは、本来の業務を続けながら、社内の他部署、他グループのプロジェクトにも参加できる革新的な取り組みです。

今回、私はこの制度を利用してスマホアプリの実装、テスト作成・実施という、普段とは全く異なる業務を経験する機会を得ました。本記事では、社内複業制度について、3ヶ月間の複業生活を通じて感じたこと、学んだことについて、実体験を交えながらご紹介いたします。

続きを読む

3ヶ月でアプリ開発!?リーダーとして駆け抜けた環境広場の舞台裏

はじめに

「3ヶ月で、展示用のアプリをゼロから作って、実際に子どもたちに体験してもらう」
そんなチャレンジが、本当にできるのか。
正直、不安の方が大きかったかもしれません。

でも今、環境広場さっぽろ2025の会場で子どもたちが笑顔でアプリを操作し、「もう一回やりたい！」と言ってくれる姿を思い出すと、あの3ヶ月間の全てが報われたと感じます。

このプロジェクトは、「環境問題を自分ごととして考える」きっかけをつくることを目的に、
生成AI・React Native・iPadを活用したインタラクティブなアプリを開発し、展示したものです。

私はこのチームのリーダーを務めたクラウドソリューション開発部の寺谷です。
社内の9人の仲間とともに、企画から技術実装、ブース設計まで全体を指揮しながら、このプロジェクトを完遂しました。

この記事では、限られた期間の中でどうやってアプリを完成させたのか、
そして、リーダーとして何を考え、どう動いたのかを、お話していきたいと思います。

続きを読む

初心者歓迎！React Nativeアニメーションを「react-native-animatable」で始める第一歩

はじめに

こんにちは。
クラウドソリューション開発部に所属している、入社3年目の寺谷です。

今回は、社外イベントで使用されるタブレットアプリの開発にあたり、視認性が高く、直感的に操作できるUIアニメーションを実現するために、React Nativeのアニメーションライブラリである 「react-native-animatable」 を採用しました。

この記事では、「react-native-animatable」を使って手軽に導入できるアニメーションの実装方法をわかりやすくご紹介します。

React Native初学者の方や、アプリにちょっとした動きを加えて体験を豊かにしたい方に向けた内容となっていますので、ぜひ最後までお付き合いください！

続きを読む

React NativeのGifted Chatを使って簡単なチャットアプリを作ってみた

はじめに

こんにちは。
私は入社2年目のクラウドソリューション開発部に所属している寺谷と申します。
今回は、React Nativeのライブラリ「Gifted Chat」を活用して、簡単なチャットアプリを実装する方法を紹介します。
さらに、Google Sheetsをデータベース代わりに使用し、Google Apps Script（GAS）を通じてデータの送受信も行っています。
ぜひ最後までご覧ください！

続きを読む