今さら聞けないHTML　

Vue + Viteでビルド時に特定の属性を削除してビルドする方法

# 目的

Webアプリケーションの開発においてテスト目的に付与した属性をプロダクションビルド時に剥がしたい場合があるかもしれません。
たとえば`testing-library/vue` [testing-library](https://testing-library.com/docs/vue-testing-library/intro)を用いてユニットテストを行なっていて、`v-for`で展開した配列の要素を`data-testid`で別個取得できるように配列のIDを渡していたりする場合、あまり露出したくないなどあるかもしれません。
そういった場合のTipsです。

## Vite Config

Viteでの開発やビルドの設定を行う `vite.config.ts`ファイルでvueのプラグインの設定を調節します。

“`ts:vite.config.ts
///
import { defineConfig } from ‘vite’;
import vue from ‘@vitejs/plugin-vue’;
expor

C#でURLまたはHTML文字列をPDFに変換する

HTMLをPDFに変換することで、フォーマットの保存、信頼性の高い印刷、ドキュメントのアーカイブなど、様々な場面でニーズに合わせた利用が可能になります。
この記事では、サードパーティのライブラリ[Spire.PDF for .NET](https://www.e-iceblue.com/Introduce/pdf-for-net-introduce.html)とQTプラグインを使用して、C#でHtmlウェブページ（URL）またはHTML文字列をPDFファイルに変換する方法を説明します。

## HTMLからPDFへの変換に使用するツール ：
1. [**Spire.PDF for .NET**](https://www.e-iceblue.com/Introduce/pdf-for-net-introduce.html)
まず、プロジェクトにSpire.PDF for .NETをインストールする必要があります。製品パッケージを[ダウンロード](https://www.e-iceblue.com/Download/download-pdf-for-net-now.html)し、Dllを手

HTML CSS JavaScript レイアウト編「参考」続編中

https://twitter.com/Tattyan_03/status/1779686278415667671

studio.html
“`html

Yes!Yeah!OK!
```
select要素の外枠排除
```html