hamakou108 https://blog.hatena.ne.jp/hamakou108/ M&Aクラウド開発者ブログ https://tech.macloud.jp/ こんにちは。エンジニアの濱田（ @hamakou108 ）です。 先日、あるモーダルをサイトの各所で別々の条件によって表示する機能を Nuxt.js + TypeScript で実装する機会がありました。 このときの設計が他の場面でも応用できそうな知見としてまとめられそうだったので、この記事で紹介したいと思います。 話さないこと Vue.js (Composition API), Nuxt.js, TypeScript の基本的な使い方 時間計算などの細かいアルゴリズムの実装 背景 M&Aクラウドでは M&A に役立つ資料の一部のダウンロードや買い手企業様とのマッチング機能を会員登録された方向… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.macloud.jp%2Fentry%2F2021%2F02%2F04%2F170025" title="Vue Component をサイトの各所で別々の条件によって表示する機能を Nuxt.js + TypeScript で実装する - M&amp;Aクラウド開発者ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hamakou108/20210204/20210204112624.png Hatena Blog https://hatena.blog 2021-02-04 17:00:25 rich https://tech.macloud.jp/entry/2021/02/04/170025 1.0 100%