home

blog

contact

portfolio

<p><a href="https://toshikisugiyama-ns-countdown.netlify.com"><img src="https://raw.githubusercontent.com/toshikisugiyama/aboutme/master/src/public/images/uploads/qr_ns_countdown.svg" alt="QR code" width="100" height="100" style="margin: 0 auto" ></a></p>
<p><a href="https://github.com/toshikisugiyama/ns-countdown"><img src="https://raw.githubusercontent.com/toshikisugiyama/aboutme/master/src/public/images/snsIcons/github.svg" alt="github" width="30" height="30" ></a></p>
<hr>
<h2>説明</h2>
<p>発表会の司会進行で、オープニングの際に開始までのカウントダウンをスクリーンに映したくて作った。学習のために React を使用。最初に時間を設定すると、その時間までのカウントダウンができる。設定時間になり、画面をクリックすると、発表の注意事項に移る。時間設定の際の初期設定は、17時（発表会が大抵17時開始だった為）。</p>
<h2>環境</h2>
<ul>
<li>node v10.15.3</li>
<li>npm 6.11.3</li>
<li>react 16.10.2</li>
</ul>
<h2>イメージ</h2>
<p><img src="https://raw.githubusercontent.com/toshikisugiyama/ns-countdown/v2.0/screen.jpg" alt="スクリーンショット"></p>


Portfolio

ポートフォリオ

発表会開始までのカウントダウン

説明

環境

イメージ