タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
自分が開発しているLaunchableのWebアプリがローンチされて1年半ほどになる。このWebアプリにはReduxのような状態管理ライブラリを入れないまま開発してきたのだが、今のところ困らずに開発できている。そういえば昔自分は状態管理について何か考えていたような…とブログを掘り起こしてみた。 ninjinkun.hatenablog.com このエントリは2016年にネイティブアプリを対象にして書かれているが、この後自分は2018年ごろにWebフロントエンドに軸足を移し、ネイティブアプリ開発から離れた。なのでこのエントリはWebフロントエンドエンジニアが2022年に再考した話になる。 結論としては、当時自分が管理したかった状態のほとんどは現在ApolloClientのキャッシュによって解決されている。 繰り返しになるが、自分が開発しているLaunchableのWebフロントエンドには状態
補足: 2025/02/25 本記事でほとんど紹介されなかった「Stateパターン」を含めて再構成した記事を公開しましたので、今後は下記の記事をご覧ください。 kosui.me 補足: 2025/02/21 クラスベースでも、Stateパターンを適用し、StateをDiscriminated Unionとして表現することで今回の問題を解決できます。つまり、クラスを利用することに問題があるわけではありません。この記事では、TypeScriptではあえてクラスを利用しなくても状態遷移を表現できることを紹介します。記事を一部修正し、Stateパターンをクラスによって実現する方法を追記しています。 背景 サーバサイド実装での状態管理の重要性 サーバサイドのビジネスロジックでは、エンティティ（注文、決済、在庫、タクシー配車リクエストなど）が複数の状態を行き来しながら進行します。 たとえば、タクシー配
2022年年度の化学教科書からは使用する用語に大きな変化があったそうだ。啓林館の教科書用語の変更を説明した資料によれば、固体から気体に変化する状態遷移を従来と同じく「昇華」、気体から固体に変化することを新たに「凝華」と呼ぶことになったという。従来はどちらも昇華と呼称していた。このほかにも化学式のうちイオンを表す化学式を「イオンの化学式」と呼んだり、これまでは3～11族元素を「遷移元素」として扱っていたが、BeとMgがアルカリ土類金属になったことでこれも3～12族元素に変更されるなどしている。経緯の一部に関しては理系のための備忘録の記事が詳しい（啓林館 教科書用語の変更について[PDF]、難関大に行きたい人へさんのツイート）。 nemui4 曰く、
第4話 状態遷移図とは みなさん、こんにちは。鎌倉です。皆さんは音楽プレイヤーを使っていますか？ ウォークマンやiPodといった製品が有名ですが、最近はスマートフォンにワイヤレスイヤホンを接続して音楽プレイヤー代わりにしている方も多いかもしれません。 音楽プレイヤーには 停止中に再生ボタンを押すと、音楽が再生される 再生中に停止ボタンを押すと、音楽が停止する といったように、ボタンを押したときの挙動が定義されています。こうした挙動をメーカーが出荷前にテストしているので、期待通りに動いてくれるわけですね。再生ボタンと停止ボタンの動作が逆になっていたり、再生ボタンを2回続けて押したら輪唱のように重なって再生されたりしたらイヤですよね。 このような場面で良く用いられるのが「状態遷移テスト」とよばれる技法です。今回から複数回に分けて状態遷移テストのお話をしたいと思います。第4話のテーマは「状態遷移
Mermaid記法で『「あたし状態遷移図」、あるいは「あたし約5.2MB」』を再現する - 日直地獄
技術者向けTips: はてなブログでMermaid記法を利用する方法 - はてなブログ開発ブログ はてなブログ開発ブログでMermaid記法導入の紹介があった。遷移図を見るとどうしたって連想してしまうのが、id:debedebe 氏の名作「あたしオートマトン」及び『「あたし状態遷移図」、あるいは「あたし約5.2MB」』。 残念ながらはてなグループはサービス終了とともに閲覧できなくなっているもののWebArchiveでは見られる。 web.archive.org せっかくMermaidで簡単に状態遷移図が書けるようになったのだからプロローグだけでも再現してみたいと思う。 graph TD; アタシ-->アキ; アキ-->歳?; 歳?-->23; 23-->まぁ今年で24; まぁ今年で24-->彼氏?; 彼氏?-->まぁ; まぁ-->当たり前に; 当たり前に-->いる; いる-->てか; てか
第5話 状態遷移表とは みなさん、こんにちは。鎌倉です。第4話では、状態遷移図について学びました。第5話では状態遷移図の兄弟分にあたる、「状態遷移表」についてご説明します。状態遷移図と状態遷移表の相互関係、併用するメリットについても触れていますので、まだ第4話を読んでいない方はセットで読んでいただくのがお勧めです。 状態遷移表とは 状態遷移表は状態遷移図と同様に、状態遷移テストで利用するツールです。Webサイトやアプリでボタン押下や時間経過などのイベント（事象）が発生したとき、どの状態からどの状態へ変化するのかを分析する目的で作成する点も共通しています。 状態遷移表の特徴 状態遷移表も状態遷移図と同じく「状態」と「イベント」で構成されます。「どの状態のとき、どのイベントが発生すると、どの状態へ遷移するか？」を二次元のマトリクス形式で表すのが特徴です。 上の例は炊飯器の状態遷移表です。行の見
RNA Velocity解析とは？ RNA Velocity解析は、一言で言うと、個々の細胞がどのような状態に変化していくのか（分化や状態変化の方向と速度）を予測する技術です。従来のRNA-Seqは細胞のスナップショット（静的な情報）しか捉えられませんでしたが、RNA Velocityは細胞内のmRNAのスプライシング状態に着目することで、時間的な変化（動的な情報）を捉えることを可能にしました。 https://www.nature.com/articles/s41586-018-0414-6 Bergen V, et al. Generalizing RNA velocity to transient cell states through hidden time. Nat Biotechnol. 2020;38(12):1408-1414. より引用 RNA Velocity解析では、
Google日本語入力のコマンドと状態遷移を解明する - 檜山正幸のキマイラ飼育記 (はてなBlog)
色々と事情がありまして*1、Google日本語入力のキーバインドを変更しようと思いました。付属ツール〈Google日本語入力のプロパティ〉のGUIからも変更できますが、テキストエディタを使ったほうが楽なので、タブ区切り形式のテキストファイルとしてキー設定をエクスポートして、それを編集しました。 この設定変更の過程で、Google日本語入力のコマンドと状態遷移について調査と実験をしたので、それについて記します。 内容： キー設定ファイルとコマンド 役割としてのキーと実物としてのキー 使わないコマンド Conversion状態とConvertコマンド Suggestion状態とPrediction状態 状態遷移図 檜山のキー設定の方針 全般的な方針 状態遷移 カーソル／フォーカスの移動と文字削除 キー設定ファイル オマケ 1：コマンド名とその日本語表示名 オマケ 2：コマンド一覧の作り方 キー
Pythonには様々なパッケージがありますが、状態遷移を割と簡単に実装できる多機能なパッケージ「transitions」がありますのでそれを紹介したいと思います。 ソフトウェアで状態遷移を実装する場合、平に条件分岐などで書いていっても良いと思いますが、Pythonの場合は今回紹介する「transitions」が便利。 状態遷移とは システムにおいて、とある「状態」と「イベント」を定義し、それら各状態において各種イベントが起こった際、どういう状態の変化を行うか（一般的に状態が別の状態に移行することを遷移という）、イベントによってどのようなアクションを行うかといった事を記載する動的設計/実装手法です。 システムを「状態」と「イベント」、あとは「遷移」という形で整理することで、「この状態にあるとき、このイベントが起こった際はこの状態に遷移してこのアクションがおこる」という事が比較的容易に理解でき
はじめに ドメイン駆動設計（DDD）は、ビジネスドメインをソフトウェアに正確に反映させるための強力なアプローチです。その中でも、状態遷移の設計は、ドメインの振る舞いを表現するための核となる部分です。ドメインモデルで「状態」をどのように扱うかは、システム全体の品質に大きな影響を与えます。 例えば、注文管理システムでは、注文が「未処理（注文時）」→「処理中」→「配送中」→「配送完了」と遷移する過程を管理する必要があります。この状態遷移を正しく設計しないと、システムが次第に複雑化し、コードの可読性や保守性が低下します。最悪の場合、ビジネスロジックの不整合やバグが発生しやすくなるため、注意が必要です。 状態遷移設計の課題 ナイーブな状態遷移の実装における典型的な課題には、以下のようなものがあります。 本質的ではない条件分岐 ドメインロジックの本質ではない条件分岐をドメイン層に書かなければいけません
statesmanの状態遷移の定義からmermaidのstateDiagramを書き出す - Re: 醤油の一升瓶じゃあ戦えない
下書きに入ってたから掘り起こすシリーズ。 github.com statesmanを使った状態遷移を伴うコードを読む機会があって、眺めてたら図に書き出したくなったのでコードを書いた。 書き出したいStatesmanの状態定義 サンプルとしてStatesmanのREADMEにあった状態定義をそのまま持ってくる。 # order_state_machine.rb class OrderStateMachine include Statesman::Machine state :pending, initial: true state :checking_out state :purchased state :shipped state :cancelled state :failed state :refunded transition from: :pending, to: [:checki
こんにちは！ KANNA の開発のお手伝いをしております、フリーランスエンジニアの len_prog です。 今回は、XState を用いてステートマシーンを作り、アプリケーションの複雑な状態遷移をシンプルに実装する方法についてご紹介します。 背景 アルダグラムでは、デジタル帳票アプリケーション「KANNA レポート」を提供しています。 KANNA レポートは、Excel や Google スプレッドシートのようなユーザーインターフェースを備えた Next.js 製の Web アプリケーションとなっており、複雑な状態遷移を多く含んでいます。 このような複雑な状態遷移を管理するためには、React アプリケーションでは通常、Redux や useReducer を用いてステートマシンを構築することが多いと思います。 しかし、これらの方法は状態遷移に厳格な制約が必要な場面で手続き的なコードを多
XStateで状態遷移を共通言語にしよう - Qiita
Poll: do you use finite state machines for UI design/development? — David K. 🎹 (@DavidKPiano) June 30, 2017 オブジェクトベースのUIモデリングが注目されることにより、UIからオブジェクトを抽出してオブジェクト間の関連や階層など静的な構造を考えることが広まってきました。 特にUIクラス図などは、UIに現れる要素(オブジェクト)と関係を視覚化することでユビキタス言語のように職種を越えた共通言語として利用されています。 参考: UIデザイナーのスキルと、OOUI観点の構造設計 | Goodpatch Blog 一方で、UIモデリングやデータモデリングと比べて見落とされがちな重要なシステム変数として「時間」があります。「どのタイミングで」「何を起点に」というイベントや時間のパラメータはUI
状態遷移図（ステートマシン図）はある状態がどう移り変わるか（遷移）ということを図面化して一覧性を高めたものです。 ソフトウェアの設計の際に状態遷移図を作成すれば、テスト項目の漏れや抜けを防げます。 しかし、どのように状態遷移図を作成すればよいか分からないという方もいることでしょう。この記事では状態遷移図とは何か、どのような利点があるのか、どのように作成すれば有効に使えるかご紹介します。状態遷移図を作成する際にはぜひ参考にしてみてください。 状態遷移図について知ろう ソフトウェアの開発を行うに当たって、やみくもに同じテストを繰り返してしまったり、テストの内容に抜けがあり開発が止まってしまったりなどの事態が発生してしまうことがあります。 無駄な時間や労力を少しでもカットするために設計段階で状態遷移図を作成し、活用しましょう。 状態遷移図とはなにか 状態遷移図とは状態が遷移する様子を図に書いて図
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
再考: アプリ開発と状態遷移の管理 - ninjinkun's diary
複雑な状態遷移😭: クラスではなく関数とDiscriminated Unionで状態の定義と遷移を表現する - kosui
気体から固体への状態遷移は「凝華」表記に | スラド サイエンス
テストについて学ぼう！ ～第4話 状態遷移図とは～ - ぐるなびをちょっと良くするエンジニアブログ
テストについて学ぼう！ ～第5話 状態遷移表とは～ - ぐるなびをちょっと良くするエンジニアブログ
【シングルセル】scVeloを用いたRNA Velocity解析のやり方【細胞状態遷移】 - LabCode
Pythonで状態遷移(transitions) - Qiita
状態遷移の悩みを解決！DDDでシンプルかつ堅牢な状態遷移の設計を実現する方法
Masanori Kusunoki / 楠 正憲 on Twitter: "某所のWebサイトで起こったリンク切れ問題、Webの進化とCMSの実装と現行の調達制度の組み合わせじゃ力業でリダイレクトかけまくらない限り同じことが起こる。HTML5以降のWebがURIをURLのまま雑に扱って複雑な状態遷移を持ったサイロ型システムとして進化した末路ではないかな" / Twitter
XState で複雑な状態遷移をシンプルに管理する
状態遷移図（ステートマシン図）とは？業務の流れを把握し効率化するためのポイントを解説 | Cacooブログ
note.com/yamukaidesuyo
vtuber-laboratory.com
vtuber-laboratory.com
vtuber-laboratory.com
vtuber-laboratory.com
s.kakaku.com