suzaku0914 https://blog.hatena.ne.jp/suzaku0914/ エンターテイメント！！ https://suzaku-tec.hatenadiary.jp/ TypeScript JavaScript Typescript npm 情報収集 恥晒し 学習 日記 開発環境 プログラミング メンタル きっかけ 公式サイト 実装内容・説明 完成イメージ html typescript webpack 参考サイト 雑記 きっかけ カルーセルスライダーでリストを表示したかったので調査した結果、swiperってライブラリが良さそうだったので、使ってみた。 公式サイト swiperjs.com 実装内容・説明 Typescript使っているので、それに合わせて実装 jsの情報はいっぱい出てきたけど、typescriptは、あんまりなかったので、手探りだった。。。 動きは、全部swiperが付けてくれるので、こっちは、動きの定義とレイアウトの定義をしてあげるだけ。 完成イメージ 趣味全開で作ってるので… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsuzaku-tec.hatenadiary.jp%2Fentry%2F2022%2F05%2F08%2F072352" title="Swiperを使ってみた - エンターテイメント！！" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/suzaku0914/20220508/20220508062934.png Hatena Blog https://hatena.blog 2022-05-08 07:23:52 rich https://suzaku-tec.hatenadiary.jp/entry/2022/05/08/072352 1.0 100%