「React」に関連する技術ブログ
企業やコミュニティが発信する「React」に関連する技術ブログの一覧です。
全562件中 361 - 375件目
ImageFlux Live Streaming APIオプションを使って配信サイトを作ってみた
2022/08/09
ブックマーク
はじめに 近年、リモートワークの普及や実況配信等による配信プラットフォームの需要が高まっています。 今回は、バックエンド開発が不要で高品質なライブ配信環境を手軽に構築できる ImageFlux Live Streamin […]
中途入社者へオリエン研修を実施するべき理由と4つのアプローチ
2022/08/02
ブックマーク
はじめに こんにちは、KINTOテクノロジーズでフロントエンドを担当している渡邊です。普段はKINTO開発グループの一員として、国内向けKINTO ONEサービスをReact.jsなどのフレームワークを用いて開発しています。エンジニア集団であるKINTO開発グループでは、毎月数名の新メンバーを受け入れていますが、規模の大きなシステムで業務領域全体を理解することは複雑であると
21 年新卒入社エンジニアと座談会で振り返る新卒研修
2022/07/22
ブックマーク
はじめに みなさん、こんにちは。エンジニアの新居です。 今回は 2021 年新卒入社のエンジニア 5 人に対し、 新卒研修 を終えてからこれまでにプロダクト開発業務を進めている中で、どのように新卒研修が活きているのかを振り返ってもらおうという座談会の様子をお送りしようと思います。 今までブログでお伝えしてきた新卒研修はメンター側の立場で書かれていまし
主催した社内勉強会の課題でアクセシビリティ的に優れているTODOリストの課題を出した話
2022/07/20
ブックマーク
初めに 最近全てのシステムは人間というシステムの運用開発であるという考えを持ち始めた, 会員システムグループの2年目社員の関です. システムにおいて最も重要なことは人間がいかに使いやすいかである と考えてアクセシビリティに興味関心を持ち, 社内に広げたいと考えています. TechDayという社内イベントのLTでアクセシビリティに関して話したりもしました. 今回
Looker Extension Frameworkでアプリケーションを作成してみた
2022/07/11
ブックマーク
こんにちは。ISID CIT事業部の熊倉です。 昨年7月、 Google が提供しているBIツール「Looker」でExtension Frameworkという新しい機能が追加されました。 今回の記事ではExtension Frameworkの開発方法について検証する目的で作成したアプリケーションについて紹介していきます。 本記事がExtension Frameworkの開発イメージやメリットについての理解の手助けになれば幸いです。 1. Lookerとは
あなたのプロダクトに Apollo Client は必要ないかもしれない
2022/07/01
ブックマーク
Apollo Client は複雑 Apollo Client が向いているケース 一休.com に Apollo Client は必要ないかもしれない では何を使えばいいの？ 複雑なアプリケーションには Apollo を使えばいい？ もう一つのリッチなクライアント、Relay の話 結局、何を使えばいいのか この記事は一休 × 出前館 Frontend Meetup でお話した内容をブログにまとめたものです。 user-first.ikyu.co.jp speakerdeck.com GraphQL クライ
コンポーネントとGraphQLクエリの管理にFragment Colocactionを導入したら素晴らしかった件
2022/06/30
ブックマーク
はじめまして、NewsPicks Web Product Unitのじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えるプロジェクト（以降、リアーキプロジェクト）を進めています。 新 Web 基盤のフロントエンドはReact (Next.js)+TypeScriptを採用しており、バックエンドとの通信にはGraphQL(Apollo) を採用しています。 今回はFragment Colocationという考え方を導入
Jetpack Compose のプレビューを利用して Android View で作成したコンポーネントの開発を加速させる
2022/06/30
ブックマーク
こんにちは、TUNAG事業部のカーキ ( @khaki_ngy )です。 普段は TUNAG の iOS/Android などのモバイルアプリの開発を行なっています。 今回は TUNAG の Android アプリ開発における Android View の開発での Jetpack Compose を使ったレイアウトプレビューの活用について、Jetpack Composeの導入理由と併せて紹介していきます。 Jetpack Compose の導入 TUNAG の Android アプリでは Jetpack Compose の安定版がリ
CLINICSアプリのリニューアルの裏側（Android編）
2022/06/30
ブックマーク
はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが
BOXIL SaaSのフロントエンドをモノリポ構成 + Reactで仕切り直した話
2022/06/28
ブックマーク
こんにちは!! スマートキャンプでエンジニアをしている吉永( @__GGEasy )です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaSの開発にフロントエンド、バックエンド問わず携わっています。 今回は、弊社で新規サービスとしてリリースしたBOXIL SaaS質問箱(以下SaaS質問箱)にて、React.js(以下React)を私の主導で採用しまし
XD、Figmaのデザインをコードに変換するツールを調べてみた
2022/06/27
ブックマーク
皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロン
XD、Figmaのデザインをコードに変換するツールを調べてみた
2022/06/27
ブックマーク
皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロン
React × JWT認証にはaxiosのInterceptors
2022/06/17
ブックマーク
はじめに こんにちは！最近エスプレッソにハマってお金の出費が止まらない青柳です！（誰か止めて、、、） 今回はReactの認証で使用するJWT通信の実装についてご紹介していきます！ JWTの仕組みについては他サイトに頼りますが、認証を行う上で、クライアント側はaccess_tokenを送る必要があります。また、それが無効になっていた場合、refresh_tokenを使用して、新たに有
React＆SWRでレンダリング時のチラつきを撲滅する３つのテクニック
2022/06/14
ブックマーク
UI flickering はイケてない WESEEK エンジニアの武井です。 みなさん、フロントエンドプログラミングやってますか？ 今回のネタは「UI flickering」。React の初回レンダリングやステートを更新した際、こんな感じの挙動してないでしょうか。 出典: https://stackoverflow.com/questions/55032136/react-ui-flickering-when-state-updated この一瞬今描画しているアイテム消えてパッと次のアイテムが出て
【Recoil】RecoilRoot をネストした状態管理
2022/05/23
ブックマーク
こんにちは！ RevComm に2022年1月に入社したフロントエンドエンジニアの小山 (koji-koji) です。 RevComm では、 React を採用しているサービスの状態管理に Recoil を使っています。今回は Recoil の理解をより深めるために Context と比較してみました。 Context では小さく状態管理できる。 Recoil でもできないか？ Context の状態管理のスコープは <Context.Provider> で括った対象であり