タグ「状態管理」 - はてブログ

タグ状態管理

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 54件)

フロントエンドの状態管理の改善に対する取り組み

2024/08/24 11 users フロントエンド改善

こんにちは！株式会社COMPASSの井上です。プロダクト開発ユニット、システム開発部、アプリケーション開発チームに所属しています。普段はキュビナマネージャー（QM）のフロントエンドエンジニアとして、新規機能の開発、既存機能の改修などを行っています。海外を放浪することが好きで、コロナの時には一度断念せざるを... 続きを読む

N予備校 iOSアプリのViewState列挙体を使ったSwiftUIの状態管理 - ドワンゴ教育サービス開発者ブログ

2024/07/31 7 users SwiftUI iOSチーム iOSアプリ道のり経緯

はじめに N予備校 iOSアプリ開発チームに所属しているcoffmarkです。 iOSチームではSwiftUIを使って開発を進めています。 SwiftUI導入までの経緯については、ブログ記事(N予備校iOSアプリへ SwiftUI を導入するまでの道のりについて)で説明しています。 SwiftUI導入を進めていく中で、導入後に改善した点がいくつかあり... 続きを読む

React 19によって状態管理はどのように変わるのか

2024/07/22 10 users React

React19のRCが発表され数ヶ月が経ちました。Next.jsではReact19のExperimentalな機能を使った実装をいち早くしていたので、少し馴染みのあるアップデートが多かったように思います。 Next.js（特にApp Router）においてReact19のAPIやHooksをどのように使うべきかはNext.jsのドキュメントを見れば大体のベストプラクティ... 続きを読む

@location-state/conformをリリースした

2024/05/16 7 users useState Next.js 状態

この記事はlocation-stateをconformに対応させるために開発した、@location-state/conformの紹介記事です。 location-stateとは location-stateは履歴位置に同期する状態管理ライブラリです。主にNext.jsをサポートしています。 Next.jsなどを採用している場合、ページ内のuseStateは遷移時のunmountで状態が破棄され、... 続きを読む

プレミアムプランの状態管理と決済ハンドリングの難しさ｜tsusowake

2024/05/01 15 users プレミアムプラン

はじめにこんにちは、PIVOTでソフトウェアエンジニアをしている裾分です。PIVOTは2024年2月にアプリ・Webを本格始動しました。私はPIVOTにジョインして以降、サブスクリプション機能の開発をしてきたので設計の概要と決済プラットフォームが係る実装の難しさについてまとめてみました。本題冒頭のリリースの通り、PIVOT... 続きを読む

個人開発の SwiftUI アプリのアーキテクチャを MVVM から MV にした - maiyama log

2023/12/27 26 users iOS MVVM SwiftUI アーキテクチャ趣味

概要 SwiftUI Advent Calendar 2023 の 21 日目です。最近趣味で iOS の podcast クライアントを SwiftUI で作っているのですが、やってみると podcast クライアントはアプリとしてそれなりに難しいことがわかってきました。作っているうちにどんどん状態管理が複雑になってきて、個人開発でなぜこんなにがんばりが必要... 続きを読む

Reactの状態管理におけるuseReducerとuseContextの活用例

2023/11/02 15 users React useContext useReducer 松田

こんにちは、アルダグラムでエンジニアをしている松田です。 Reactで状態を管理するにあたっては、useStateの利用が挙げられることが多いです。実際、数値や文字列、真偽値などのプリミティブな値であれば、useStateが適切なケースが大半でしょう。ただ、値を投入するだけではなく、追加・削除・更新といった操作が要... 続きを読む

ReactにおけるUI/UXデザインとコンポーネントの基本原則の解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

2023/07/16 7 users React コンポーネントコンポーネントベース基本原則

Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なア... 続きを読む

kintone アプリ作成フォームの UI の状態管理のライブラリ選定 - Cybozu Inside Out | サイボウズエンジニアのブログ

2023/04/20 14 users kintone React フロリアサイボウズエンジニア

サムネイルこんにちは！kintone のフロントエンド刷新プロジェクト（フロリア）の@nkgrnkgrです。フロリアでは、kintone のフロントエンドの ClosureToolsで書かれたコードを React に置き換えています。本記事ではフォーム画面の UI の状態管理に使うライブラリを選定する際に、どのような検証と意思決定を行ったか... 続きを読む

UIデザインにおけるステートマシン - 弁護士ドットコム株式会社 Creators’ blog

2022/11/20 87 users ステートマシン一気通貫 Creators’ blog 実装

はじめに弁護士ドットコムデザイナーの林（@taka_piya）です。弁護士ドットコム案件管理システムでは、アプリケーションとUIの状態管理にXStateを用いたステートマシンでの管理を導入しています。この記事では、UIデザインの考え方にステートマシンを導入し、実装まで一気通貫で行う方法と、そのメリットについて説... 続きを読む

ToDoアプリ作成を通したReactの状態管理ライブラリ基礎学習~第二部 Redux-Toolkit編~ - RAKUS Developers Blog | ラクスエンジニアブログ

2022/11/17 13 users React ラクス koki_matsura 前回本日

こんにちは！ラクス入社1年目のkoki_matsuraです。本日は、Redux-Toolkitの基本的な状態管理や仕組みをTodoアプリ作成を通して、ご紹介させていただきます。こちらの記事は「Todoアプリ作成を通したReactの状態管理ライブラリ基礎学習」の2部目です。前回の「Redux編」を読んでいない方は下記のリンクからお読みいた... 続きを読む

useReducer + useContext + Typescriptに慣れよう

2022/11/05 11 users React TypeScript useContext 概要

概要以下の記事で「useReducer + Typescript」について記事を書きました。今回はその第 2 弾として、useReducer での状態管理を子のコンポーネントでも使えるようにするために、 useContext と組み合わせた場合にどのようにプログラムを書けば良いかをご説明します。想定読者 React がなんとなく書けるレベル以上の方... 続きを読む

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/10/21 122 users エンジニアHub React+Redux 負債 jQuery

React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計遷移なく表示コンテンツを変更できるシングルページアプリケーションでは、ページの状態管理が重要になります。現在はReactによるUI構築とReduxによる状態管理を選択しているChatworkは、jQueryなどの技術的負債... 続きを読む

input[type=number] のステートを安易に number 型にしない - fsubal

2022/10/03 11 users fsubal String TypeScript input

#フロントエンド #TypeScript #React TL;DR input[type=number] には空文字とかも入力できるので、string 型で状態管理をしないと意図しない動きをすることがあるステートの型を縛るより input の value に渡るまでの実装を工夫する方が良い --- input[type=number] のステートを安易に number 型にするとだいたい後悔... 続きを読む

キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture

2022/09/12 13 users アーキテクチャキャッシュ

キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture 続きを読む

Reactにおける状態管理の動向を追ってみた

2022/08/21 158 users React Recoil 動向 redux 歴史

こんにちは、@nerusanです。皆さんは、状態管理ツールなどは使っておられますでしょうか。例えば、有名なところでは、Redux, Recoilなどがあります。今回は、Reactにおける状態管理について歴史を知ることで、なぜ、Reduxが使われるようになったのか？何をReduxなどで扱えばいいのか？今どうなっているのかを調べたの... 続きを読む

React/Next.jsでの俺的ベストプラクティスを見てくれ

2022/08/20 235 users React Zenn ベストプラクティスコンポーネント焦点

木瓜丸です。最近になって、やっとNext.jsを上手く使いこなせてるんじゃないか？！と思えるようなコンポーネントの設計手法を見つけたので、Zennにまとめてみたいなと思います。この記事で触れることこの記事では、主にページ単位でどのように状態管理を行うのかに焦点を当てることにします。コンポーネントの管理の... 続きを読む

React 状態管理ライブラリの超新星？！「Jotai」をさわってみた - Qiita

2022/08/05 12 users Qiita Recoil 超新星 React エンジニア

最近知り合いのエンジニアから「Jotai」という状態管理ライブラリがRecoil より軽くてつかいやすいよ！と教えてもらったので早速「Jotai」をさわってみみました 🐣Jotaiとは？パッケージ名は日本語の「状態」から名付けられた Recoil にインスパイアされたatomモデルを採用しReactの状態管理を行える atom依存関係に基... 続きを読む

SwiftUIと宣言的UI

2022/04/18 17 users iOS SwiftUI 利点登場日々

SwiftUIと宣言的UI SwiftUIの登場によりiOSでも宣言的UIを意識してUIを構成する日々が始まりました。この記事ではそもそも宣言的UIとは何か。また、宣言的UIの利点やSwiftUIで宣言的UIを実現するためにどういう機能が提供されているかを書いていきます。また、SwiftUIで提供されている状態管理についても解説します。 ... 続きを読む

Reactの状態管理の変遷に関する自分史 From 2014 To 2022

2022/03/05 126 users React バラつきアーキテクチャ度合い変遷

はじめに 2014年にReactを触りはじめて以降、2022年現在まで集中の度合いにバラツキはあるものの、ずっとReactでなんらかのアプリケーションを書いてきました。その中で様々なアーキテクチャや設計に関する議論がありましたが、特に状態管理についての変遷を自身の体験をもとにまとめてみたいと思います。多分に昔話的... 続きを読む

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！

2022/01/13 271 users hooks React Server Components

Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか Reactを取り巻く状態管理のアプローチは変化を続けていますが、いま知っておくべき手法とはどのようなものでしょうか。小林徹（@koba04）さんに、現在、そしてこの先の状態管理について執筆いただきました。こんにちは、小... 続きを読む

宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践/swiftui-graphql - Speaker Deck

2021/09/18 21 users GraphQL Speaker Deck 実践

Transcript 1 એݴత6*ͷঢ়ଶ؅ཧͱΞʔΩςΫνϟ 4XJGU6*ͱ(SBQI2-ʹΑΔ࣮ફ J04%$�� !TPOBUBSE�ͦͳଠ Appify Technologie s CT O ͦͳଠ @sonatard 3 "QQJGZ w 4IPQJGZɺ#"4&ͷJ04ɺ"OESPJEͷΞϓϦΛ/P$PEFͰϦϦʔε͢ΔαʔϏε� w ؅ཧը໘͔ΒωΠςΟϒΞϓϦͷσβΠϯΛಈతʹ͕มߋՄೳ 8FC7JFXͰ͸ͳ͍ � w %SPJE,BJHJͰൃද༧ఆͰ͢� w ΦϑϥΠϯళฮͱͷ࿈ܞ� w όοΫΤϯυ� w ($1ɺ(P� w ࣾһ�ਓ� w ۀ຿ҕୗɺ෭ۀ��ਓ� w ࠾༻� ... 続きを読む

(1 - 25 / 54件)

次の25件 »