# テンプレートジェネレーターで作ったCSSを通常のブラウザで表示する際にも適用したい

**URL:** <https://forum.onecomme.com/t/topic/597>\
**Category:** 質問\
**Created:** [2022 年 8 月 30 日午後 12:41 UTC](https://forum.onecomme.com/t/topic/597 "2022-08-30T12:41:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![PETA](https://avatars.discourse-cdn.com/v4/letter/p/87869e/32.png) [@PETA](https://forum.onecomme.com/u/PETA)\
**Post date:** [2022 年 8 月 30 日午後 12:41 UTC](https://forum.onecomme.com/t/topic/597/1 "2022-08-30T12:41:44Z")

</div>

対象: わんコメ /  
表示画面: アプリ  
利用OS: Windows  
利用バージョン: 3.2.8  
過去ログ確認: した  
[ドキュメント確認]大まかに確認した  
内容: わんコメのテンプレートジェネレーターでカスタマイズしたものをブラウザで開くことは出来ますでしょうか？  
ベースのテンプレートをブラウザーで開くことは出来ましたがジェネレーターの方もブラウザ画面で利用できる方法があれば、ご教授願います！

---

<div class="post-metadata">

**Author:** ![hyk](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hyk/32/75_2.png) [@hyk](https://forum.onecomme.com/u/hyk)\
**Post date:** [2022 年 8 月 31 日午前 12:04 UTC](https://forum.onecomme.com/t/topic/597/2 "2022-08-31T00:04:37Z")

</div>

テンプレートジェネレーターで作ったCSSを通常のブラウザで表紙する際にも適用したい、ということで良いでしょうか。その場合はブラウザに拡張機能を入れてしまうのが早く、簡単かもしれません。そこで、Stylusという拡張機能を紹介します。

Firefox版 ：[Stylus – Get this Extension for 🦊 Firefox (en-US)](https://addons.mozilla.org/en-US/firefox/addon/styl-us/)  
Chrome版：[Stylus - Chrome Web Store](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)  
Opera版 ：[Stylus extension - Opera add-ons](https://addons.opera.com/extensions/details/stylus/)  
公式サイト：[Stylus :: add0n.com](https://add0n.com/stylus.html)

こんな風に、ブラウザ上でカスタマイズした状態で表示できます。

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/58acfc7e4492ce536382d0ae8b93128b7390ffef.jpeg)  
私も普段、Twitterでアイコンを角丸にしたりトレンドを非表示にしたり、Google検索結果ページで位置情報を非表示にしたりするのに愛用しています。

---

<div class="post-metadata">

**Author:** ![PETA](https://avatars.discourse-cdn.com/v4/letter/p/87869e/32.png) [@PETA](https://forum.onecomme.com/u/PETA)\
**Post date:** [2022 年 8 月 31 日午前 2:39 UTC](https://forum.onecomme.com/t/topic/597/3 "2022-08-31T02:39:27Z")

</div>

その通りです！有難うございます！  
紹介していただいた拡張機能を使って設定してみます！

---

<div class="post-metadata">

**Author:** ![PETA](https://avatars.discourse-cdn.com/v4/letter/p/87869e/32.png) [@PETA](https://forum.onecomme.com/u/PETA)\
**Post date:** [2022 年 8 月 31 日午前 3:13 UTC](https://forum.onecomme.com/t/topic/597/4 "2022-08-31T03:13:16Z")

</div>

実際に使用してみましたがうまく設定できました！  
とても分かりやすかったです。有難うございました！

---

<div class="post-metadata">

**Author:** ![hyk](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hyk/32/75_2.png) [@hyk](https://forum.onecomme.com/u/hyk)\
**Post date:** [2022 年 9 月 3 日午後 11:00 UTC](https://forum.onecomme.com/t/topic/597/5 "2022-09-03T23:00:35Z")

</div>

このトピックは 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
