タグ コンポーネント間
人気順 10 users 50 users 100 users 500 users 1000 usersReactコンポーネント同士の結合度を考える
この記事は株式会社ゆめみ Advent Calendar 2023 | Qiita の 2023-12-21 投稿分です。 React のコンポーネント間の結合度、特に「〇〇的結合」といった段階を使った評価について、私なりにその考え方・用語を React に翻訳してみました。 React のコンポーネント同士の結合のしかたの制約を考慮に入れてみると、結合度の... 続きを読む
TypeScript の型を用いたコンポーネントの責務の明確化 - Timee Product Team Blog
はじめまして!フロントエンドエンジニアの樫福 @cashfooooou です。 タイミーでは Next.js × TypeScript で toB 向け管理画面を作成しています。 この記事は、toB向けの管理画面の開発時に筆者が気づいたコンポーネント間の責務の明確化の必要性と、 TypeScript の型を用いて責務の分割をサポートする方法の紹介してい... 続きを読む
Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説 | コリス
Vue.jsのコンポーネント間でデータを渡す方法はたくさんありますが、Propsを使うかSlotsを使うかはニーズによります。Slotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて紹介します。 The Difference Between Props, Slots and Scoped Slots in Vue.js by Luca Spezzano 下記は各ポ... 続きを読む
VS Codeでターミナルやエディター、エクスプローラー間の移動を楽にする - notebook
VS Code でなるべくマウスを触らない設定 - notebook swfz.hatenablog.com の続きです ショートカットの設定ではターミナル↔エディターなど特定のコンポーネント間の移動だけしか設定できなかったのでショートカット結構覚えないといけないかなーと思っていたのですがそんなことはなかったです。 デフォルトでそれぞれの... 続きを読む
DI(依存性注入)について
DI(依存性注入)について 1. DI(依存性注入)について 伊藤 結 2. ところで、DIと聞いて ピンとくる方はいますか? 3. DI(依存性注入)とは なるほど。わからん。 依存性の注入(英: Dependency injection)とは、コンポーネント間の依存関係をプロ グラムのソースコードから 排除し、外部の設定ファイルなどで注入できるようにするソ フトウェアパターンである。英語の頭文... 続きを読む
DataSpiderにおけるコンポーネント間のインタラクションの設計と実装、のクラス図とシーケンス図 - <s>gnarl,</s>技術メモ”’<marquee><textarea>¥
この記事は小野和俊のブログ:DataSpiderにおけるコンポーネント間のインタラクションの設計と実装の勝手に補足記事です。コードが良くわからなかったので図を書いてみた。詳細な説明は元記事へどうぞ。 最も原始的な実装方法: コンポーネントの相互参照各コンポーネントは、処理に必要なコンポーネントへの参照を直接持っている。この例ぐらいだと非常にシンプルだが、コンポーネント間が密結合しているため、機能を... 続きを読む
小野和俊のブログ:DataSpiderにおけるコンポーネント間のインタラクションの設計と実装
先日、ソースコードのメンテナビリティについてのエントリを書きましたが、dankogaiさんから「で、具体的にどんなコード書いてるの?」という指摘がありました。 返信エントリでは、「DataSpiderはオープンソースではないのでソースコードをそのまま出すことはできない」と書いたのですが、よく考えたら、一部エッセンスを抜き出してサンプルコードとして紹介することはできるので、最近私が書いたコードの中で... 続きを読む