207 Tech Blog

https://tech.207-inc.com/

テクノロジーで物流を変える 207 (ニーマルナナ) 株式会社のテックブログ

フィード

記事のアイキャッチ画像
Rails 6.0系にアップグレードする
207 Tech Blog
この記事は 207 Advent Calendar 2022の記事です。 qiita.com こんにちは。207 でソフトウェアエンジニアをやっている原口 (id:nagamejun)です。 207ではバックエンドにRuby on Railsを使っています。2022年7月にRails6にアップグレードしたのでその手順を共有したいと思います。 動機 Rails7.0がリリースされたことに伴い、Rails 5.2.Zがサポート対象シリーズのリストに含まれるのは、2022年6月1日までになりました。そのため早めにRails6にアップグレードする必要があります。 事前準備 Rails アップグレードガ…
1年前
記事のアイキャッチ画像
Expo InAppPurchases から RevenueCat に移行
207 Tech Blog
こんにちは。207 でソフトウェアエンジニアをやっている原口 (id:nagamejun)です。 今回は Expo InAppPurchases から RevenueCat に移行した内容について話します。 1年前に Expo の InAppPurchases に移行しましたが今回 RevenueCat に移行しました。その理由と導入方法・注意点についてまとめました。 tech.207-inc.com expo SDK 45 に update 出来ない 207では先日のエントリーの通り EXPO のサポート期間中にバージョンアップを進めています。 tech.207-inc.com expo S…
1年前
記事のアイキャッチ画像
Apollo ClientでComputed fieldsを使う!Local-only fieldsの活用術
207 Tech Blog
この記事は 207 Advent Calendar 2022の記事です。 qiita.com 207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 207ではiOS / Android向けのアプリケーション "TODOCUサポーター" を提供しており、GraphQL / Apollo Clientを活用しています。 Apollo Clientにはスマートなキャッシュ管理機構がありますが、 "TODOCUサポーター" では Local-only fields を活用しているので、こちらについて紹介します。
1年前
記事のアイキャッチ画像
Renovate の PR が作成されたらビルド結果を比較して auto merge する
207 Tech Blog
こんにちは。207でソフトウェアエンジニアをやっている原口 (id:nagamejun)です。 今回はDependabotからRenovateに移行した内容について話します。 207にjoinした当初からDependabotは導入されていたのですが、多くのPRをレビュー出来ずにスタックしてしまう問題が起きてました。 1つ1つ動作確認してマージしていっては切りがないので、ビルド結果に差分がない場合は本番に影響がないと考えビルド結果を比較する仕組みを導入しました。 207では配送員の方向けのアプリ TODOCUサポーター をReact Nativeで、物流会社向け配達業務管システムのWEBアプリT…
1年前
記事のアイキャッチ画像
ReactNative に3D機能を入れてみました!(React-Three-Fiber x Drei)
207 Tech Blog
207株式会社の外国人ソフトウェアエンジニアのケビンです。Webをよく使っている人が分かると思いますが、現時代でWebGLで適用してる3Dサイトがかなり多くなっています。207株が開発しているTODOCUサポーター のUXにも、React-Three-Fiberを使用して、React Nativeのアプリなのに3D機能を追加してみたいと思います! React-Three-Fiberとは? Dreiって何? アプリの実装 カスタムMeshを使用 Meshをロードする ロードしたのMeshのGeometryをレンダーする まとめ 参考 React-Three-Fiberとは? React-Thre…
1年前
記事のアイキャッチ画像
バンドルサイズ削減!React Nativeでユーザーへ配布するJSコード量を減らす
207 Tech Blog
この記事は 207 Advent Calendar 2022 9日目の記事です。 qiita.com 207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 207で提供している、React Nativeを使ったアプリケーション "TODOCUサポーター" のJavaScriptバンドルサイズを減らす取り組みについて紹介いたします。
1年前
記事のアイキャッチ画像
令和4年最新版!207流React Nativeアプリの運用術
207 Tech Blog
207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 1年前、EAS Buildを使ったリリースフローについて書きました。 今回は1年経ってリリースフローがどう変わったのか、EASをどう活用しているか、React Nativeアプリをどう運用しているか等について書こうと思います。 現在もexpo-updatesによるOTAアップデートを活用しており、高速なデプロイを実現しています。 tech.207-inc.com
1年前
記事のアイキャッチ画像
ある日突然採用面談を担当することになった話 〜手持ちのツールで自動化大作戦〜
207 Tech Blog
こんにちは、広報 時々 情シス ところにより ドライバー採用担当 のSumiです。 \207 Advent Calendar 1日目の記事です!!!/ 今回は、ある日突然ドライバーの採用面談を担当することになり、時間のかかる定型作業を手持ちのツールを使って時間を削減したよっていうお話をしようと思います。 出会いは突然に はじまりはいつだってSlackから 応募のメールがきたら メールも自動で送ってほしい イマドキの日程調整はあちらに選んでもらうスタイルよ 事前に面談フォームに回答してもらう いったんここまで 誰でもできるね、ノーコード・ローコードで効率化 出会いは突然に ある日突然、配達ドライ…
1年前
記事のアイキャッチ画像
GraphQLへ移行している話(中間報告編)
207 Tech Blog
207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 今回は、ラストマイル配送を効率化する配送員の方向けのスマートフォンアプリ「TODOCUサポーター」にて、開発チームの生産性向上・アプリケーションの信頼性向上のために、GraphQLへ移行している話について書いてみます。 移行プロジェクトは長期のプロジェクトとして細々と続けており、直近のリリースで最も辛い箇所を完全にGraphQLへ移行することができたため、主にそちらの移行にあたって行ったことを書きます。
2年前
記事のアイキャッチ画像
AWS Community Summit APJ 参加レポート
207 Tech Blog
こんにちは、Sumiです。 先日、9/15・9/16で開催されたAPAC(アジア太平洋地域)のAWS Community Summitが行われ、ご招待いただき参加してきましたのでレポートを書きました。 わたしの個人的なコミュニティ活動ではありますが、207では業務時間としてみなしてくれたり、温かくサポートいただいているのは本当に感謝しかないです。神。 参加レポート Summitの様子はこちらのブログにまとめました。 dev.to SummitではAWSやHeroたちのセッションはもちろん、各国から参加されたコミュニティ・リーダーたちとのネットワーキングも行われ、大変楽しい2日間でした。 みんな…
2年前
記事のアイキャッチ画像
AIで人を笑わせてみよう! ハンズオン勉強会参加レポート
207 Tech Blog
どうも、AWSが大好きな情シス&広報担当の Sumi です (AWSは趣味です) 先日JAWS-UG 関西女子会様の「 [誰でも参加OK] AIで人を笑わせてみよう!ハンズオン」という勉強会に参加してきましたのでレポートです!! jawsugkgirls.doorkeeper.jp Workshop手順 作業開始 SageMaker とは いきなりエラーでたんだが ? はじめまして、SageMaker Studio 後日改めて 参加してみた感想 Workshop手順 手順はGitHub上で共有されており、とても丁寧に書かれていました!! わかりやすい!! github.com なお、作業前に上…
2年前
記事のアイキャッチ画像
時代はDual Screen! マイクロソフトが提供している react-native-dualscreeninfo を使ってみた
207 Tech Blog
こんにちは。207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 僕は電子書籍を読むデバイスとして Surface Duo を使っています。 見開きにしたときの表示や持ちやすさがとても好きで、読書がとても捗るデバイスです。 Surface Duoは "Dual Screen" のデバイスと Microsoft では定義しており、今回はこのDual Screen対応のためのReact Native用ライブラリ react-native-dualscreeninfo を使って遊んでみました。
2年前
記事のアイキャッチ画像
AWS Summitで登壇しました
207 Tech Blog
こんにちは、207 (ニーマルナナ) 株式会社のコーポレートIT担当 Sumi です。 この度ご縁があり、AWS Summit Online 2022 で「AWSユーザーグループのリーダーに聞くコミュニティの楽しみ方」というセッションに登壇してきましたのでレポートを残したいと思います。 はじめに その前に、Sumiって誰? AWS Summit Onlineとは 特設会場@日比谷 本番当日 207へ初出社 いざ会場へ移動 AWSユーザーグループのリーダーに聞くコミュニティの楽しみ方 コミュニティに参加したきっかけ あなたにとってコミュニティの魅力とは 躊躇する人へ いつかは さいごに はじめに…
2年前
記事のアイキャッチ画像
QA組織の立ち上げから7ヶ月でテストを自動化したお話
207 Tech Blog
207でQAを担当している西田(@1031riki)です。巷でよく話されているひとり目のQAです。QAになる前はスキマ便のオペレーションマネージャーを担当していたのでQAは未経験からのスタートでした。今回は207で提供している配送員の方向けのアプリ TODOCUサポーター のWAUを2桁から4桁へ成長させるにあたって207のQAが取り組んできたことをお話したいと思います。 QA組織の立ち上げ テストの自動化の経緯 オープンソースとテスト自動化ツールの特徴 自動化の結果 おわりに We're Hiring
2年前
記事のアイキャッチ画像
Expo Bare Workflow × EAS で実現する、デプロイ頻度改善の取り組み
207 Tech Blog
この記事は React Native Advent Calendar 2021 の4日目の記事です。 はじめに 207株式会社では配送員の方向けのアプリであるTODOCUサポーターをReact Nativeで開発しています。 iOS/Android向けのアプリとして提供しており、 Expo Bare Workflow の状態で開発しています。 expo-updates も積極的に利用し、 先日プレビューが終わり正式版になったEAS についても、プレビュー段階から利用し、現在ではEAS BuildとEAS Submitも使っています。*1 Expoの提供するサービスを積極的に利用することで、高い…
2年前
記事のアイキャッチ画像
React Native Gesture Handlerで画像ズーム&回転のライブラリを作った話
207 Tech Blog
画像をズーム・回転するライブラリを作った インラインで画像(Viewも可)の拡大、回転をするライブラリできちんと更新されているものがなかったので、 自分でライブラリを作ってnpmで公開してみました。 適当に公開した後、weeklyで150くらいダウンロードされていたので義務感が生じて一応ちゃんと動くレベルまでアップデートしました。 www.npmjs.com ↓ こんな感じの挙動になります。
3年前
記事のアイキャッチ画像
React Nativeでリストのアイテムを横スワイプできるようにするなら「Swipeable」
207 Tech Blog
こんにちは!207株式会社 ソフトウェアエンジニアの若月(@wktq)です。 今回は、 react-native-gesture-handler/swipeableのデモ ↑こんな感じのリストアイテムに対する横スワイプを付けたい時に便利なreact-native-gesture-handlerの「Swipable」についてご紹介します。
3年前
記事のアイキャッチ画像
React NativeでMapboxを使っているはなし
207 Tech Blog
前回の記事ではMapboxを導入した経緯について書きましたが、今回は技術的な面について書こうと思います。 最近GoogleMapからMapboxへ移行し、ちょっとしたハマりどころ等があったので、社内への共有ドキュメント兼備忘録として書いておきます。 なお、TODOCUサポーターはReact Nativeで開発しているため、Mapbox Maps SDK for React Native (以下、 react-native-mapbox-gl ) を利用していて、主にこのライブラリを中心に書きます。 インストール クラッシュレートの増加と修正 地図上での工夫とTODOCUサポーターで使っているコ…
3年前
記事のアイキャッチ画像
React Nativeで横画面(landscape mode)に対応する
207 Tech Blog
こんにちは!207株式会社 ソフトウェアエンジニアの若月(@wktq)です。 React Nativeで横画面に対応する際に少しクセがあったので、備忘録を兼ねてまとめてみました。
3年前
記事のアイキャッチ画像
Mapboxで配達地図を改善していく話
207 Tech Blog
207でソフトウェアエンジニアをやっている岸田 (id:ryo-rm)です。 207では配送員の方向けのアプリ TODOCUサポーター を提供しており、地図のSDKには Mapbox を使っています。 2021年の7月ごろにGoogle マップ / Apple純正マップからMapboxへ移行しました。 今回はMapboxを採用した経緯と、TODOCUサポーターで行っていること、今後の展開について話そうと思います。 移行した経緯とMapbox導入以前のTODOCUサポーターの課題 Mapboxへ移行後と、地図の編集 今後 おわりに
3年前
記事のアイキャッチ画像
プロダクト開発チームのつくりかた
207 Tech Blog
こんにちは。207株式会社の福富(@fukutomy)です。 前回は「TODOCUサポーターのつくりかた」と題して現在のプロダクト開発フローについて書いたのですが、当然ながら、はじめからこのような進め方をしていたわけではありませんでした。 本記事では個人的な棚卸しと社内に向けた言語化も兼ねて、207のチーム体制とアーキテクチャのこれまでの変遷と、直近で取り組んでいるこれからに向けたアップデートについてまとめてみようと思います。 入社当時のスナップショット 2021年1月のスナップショット 現在の組織とアーキテクチャ これからの組織とアーキテクチャ おわりに We're Hiring
3年前
記事のアイキャッチ画像
EAS Build を使っている話
207 Tech Blog
こんにちは。207でソフトウェアエンジニアをやっている岸田 (id:ryo-rm)です。 207では配送員の方向けのアプリ TODOCUサポーター を提供しており、React Nativeで開発しています。 今回は2020年の末頃にリリースされたExpo Application Services (EAS) について話します。 解決したかった問題とEAS build EAS とは EAS Build EAS Build の slack 通知 Custom Development Clients 今後 おわりに
3年前
記事のアイキャッチ画像
React Nativeのアプリ内課金でExpo InAppPurchasesを使う
207 Tech Blog
こんにちは!207株式会社 ソフトウェアエンジニアの若月(@wktq)です。 React Nativeアプリ内課金の実装で、これまでreact-native-iapを利用していましたが、 ExpoのInAppPurchasesに移行しました。 最近になってExpoのInAppPurchasesに移行しているという話はよく聞きますが、 その理由と導入方法・注意点についてまとめました。 2022/12月追記 Revenue Catに移行しています。こちらもどうぞ tech.207-inc.com Expoのアプリ内課金はejectが必須 なぜExpo InAppPurchasesを選んだのか 大ま…
3年前
記事のアイキャッチ画像
TODOCUサポーターのつくりかた
207 Tech Blog
こんにちは。 207株式会社でCTOと配達効率化アプリ「TODOCUサポーター」のPM(プロダクトマネージャー)を兼務しております、福富(@fukutomy)です。 この頃開発メンバーから「CTOらしく、採用に時間を使ってください」と言われることが増え、「そういうものか」と思ってこの記事を書き始めています。闇雲にスカウトメールを乱発する前に、まずは弊社について知ってもらうことが大事だと考えました。 本記事では、「207で働くってどんな感じ?」を少しでもお伝えできれば幸いです。 207がやっていること TODOCUサポーターとは TODOCUサポーターのつくりかた 1つめのダイヤモンド 2つめの…
3年前