ディテイルズの開発環境

<p>スタジオディテイルズの社内で共有している開発環境や実装方法について説明します。</p>
<p>画像の圧縮や各解像度の読み込みを自動化していたり、JS は独自の簡易フレームワーク化することであらゆる処理を短いコードで書けるようにしたりと、ディテイルズのやり方に合わせた効率化をしています。</p>
<aside class="msg message"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101 101" role="img" aria-label="message" class="msg-icon"><circle cx="51" cy="51" r="50" fill="currentColor"></circle><text x="50%" y="50%" text-anchor="middle" fill="#ffffff" font-size="70" font-weight="bold" dominant-baseline="central">!</text></svg><div class="msg-content"><p>この環境は 2022 年 9 月 22 日現在のものであり、今後もどんどん改善していく予定なので、社内で使っている最新の状態のものよりも古い情報になっている可能性があります。あくまでも参考としてご覧ください。</p>
</div></aside>
<hr>
<ul>
<li><a href="image/">画像</a></li>
<li><a href="svg/">SVG</a></li>
<li><a href="css/">CSS (Sass)</a></li>
<li><a href="javascript/">JavaScript</a></li>
</ul>
<p><em>※各ページの情報は随時更新していきます。</em></p>


This presentation will describe the boilerplate front-end development environment shared within Studio Details and how it is implemented. The presentation will use digital art to illustrate the setting and the background. The color of the background is blue.