JetpackCompose

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回は Jetpack Compose で横向きフルスクリーン表示の対応をしたため、その内容をお伝えします。 対応方針 実装 ダイアログを表示する 縦横切り替え フルスクリーン ステータスバー表示切り替え まとめ 対応方針 今回は WebView を、横画面 かつ フルスクリーン で表示をしたいと思います。WebView の実装は SamplePage の Composable で実装しており、詳細は割愛します。 また一時的な表示とするため、ダイアログで横画面・フルスクリーンの表示にします。そのダ…

はじめに こんにちは！今年の1月からクラスター社でソフトウェアエンジニアとして働いているryomaです。 クラスター社のAndroidアプリ開発チームでは、2021年からコツコツとJetpack Composeへの移行を進めており、先日ついに全画面の移行が完了しました。 その中でも今回は、最後の難関として残っていた「MainActivityのJetpack Compose移行」にスコープを絞って、上手く機能した移行の進め方（＋実装上苦労したポイント）を紹介します。 アプリトップなど、UI要素の多い画面のJetpack Compose移行の進め方で悩んでる方の参考になれば幸いです。 はじめに 背…

パーミッション取得 Jetpack ComposeでPermissionを取得したい - 縁側プログラミング LazyXXXのかくつき こっちはまさにLazyVerticalGrid使ってて気になってたとこだった LazyColumnのスクロールがカクカクするときの確認ポイント（Stableアノテーション） - 縁側プログラミング Jetpack Compose内でのコルーチン ボタンのonClickで時間かかる処理をしたいときはrememberCoroutineScope()を使う コンポーザブルでコルーチンを使いたい場合は、LaunchedEffectを使う コルーチンのキャンセルとかの例…

コードは参考サイトからの流用になります。 ViewModelの定義の中で変更を検知したい値(count)をMutableLiveDataとして定義する。初期値はここでは0 class SampleViewModel: ViewModel() { val count = MutableLiveData(0) fun countUp() { val c = count.value ?: 0 count.value = c + 1 } } ViewModelのパラメータの変更を監視するには、observeAsState()を使います。このAPIによって、LiveDataをStateとして扱うことがで…

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回は Jetpack Compose で動画表示の対応をしたため、その内容をお伝えします。 一番シンプルな実装 仕様 実装 ExoPlayer を作成 VideoState を定義 ExoPlayer の生成 Compose のレイアウトを作成 PlayerView 動画パーツ（シークバーや再生・停止ボタン） 再生・停止ボタン 動画再生時間 シークバー ライフサイクルで再生・停止・解放をする 再生時間・シークバーの更新 その他の実装 まとめ ※ キャプチャの動画はこちらを使用させていただきました…

こんにちは。Android アプリ開発担当の nagayama（@nagayan_dev）です。 今回は Jetpack Compose で下記のようなスクロールと同期して Bottom Navigation の表示を切り替えるレイアウトを作っていきます。 仕様 実装 アニメーションの実装 スクロールイベント まとめ 仕様 今回は下記の仕様で実装していきたいと思います。 下にスクロールした時、 Bottom Navigation を下にスライドさせて非表示にする 上にスクロールした時、 Bottom Navigation を表示させる 一番下までスクロールした時、 Bottom Navigat…

はじめに こんにちは。「スタディサプリ中学講座」 で Android エンジニアをしている @maxfie1d です。「スタディサプリ中学講座」 では Jetpack Compose を最大限に活用しています。現在アプリ全体の 7 割程度の UI は Jetpack Compose で構築されています。 Jetpack Compose は 2021 年 7 月の正式リリースから間もなく 2 年が経とうとしており、様々なアップデートを重ねてきました。「スタディサプリ中学講座」 では Jetpack Compose のアップデートを継続的にプロジェクトに取り入れています。この記事では 「スタディサ…

freee でAndroidエンジニアをしているodaryuです。 DroidKaigi 2024に参加してきましたのでブログを書きます！ にぎわってますね〜 シビック シビックがある！！ TYPE R に搭載しているジャイロセンサーをつかった運転技術評価をAndroidアプリとしても提供しているらしいです。保険料の決定とかにも使えるのかもしれません。 今回のDroidkaigiでは講演を中心にみていたので、筆者がみて面白かったものを紹介します。 [招待講演] Android StudioのGeminiでコーディングの生産性を高める 2024.droidkaigi.jp Android Stu…

はじめに Androidエンジニアの冨田です。 今回はDroidKaigi2024に行ってきたのでその内容をざっくりレポートします！ 初参加だったので全力で楽しんできました！ DroidKaigiとは https://2024.droidkaigi.jp/ セッションがあったり企業ブースがあったり、Android技術情報の共有の場です。1年に1度開催していて、今回で10周年とのこと。 前夜 まずオンラインでチケットを買うと色々届きます。 ご挨拶状だったり名札だったり。名札は付属のシールでデコレーションしてね！とのことなのでデコりました。こういった細かい準備により前日からワクワクしますね。最近買…

speakerdeck.com 2024.droidkaigi.jp github.com droidkaigiに参加している同期から面白い発表があったと紹介された。 内容的には、 現代では標準的UIが確立しておりメリットを多く享受しているが、その一方でデザイン的には面白みに欠ける。 過去のアプリ、PCソフト、またゲームのような、四角形をただ並べるだけではないレイアウトをJetpackComposeではどう組み立てるのか。 ペルソナ風チャットアプリを題材に作成していく。 といったところだと思う。（アーカイブが公開されたらこの辺りの齟齬は修正する） 昨今ではKMPやSkipの隆盛めざましいが、S…

こんにちは、TVerでAndroidエンジニアをしている石井です。 株式会社TVerはDroidKaigi 2024のサポーターとして協賛することになりました。 DroidKaigiとは DroidKaigiはエンジニアが主役のAndroidカンファレンスです。 今年で10年を迎えるDroidKaigiは、Android技術情報の共有とコミュニケーションを目的に、2024年9月11日(水) - 13日(金)の3日間開催します。(HPより引用) オフライン会場: ベルサール渋谷ガーデン TVerとAndroid TVerは昨年Androidエンジニアが2名入社し、昨年9月頃に完全内製化が完了しま…

本日の学び speakerdeck.com スクリーンとstateの紐付け、画面遷移のロジックを管理するRouteモジュールという考え方。 iOSアプリ開発で見るVIPERアーキテクチャのRouterと責務が似ているように感じた。 いきなりフルJetpackComposeでアプリを作れる環境はなかなかないので、Fragmentとの共存と将来的な移行を考えて実装していく必要がある。 トレーニング記録 本日は休み。

この記事について AboutLibrariesを使って、OSSライセンス表示を作成する方法について整理しました。 github.com 2024/08/07追記 ライブラリ名をタップした場合に何も起こらないことがあるかもしれなく（自分の導入の仕方の問題かもしれません）、よろしければ以下記事も合わせて参考にしてください。 Compose Multiplatformで使うAboutLibrariesのカスタマイズ - T・Tの日記 ※※※ 自分の場合、ComposeMultiplatformを使用してiOS側しか動かしていないです！！なので、もしAndroidもiOSも両方動かしている方がいたら一…

はじめに 大阪産業大学3年の関佑太です。 2023年12月18日～2024年3月31日の間N予備校のAndroidチームにインターンで参加していました。 私がこのインターンに参加した時のスキルレベルとしては次のような感じです。 個人開発でアプリを作ったことはある テストコードは簡単なものしか書けない アーキテクチャは最近意識し始めた ドワンゴのインターンに参加するのに上記のスキルが必須かというと全くそのような事はなく、後述する開発サポートの時間で分からない事を現場のエンジニアに聞く事ができる時間があるので個人開発でアプリを作ったことがなかったり、テストコードを書いたことがなくても大丈夫だと思い…

JetpackComposeには、UIのタップやスクロール動作のタイムアウト、サイズに関するパラメーターを指定するためのViewConfigurationというインターフェースが存在します。 CompositionLocalProviderで、このインターフェースを実装したクラスを渡すことにより、ロングタップまでの時間などを変更することが可能になります。この記事ではViewConfigurationのそれぞれのパラメータが、実際のUI動作にどのような影響を及ぼすかを解説し検証します。 ViewConfigurationの作り方と渡し方 longPressTimeoutMillis サンプルアプ…

Padding を使うのか Spacerを使うのか こんにちは！STORES 決済 Androidエンジニアのみっちゃんです！ JetpackComposeでUIを作るときに、Composable同士の間に余白を置きたい時はpaddingやSpacerを使って実現できます。 最近、STORES 決済 Android アプリではAndroidViewからJetpackComposeへ移行しているのですが、チームメンバー全員がCompose経験豊富なわけではなく、実装やレビュー時に「ここはpaddingを使った方がいいのか？Spacerなのか...？？」と自信を持って実装・レビューできない！という…

こんにちは、クライアントエンジニアの竹澤(@to4iki)です。 MirrativのiOSチームでは、開発効率の最大化を狙い以下に取り組んでいます。 データフローの単方向化 (Fluxアーキテクチャの強制) 宣言的UIによるView実装 (SwiftUIの部分適用) 責務分割 (モジュール分割) 今回の記事では、どのような構成でSwiftUIを適用し始めたか、また、MirrativのiOSプロジェクトの構成やプロダクト特性の課題感からセットでモジュール分割を進めている点を紹介します。 背景 前提となるプロジェクト構成 導入に向けて決めたこと SwiftUIでどこまで実装するか 本体アプリではな…

去年に引き続き、アドベントカレンダーの季節がやってきてました！ ということでこれは 🎅GMOペパボエンジニア Advent Calendar 2023 - Adventar の16日目の記事です。 昨日は minne の同僚のnobuさんの記事でした。クリスマスツリーすごい、業務とは全然違ったことをやってるし、何よりプログラミングで楽しんでいて刺激になりました！(語彙力なくてすみません)。 hibinokoto.hatenadiary.jp てことで、自分は何を書こうか色々迷っていたのですが、今年はAndoridエンジニアになって2年目でminneのいくつかの画面を JetpackCompos…

喝！！！（デイダラ）（爆発なので）（NARUTOのキャラだよ）（解説） 2023というか、ちょっとここしばらくの僕の話をしましょうか。ビビれ。 ■結婚した した。 もう1年以上前なんですけど。した。 ■ひっこした ひっこしました。愛知県にいます。ちなみに地元も愛知県内です。 ■仕事はかわってません 引き続き21年9月からの会社にいます。ここで出したことあったっけ。 たまに渋谷に通います。ちょーありがてえ環境です。 ■こどもできた できました。今も隣でうにゃうにゃ言っています。 ■育休とってる 今です。年末までです。 このあと業務復帰できんのこれ？みたいな顔をしています、がんばれ俺。 ■育休とっ…