Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SwiftUIでビットコインの価格チャートを改善・再実装した話 / Improving and...

mercari
October 14, 2023

SwiftUIでビットコインの価格チャートを改善・再実装した話 / Improving and Re-implementing the Bitcoin Price Chart Using SwiftUI

メルコインiOSチームはメルカリのビットコイン取引機能の開発をしています。メルコインでは大部分をSwiftUIで実装していますが、ビットコイン価格チャートについてはライブラリを使ってUIKitで実装されていました。ですがライブラリの制約もあり、チームとして実現したい表現をすべて実現できていなかったため、最終的にSwiftUIで再実装し、改善サイクルも高速化することができました。
このセッションではSwiftUIでのチャートの実装や改善サイクルを高速化した話などを紹介します。

The Mercoin iOS Team works on development for Mercari’s bitcoin transaction feature. At Mercoin, we implement a large portion of our work using SwiftUI, but we implemented the bitcoin price chart in UIKit using a library. However, because there are limitations imposed on the library and because we were unable to create all of the expressions that we wanted to create as a team, in the end we reimplemented the feature using SwiftUI and sped up the improvement cycle.
In this session, we talk about a number of topics such as the implementation of the chart using SwiftUI and how we improved the cycle to make it high speed.

------
Merpay & Mercoin Tech Fest 2023は3日間のオンライン技術カンファレンスです。
IT企業で働くソフトウェアエンジニアおよびメルペイ・メルコインの技術スタックに興味がある方々を対象に2023年8月22日(火)、23日(水)、24日(木)の3日間、開催します。 Merpay & Mercoin Tech Fest は事業との関わりから技術への興味を深め、プロダクトやサービスを支えるエンジニアリングを知ることができるお祭りです。

今年のテーマは「Unleash Fintech」。 メルペイ・メルコインのこれまでの技術的な取り組みはもちろん、メルカリグループのFintech事業における新たな挑戦をお伝えします。 セッションでは事業を支える組織・技術・課題などへの試行錯誤やアプローチなど多面的にご紹介予定です。

メルペイ・メルコインが今後どのようにUnleash(解放)していくのか、ぜひ見に来てください。

■イベント関連情報
- 公式ウェブサイト:https://events.merpay.com/techfest-2023/
- 申し込みページ:https://mercari.connpass.com/event/286670/
- Twitterハッシュタグ: #MerpayMercoinTechFest
■リンク集
- メルカリ・メルペイイベント一覧:https://mercari.connpass.com/
- メルカリキャリアサイト:https://careers.mercari.com/
- メルカリエンジニアリングブログ:https://engineering.mercari.com/blog/
- メルカリエンジニア向けTwitterアカウント:https://twitter.com/mercaridevjp
- 株式会社メルペイ:https://jp.merpay.com/

mercari

October 14, 2023
Tweet

More Decks by mercari

Other Decks in Technology

Transcript

  1. Yoshikazu Ando / @andooown 2019年から株式会社MIXIでウォレットサービスの iOSアプリの開発を担当。Apple Pay等のドメイン 特有の開発や、アプリ全体の設計など iOSアプリ開 発の幅広い分野を担う。2021年より現職でビットコ

    イン取引サービスの立ち上げに参画し、引き続き iOSアプリ開発者としてグループ内の連携を含めた 設計や開発を担当。 株式会社メルコイン
  2. 初期の実装の課題 • タップできる ◦ 価格や時刻が表示される ◦ 右側の見た目が変わる ▪ 色 ▪

    塗りつぶし ◦ アニメーション ❌ ▪ 線の太さ ❌ ▪ 補間方法 ❌
  3. SwiftUIでRewrite • 設計方針 ◦ View・Shapeを使ってSwiftUIでレイアウト ▪ 表現の幅を制限しないため • ↔ Swift

    ChartsのChartContent ◦ パラメータを注入できるように • 後ほど活きてくる