<h1 id="%E9%96%8B%E7%99%BA%E3%81%AB%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%83%BB%E3%83%84%E3%83%BC%E3%83%AB%E9%9B%86">
<a class="header-anchor-link" href="#%E9%96%8B%E7%99%BA%E3%81%AB%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%83%BB%E3%83%84%E3%83%BC%E3%83%AB%E9%9B%86" aria-hidden="true"></a> 開発に使っているサイト・ツール集</h1>
<p>ご紹介します。</p>
<h2 id="flat-ui-colors-2">
<a class="header-anchor-link" href="#flat-ui-colors-2" aria-hidden="true"></a> Flat UI COLORS 2</h2>
<p>いろいろな色がまとめられている。HEXなどでコピーできる。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5d84732e74669" src="https://embed.zenn.studio/card#zenn-embedded__5d84732e74669" data-content="https%3A%2F%2Fflatuicolors.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://flatuicolors.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://flatuicolors.com/</a></p>
<h2 id="front-end-tools">
<a class="header-anchor-link" href="#front-end-tools" aria-hidden="true"></a> Front-end Tools</h2>
<p>box-shadowやボタンを自分好みにカスタマイズすることができる。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d9dc01c2de3f4" src="https://embed.zenn.studio/card#zenn-embedded__d9dc01c2de3f4" data-content="https%3A%2F%2Ffront-end-tools.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://front-end-tools.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://front-end-tools.com/</a></p>
<h2 id="github">
<a class="header-anchor-link" href="#github" aria-hidden="true"></a> Github</h2>
<p>超有名なサイト。ソースコードの共有・公開やバージョン管理、共同開発などが簡単にできる。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4e01e194b3a2c" src="https://embed.zenn.studio/card#zenn-embedded__4e01e194b3a2c" data-content="https%3A%2F%2Fgithub.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/</a></p>
<h2 id="java-drive">
<a class="header-anchor-link" href="#java-drive" aria-hidden="true"></a> Java drive</h2>
<p>色々な言語を学習することができる。かなりありがたい。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5f0b7391adb07" src="https://embed.zenn.studio/card#zenn-embedded__5f0b7391adb07" data-content="https%3A%2F%2Fwww.javadrive.jp%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.javadrive.jp/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.javadrive.jp/</a></p>
<h2 id="carbon">
<a class="header-anchor-link" href="#carbon" aria-hidden="true"></a> Carbon</h2>
<p>下のような画像を簡単に生成できる。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/6616ecb345a1-20231004.png" loading="lazy" class="md-img"><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3d99985926059" src="https://embed.zenn.studio/card#zenn-embedded__3d99985926059" data-content="https%3A%2F%2Fcarbon.now.sh" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://carbon.now.sh" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://carbon.now.sh</a></p>


開発に使っているサイト・ツール集

Flat UI COLORS 2

Front-end Tools

Github

Java drive

Carbon

Discussion