mswjs/data で広がるテスト戦略
本稿は MSW（Mock Service Worker）エコシステムのうちの一つ mswjs/data を試してみた記事です。記事中のサンプルコードは以下で公開しています。 mswjs/data とは 仮想 DB をブラウザ（インメモリ）に展開する、データモデリング・リレーションライブラリです。MSW 単体ではハードコードされたフィクスチャのみの定義となりますが、mswjs/data を併用することで、データ駆動型 API モックを作成することが可能になります。使い始めは簡単で、以下の様にスキーマを定義しfactory関数で DB インスタンスを生成します。 import { factory, primaryKey } from '@mswjs/data' const db = factory({ user: { id: primaryKey(String), firstName: Str
デザイナーとエンジニアの両方やってると気づく共通点、モデルとモデリング
ソフトウェアデザイナー（以下、デザイナー）とソフトウェアエンジニア（以下、エンジニア）の両職能を行き来している人はもしかしたら共感してもらえるかもしれませんが、デザイナーがデザインをする上での思考とエンジニアが設計する際の思考は「具体的情報を集めて抽象化した情報をベースにさらに具体的情報を検証し、また抽象化した情報へフィードバックする」といういわゆるモデリングを踏まえるのはどちらも行うことです。 デザイナーは直感的でエンジニアは論理的という印象が強く一見すると交わらなそうな両職能ですが、意識的であっても無意識であっても実はモデリングをするということに関しては変わらないです。 これをデザイナーとエンジニアの両職能を自身でやるとより肌感として感じますし、モデリングを意識的にやっているからこそ両職能の行き来がシームレスにできるとさえ思います。 というわけで、今回はデザイナー・エンジニア（それ以外
なぜUserクラスは負債化しやすいのか “風刺動画”から理解する情報システム開発とモデリング
「“開発者体験”で世界をエンパワメントする1日。」と題し、チームや組織の課題に日々取り組む方々に向けて開催された「Developer eXperience Day CTO/VPoE Conference 2021」。ここで、READYFOR株式会社の仙塲氏が「『Userクラス』で考える技術的負債解消の観点」をテーマに登壇。まずは情報システム開発とモデリングの定義について紹介します。 クソコード動画『Userクラス』 仙塲 大也（以下、仙塲氏）：こんにちは。ミノ駆動と言います。不運な時間がやってまいりました。まじめなセッションだらけなのに、はたしてこういう動画を流していいものかと。完全にネタ枠です。 このセッションの説明です。多くのサービスで技術的負債になりやすい筆頭格として、Userクラスがあります。本セッションでは、Userクラスの負債により引き起こされる弊害を描いた、風刺動画を上映しま
plant_erd - ER図をPlantUML用にエクスポート
UMLをテキストベースで記述できるPlantUMLを使っている方は多いのではないでしょうか。クラス図を流用する形でER図も描くことができます。そして、データベースはすでにあり、そこからPlantUML用に出力できればいいのに、と考えている方もまた多いでしょう。 そんな方にお勧めなのがplant_erdです。各種データベースに対応したER図エクスポートソフトウェアです。 plant_erdの使い方 出力した内容をPlantUMLで表示しています。 plant_erdはSQLite3、MySQLそしてPostgreSQLに対応しています。各データベースの内容をそのままPlantUML向けに出力が可能です。特定のテーブルだけを出力対象にもできます。リレーションも再現され、データベース構造をドキュメントに書き出すのにぴったりです。 plant_erdはGo製のオープンソース・ソフトウェア（MIT
yUML: Create UML diagrams online in seconds, no special tools needed.
Create diagrams quickly No wasting hours mucking about with fiddly diagram layout. yUML allows you to create diagrams quickly by simply typing plain text. See Sample Diagrams Draw UML with code Because yUML diagrams are based on text, you can easily create them from your CI scripts or code. Simply request an image programatically using a GET or a PUT. Tool vendors are using this to integrate yUML
PlantUML Example for モデルベース要件定義テクニック - Qiita
PlantUMLはテキストの記述でUMLの図を描くことができます。オプション機能や組み合わせで色々な表現をすることができるので、UML を拡張した図が使われるモデルベース要件定義テクニックの書籍からいくつかのモデルを記述します。 書籍にはモデルの着眼点や解説が丁寧に記載されています。図の背景に興味がある方は合わせてお読みください。 コンテキストモデル ユースケース図でシステムの関係者を整理します。 left to right direction を利用すると図の方向を左から右に変更できます。 left to right direction actor 経営者 rectangle システムに直接関わる人 { actor 顧客 actor 営業 actor 物流 actor システム部門 actor オーダー部門 経営者 -- 営業 経営者 -- 物流 顧客 -- (商品販売サイト) 営業 -
Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリース。
Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリースされています。詳細は以下から。 daisy sequenceはMichinari Nukazawaさんが開発＆公開したシーケンス図エディタで、Electron製でWindows/Mac/Linuxのクロスプラットフォーム用バイナリが公開されています。 Release "daisy sequence" is (not) UML sequence diagram editor. for win / mac / linux !https://t.co/iVCpQS46m9 pic.twitter.com/tvBDw99vTn — Michinari Nukazawa (@MNukazawa) 2018年3月1日 概要 daisy sequenceは、Win/Mac/Linux
若手エンジニア必読！超絶分かるユースケース図－全知識と書き方５ステップ
要求定義フェーズでよく使われるユースケース図。先輩に書けと言われたけど、「そもそもユースケース図って何？」「必要性は？」「どう書けば良いの？」と困っている方も多いのではないでしょうか。 若手SEなど難しいイメージを持っている方も多いですが、実はけして難しいものではありません。この記事で解説している基礎知識を抑えてしまえば、たった５つのステップで作成できてしまいます。 この記事では、ユースケース図の基礎知識から５つの作成ステップまで、エンジニアが抑えておくべきユースケース図の全知識を徹底的に分かりやすく解説します。 この記事を読み終えたとき、若手エンジニアもユースケース図を書けるようになっているでしょう。この記事を参考に、ユースケース図を書いてみましょう。 １．ユースケース図とは ユースケース図とは、「ユーザーの視点でシステムの利用例を表現する図解術」です。 海外では「Use Case Di
ソフトウェア設計のための軽量UML描画ツール「Gridraw」、正式リリース
グリッドローは2016年6月13日、ソフトウェア設計を支援するUML（Unified Modeling Language：統一モデリング言語）描画ツール「Gridraw ver.0.10」の提供を開始した。 Gridrawは、ソフトウェア開発者が感じる「設計＝面倒」のイメージ払拭を目指して開発されたUML描画ツール。表計算ソフトのようなセル方式のUIを採用し、「リアルタイム自動レイアウト」「全操作キーボード」「シンプル・軽量」の特徴を掲げている。 同社によると、従来のソフトウェア設計に占めるレイアウト調整のための作業時間は、全体の約18％に上るという。Gridrawでは、自動レイアウト機能によってこの時間を短縮させる。全体の位置関係を保ったまま、重なりや位置ずれを自動調整してリアルタイムに画面に反映するといった自動化機能により、レイアウト調整の時間を全体の約1％まで簡略化できるという。 そ
MarkdownエディタStackEditのベータ版はシーケンス図やフローチャートが書けるよ - iakioの日記
StackEditはブラウザ上で動くMarkdownエディタ。MathJaxで数式を書いたり、LocalStorageに保存したり、DropBoxやGoogleDriveと同期したりもできて、bloggerやtumblrに投稿したりPDFにエクスポートなんかもできるらしい。 そのStackEditが新しいバージョンを作っている。 https://stackedit-beta.herokuapp.com/ 目玉っぽいのはUML diagrams http://bramp.github.io/js-sequence-diagrams/ http://adrai.github.io/flowchart.js/ この辺を使っているそうです。 日本語もかける。 但し、ダイアグラムはPDFにはエクスポートできないようだ。それ以外は数式も日本語も普通にPDFになっててびっくりするんだけど。 （5/8 タ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソフトウェア設計のすすめ
フローチャートやUMLモデルの作図に適したシンプルなドローソフト「Diagram Designer」NOT SUPPORTED