こんにちは、TUNAG事業部のカーキ ( @khaki_ngy )です。 普段は TUNAG の iOS/Android などのモバイルアプリの開発を行なっています。 今回は TUNAG の Android アプリ開発における Android View の開発での Jetpack Compose を使ったレイアウトプレビューの活用について、Jetpack Composeの導入理由と併せて紹介していきます。 Jetpack Compose の導入 TUNAG の Android アプリでは Jetpack

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが、「 CLINICS アプリのリニューアルの裏側(iOS 編) 」に続く、Android 編ということで裏話

こんにちは!! スマートキャンプでエンジニアをしている吉永( @__GGEasy )です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaSの開発にフロントエンド、バックエンド問わず携わっています。 今回は、弊社で新規サービスとしてリリースしたBOXIL SaaS質問箱(以下SaaS質問箱)にて、React.js(以下React)を私の主導で採用しました。 この記事では、フロントエンド整備に至った経緯や、今後のBOXIL SaaSにおけるフロント

皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロントエンド開発をデザインからシームレスに連携できるでしょうか。 この記事では、 Adobe XDや Figma をHTML、Reactのコードに変換

皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロントエンド開発をデザインからシームレスに連携できるでしょうか。 この記事では、 Adobe XDや Figma をHTML、Reactのコードに変換

はじめに こんにちは！最近エスプレッソにハマってお金の出費が止まらない青柳です！（誰か止めて、、、） 今回はReactの認証で使用するJWT通信の実装についてご紹介していきます！ JWTの仕組みについては他サイトに頼りますが、認証を行う上で、クライアント側はaccess_tokenを送る必要があります。また、それが無効になっていた場合、refresh_tokenを使用して、新たに有効なaccess_tokenを取得し直すことも必要です。 今回はこれをどのようなタイミングで、どのように実装すれば良いのかとい

UI flickering はイケてない WESEEK エンジニアの武井です。 みなさん、フロントエンドプログラミングやってますか？ 今回のネタは「UI flickering」。React の初回レンダリングやステートを更新した際、こんな感じの挙動してないでしょうか。 出典: https://stackoverflow.com/questions/55032136/react-ui-flickering-when-state-updated この一瞬今描画しているアイテム消えてパッと次のアイテムが出てくる

こんにちは！ RevComm に2022年1月に入社したフロントエンドエンジニアの小山 (koji-koji) です。 RevComm では、 React を採用しているサービスの状態管理に Recoil を使っています。今回は Recoil の理解をより深めるために Context と比較してみました。 Context では小さく状態管理できる。 Recoil でもできないか？ Context の状態管理のスコープは <Context.Provider> で括った対象であり、一方 Recoi