React + TypeScript でフラグ分岐するpropsを型安全に作る
前書き ちょっとしたストーリーです。 不要な方は Conditional Typesを適用してみよう まで飛んでね。 ある日のでき事です。 「このコンポーネント、フッターなしで使いたいんですが、...
6
3
Comment1
27 search resultsShowing 1~20 results
Stocked
You need to log-in
Reactのkeyを使って、意図的な再レンダーを走らせる
「え？keyって無駄なレンダリングが走らない様にするためのものでしょ？」 その通りなのですが、今回は逆に利用する方法を紹介します。 仕組み keyは異なるレンダー間でどの子要素が変化しない可能性...
10
5
Comment0
Reduxコード整理術 ~re-ducksを3年運用したらこうなった~
みんな大好き re-ducks。 最初に知ったときは、そのタイプの切り方に「なるほどなー」と唸らされました。 現在でもre-ducksをベースとしているのですが、3年の間の紆余曲折を共有したいと...
6
1
Comment0
ビジネスロジックを分離して、UI刷新に強いクライアントコードを書こう
こんにちは。最近はクライアント側のjsばかり書いているぷーたんです。 今日はありがちな例を交えて、ビジネスロジックの分離について話します。 伝えたいこと ビジネスロジックはUIから分離しよう そ...
14
8
Comment0
border-collapseを理解して、テーブルセルにdivをぴったり重ねる
テーブルのセルにdivを重ねたい！ こういう事って、よくありますよね。うむうむ。 でもちょっとこんがらがっちゃう。 そこでこの記事ではパターン別に計算方法を整理してみました。 まずは復習から b...
13
9
Comment0
クリーンアーキテクチャーのQ&A
まとめ クリーンアーキテクチャーは、 UIやツール、データの保存方法などを「変化が起きやすいもの」、ビジネスのコアなルール（ロジック）をそれと比べて「変化が起きにくいも」のとして住み分けをしてい...
5
4
Comment0
10分で説明するAtomic Design と、弊チームで扱うためのカスタマイズについて
Atomic Design とは（解釈） 部品の組み合わせでUIを作れるようにするもの ５つのグループに分類し、それらの依存を一方向にして管理 グループやその役割は自由にカスタマイズしていい ポ...
30
25
Comment0
DIPについて復習
DIPとは みんな大好きSOLIDのD Dependency Inversion Principle（依存関係逆転の原則） 具象ではなく抽象に依存すると柔軟なシステムになるよ どういうこと？ 事...
1
3
Comment0
HOC（Heigher-Order-Component）ってどうなったの？
公式非推奨になったの？ そんな噂を耳にしたので調べてみることにしました。 結果としてはそのような記述は見つからなかったのですが、 改めてHOCについてまとめてみたいと思います。 HOCとは 日本...
24
16
Comment0
React、Hooks、それからそれから。
こんにちは。テプコンの声はフット岩尾だそうですよ、でおなじみputanです。 Hooks周り（v16.8.2現在）について、自分の開発チーム向けにまとめたいと思います。 ざっくりQ&A ...
86
59
Comment3
React+CSSModulesな環境で、ちょびっとだけTS化した話
overview すでにあるものは壊さないように、まずはReactコンポーネントをts化してみる それに伴ってcssの読み込みや、lint、テストがちゃんと動くようにする 結果的にbabelとe...
3
3
Comment0
スタブAPIを作るnpmパッケージ作って公開してしまった
任意のリクエストヘッダを条件にできるスタブAPIサーバーが見つけられなかったので作ってみました。 名前はスタボンと付けました。 できること 特定のリクエストにマッチした場合に、指定の固定値を返す...
19
20
Comment0
続・ぼくのかんがえたさいきょうのReact+Redux+CleanArchitecture
前回：ぼくのかんがえたさいきょうのReact+Redux+CleanArchitecture 前回のさいきょうパターンの検証結果 まずは前回のさいきょうパターンですが、会社内の勉強会で実装を進め...
63
40
Comment0
ぼくのかんがえたさいきょうのReact+Redux+CleanArchitecture
続編を書きました！ 続・ぼくのかんがえたさいきょうのReact+Redux+CleanArchitecture 前書き 最近話題のFluxにおいてモデルをどう扱うのかについて、自分もたまたま似た...
79
54
Comment0
ユニットテストの心得
前置き ユニットテスト（≒テストコード）は開発のペースや品質に安定をもたらします。 しかし、テストコードを書くこと自体にもコストがかかり、また下手なテストコードは保守性や開発ペースを下げてしまい...
20
14
Comment0
ドメインモデルをコードへ落とす 〜あなたのクラスは、どこから？〜
annotation: 現在コメントいただいている通り、一部誤りを含んでいる様です。 追って確認・修正いたしますが、現行ではコメントも合わせてお読み頂ければと思います。 こんにちは、風邪はだいた...
196
220
Comment7
ユースケースをモデリングする
ユースケースとは システムの外側の要求と、対する内側の応答を示すもの eg. "ユーザーの操作" に対する "一連の処理" 正常系（基本コース）と異常系（代替コース）からなる これをモデリングす...
74
77
Comment0
ドメインをモデリングするには
調べたことをまとめておきます。 認識違いなどありましたらコメントいただけると幸いです。 ドメインモデリングとは システムに関する業務知識（ドメイン）を簡潔に整理(要約・モデル化)し、その関係性が...
49
40
Comment0
ReactComponentのテストについてまとめ
種類と特徴 見づらくてすみません なるべく広げて見てください。 コンポーネントテスト スナップショットテスト メソッドテスト ツールの例 enzyme任意のテストランナー任意のアサーションライブ...
57
46
Comment0
Immutable.jsで型（モデルクラス）を作ってコメントで楽をしよう
コメントががが オブジェクトを引数で渡しちゃうとコメントがこんな感じになります。 /** * ほげする関数 * * @param {object} param いろ...
12
15
Comment0
27 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles