はじめに
こんにちは！！ Watanabe Jin (@Sicut_study)です！
こちらの記事が嬉しいことに多くの方に見ていただきました。
そこでReactが多くの初心者の方に注目されているんだなということを実感させられました。
私の記事では何度も言っている通り
というのが大事になってきます。そこで 「Reactアプリ100本ノック」 というのに挑戦していこうかと思います。徐々に難易度を挙げていってどこまでお題を作りきれるかの腕試しでやっていただければと思います。
今回はライブラリを使って便利に作れることを体験していきます
前回のお題
Reactアプリ100本ノックルール
- 主要なライブラリやフレームワークはReactである必要がありますが、その他のツールやライブラリ（例: Redux, Next.js, Styled Componentsなど）を組み合わせて使用することは自由
- TypeScriptを利用する
- 要件をみたせばデザインなどは自由
12. Gallery
問題
画像ギャラリーを作成します
目的
ブログサイトやECサイトなどで必要になるギャラリーを作ります
ライブラリで便利に作成できる体験をします
達成条件
- 画像ギャラリーが表示されている
- react-image-galleryを利用して実装する
実際に解いてみた
利用技術
- React
- TypeScript
- Vite
- Emotion
- react-image-gallery
解答時間 : 0.5時間
今回のお題は以下のライブラリを利用して作ります
このライブラリがものすごく優秀なのでライブラリの利用方法がわかっていれば、すぐにお題が終わるかと思います。
最近難しいお題が多かったので息抜きになりますね。
次のお題
Comig Soon...
おわりに
ここまで読んでいただけた方はいいねとストックよろしくお願いします。
@Sicut_study をフォローいただけるととてもうれしく思います。
また明日の記事でお会いしましょう！
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
実践的なカリキュラムで、あなたのエンジニアとしてのキャリアを最短で飛躍させましょう！
興味のある方は、ぜひホームページからお気軽にカウンセリングをお申し込みください！
▼▼▼