回答編集履歴
24
テキスト修正
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
以下は、具体的なサンプルコードを作ってスパイクしたわけではなく、「これを使えば出来るのでは?」というレベルの参考情報になります。つまり、自分がもし、複数の `<Card />`を使ってカルーセル的なものを作るなら、どういうアプローチを考えるか、の回答になります。~~(なので、すみませんが、コードは掲示しません。)~~
|
13
|
+
以下は、~~具体的なサンプルコードを作ってスパイクしたわけではなく~~、「これを使えば出来るのでは?」というレベルの参考情報になります。つまり、自分がもし、複数の `<Card />`を使ってカルーセル的なものを作るなら、どういうアプローチを考えるか、の回答になります。~~(なので、すみませんが、コードは掲示しません。)~~
|
14
14
|
|
15
15
|
|
16
16
|
|
23
テキスト修正
test
CHANGED
@@ -1,3 +1,7 @@
|
|
1
|
+
(※調べながら回答したので、追記が多くなってしまいましたが、最後の **追記4 ** で、 <Card /> をカルーセルにしてみたサンプルを作りましたので、まずはそちらからご覧いただく方がよいかもしれません。)
|
2
|
+
|
3
|
+
|
4
|
+
|
1
5
|
こんにちは。
|
2
6
|
|
3
7
|
|
@@ -6,7 +10,7 @@
|
|
6
10
|
|
7
11
|
|
8
12
|
|
9
|
-
以下は、具体的なサンプルコードを作ってスパイクしたわけではなく、「これを使えば出来るのでは?」というレベルの参考情報になります。つまり、自分がもし、複数の `<Card />`を使ってカルーセル的なものを作るなら、どういうアプローチを考えるか、の回答になります。(なので、すみませんが、コードは掲示しません。)
|
13
|
+
以下は、具体的なサンプルコードを作ってスパイクしたわけではなく、「これを使えば出来るのでは?」というレベルの参考情報になります。つまり、自分がもし、複数の `<Card />`を使ってカルーセル的なものを作るなら、どういうアプローチを考えるか、の回答になります。~~(なので、すみませんが、コードは掲示しません。)~~
|
10
14
|
|
11
15
|
|
12
16
|
|
@@ -48,7 +52,7 @@
|
|
48
52
|
|
49
53
|
|
50
54
|
|
51
|
-
### 追記
|
55
|
+
### 追記1
|
52
56
|
|
53
57
|
|
54
58
|
|
@@ -120,8 +124,36 @@
|
|
120
124
|
|
121
125
|
|
122
126
|
|
123
|
-
- [
|
127
|
+
- [mobile-stepper-text-with-carousel-effect](https://material-ui.com/demos/steppers/#mobile-stepper-text-with-carousel-effect)
|
124
128
|
|
125
129
|
|
126
130
|
|
127
131
|
上記サンプルの[ソース](https://codesandbox.io/s/wk469zv577) で、動かす対象を <Card /> にしてみるとよいかもしれません。
|
132
|
+
|
133
|
+
|
134
|
+
|
135
|
+
### 追記4
|
136
|
+
|
137
|
+
|
138
|
+
|
139
|
+
上記の **追記3** に記載したサンプル、[mobile-stepper-text-with-carousel-effect](https://material-ui.com/demos/steppers/#mobile-stepper-text-with-carousel-effect) のコードを修正して、`<AutoPlaySwipeableViews />` でスライドさせる対象を `<Card />` にしてみるサンプルを作成してみました。
|
140
|
+
|
141
|
+
|
142
|
+
|
143
|
+
以下のレポジトリに上げましたので、参考にして頂ければと思います。
|
144
|
+
|
145
|
+
|
146
|
+
|
147
|
+
- [jun68ykt/spike-of-Carousel-for-mui-Cards](https://github.com/jun68ykt/spike-of-Carousel-for-mui-Cards)
|
148
|
+
|
149
|
+
|
150
|
+
|
151
|
+
上記を yarn start してブラウザ上に表示させ、スライドさせた様子の動画が以下です。
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
- [https://drive.google.com/file/d/145ZmfzpgG8mcKRGThYfpNEuA01WYiwW8/view](https://drive.google.com/file/d/145ZmfzpgG8mcKRGThYfpNEuA01WYiwW8/view)
|
156
|
+
|
157
|
+
|
158
|
+
|
159
|
+
特にハマるところもなく、うまくいったので、`<Card />` のカルーセル化には、`react-swipeable-views` の `<SwipeableViews />` を使うと良さそうです。
|
22
テキスト修正
test
CHANGED
@@ -121,3 +121,7 @@
|
|
121
121
|
|
122
122
|
|
123
123
|
- [demos/steppers/#mobile-stepper-text-with-carousel-effect](https://material-ui.com/demos/steppers/#mobile-stepper-text-with-carousel-effect)
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
上記サンプルの[ソース](https://codesandbox.io/s/wk469zv577) で、動かす対象を <Card /> にしてみるとよいかもしれません。
|
21
テキスト修正
test
CHANGED
@@ -107,3 +107,17 @@
|
|
107
107
|
|
108
108
|
|
109
109
|
にあるリンク先のcodesandboxに、[react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) を使った、縦方向のカルーセルのサンプルコードがあります。このサンプルでは `<div />`を縦にスライドさせていますが、これを `<Card />` を対象にして、水平方向のスライドに設定を変えてみるとうまくいくかもしれません。
|
110
|
+
|
111
|
+
|
112
|
+
|
113
|
+
### 追記3
|
114
|
+
|
115
|
+
|
116
|
+
|
117
|
+
何度も追記、すみません。
|
118
|
+
|
119
|
+
Steppersのサンプルの中に、横にスライドさせる以下のサンプルを見つけました。
|
120
|
+
|
121
|
+
|
122
|
+
|
123
|
+
- [demos/steppers/#mobile-stepper-text-with-carousel-effect](https://material-ui.com/demos/steppers/#mobile-stepper-text-with-carousel-effect)
|
20
テキスト修正
test
CHANGED
@@ -77,3 +77,33 @@
|
|
77
77
|
|
78
78
|
|
79
79
|
という趣旨のことを言っていますね。
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
### 追記2
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
上記のcontributorさんのコメントは2016年6月のものでちょっと古いです。なので新しめのissueを探したところ、以下がありました。
|
88
|
+
|
89
|
+
|
90
|
+
|
91
|
+
- [Any feature plan in Mobile Steppers - Carousel effects with vertical swipe](https://github.com/mui-org/material-ui/issues/14026)
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
上記に対する回答
|
96
|
+
|
97
|
+
|
98
|
+
|
99
|
+
[https://github.com/mui-org/material-ui/issues/14026#issuecomment-450450461](https://github.com/mui-org/material-ui/issues/14026#issuecomment-450450461)
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
> joshwooding commented 6 days ago
|
104
|
+
|
105
|
+
This is already possible :) [https://codesandbox.io/s/yv9rk4ow7v](https://codesandbox.io/s/yv9rk4ow7v)
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
にあるリンク先のcodesandboxに、[react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) を使った、縦方向のカルーセルのサンプルコードがあります。このサンプルでは `<div />`を縦にスライドさせていますが、これを `<Card />` を対象にして、水平方向のスライドに設定を変えてみるとうまくいくかもしれません。
|
19
テキスト修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
過去にMaterial UIを多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくればほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありました。ご質問で実現されたいことも、この「ドキュメントには載ってない、ちょっと凝ったこと」に相当するのかなという印象です。
|
5
|
+
過去にMaterial UI(以下、"mui" と略)を多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくればほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありました。ご質問で実現されたいことも、この「ドキュメントには載ってない、ちょっと凝ったこと」に相当するのかなという印象です。
|
6
6
|
|
7
7
|
|
8
8
|
|
18
テキスト修正
test
CHANGED
@@ -60,34 +60,20 @@
|
|
60
60
|
|
61
61
|
|
62
62
|
|
63
|
-
上記はユーザーからの enhancementの要望と思われますが、このissueの最後に、material-ui のcontributorの方から以下のコメントがあり
|
63
|
+
上記はユーザーからの enhancementの要望と思われますが、このissueの最後に、material-ui のcontributorの方から以下のコメントがあります。
|
64
|
+
|
65
|
+
|
64
66
|
|
65
67
|
- [https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526](https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526)
|
66
68
|
|
67
69
|
|
68
70
|
|
69
|
-
上記
|
71
|
+
上記の中で、
|
70
72
|
|
71
73
|
|
72
74
|
|
73
|
-
|
75
|
+
「カルーセルに関しては、(現時点では) material-ui ではない他のコンポーネントを探してください。もしカルーセルをMaterial UI を使って作る試みをしてくれるのであれば、[related-projects](http://www.material-ui.com/#/discover-more/related-projects) からのリンクを追加しますよ。」
|
74
76
|
|
75
77
|
|
76
78
|
|
77
|
-
に行き、ここの中にある、
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
- [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views)
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
や、上記のissue の他のコメントに出てくる
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
- [react-swipe](https://github.com/voronianski/react-swipe)
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
を
|
79
|
+
という趣旨のことを言っていますね。
|
17
テキスト修正
test
CHANGED
@@ -60,13 +60,13 @@
|
|
60
60
|
|
61
61
|
|
62
62
|
|
63
|
-
上記はユーザーからの要望と思われますが、このissueの最後に、material-ui のcontributorの方からの
|
63
|
+
上記はユーザーからの enhancementの要望と思われますが、このissueの最後に、material-ui のcontributorの方から以下のコメントがあり、
|
64
64
|
|
65
65
|
- [https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526](https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526)
|
66
66
|
|
67
67
|
|
68
68
|
|
69
|
-
|
69
|
+
上記からリンクされている
|
70
70
|
|
71
71
|
|
72
72
|
|
@@ -82,7 +82,7 @@
|
|
82
82
|
|
83
83
|
|
84
84
|
|
85
|
-
や、上記のissueコメントに出てくる
|
85
|
+
や、上記のissue の他のコメントに出てくる
|
86
86
|
|
87
87
|
|
88
88
|
|
16
テキスト修正
test
CHANGED
@@ -45,3 +45,49 @@
|
|
45
45
|
|
46
46
|
|
47
47
|
以上参考になれば幸いです。
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
### 追記
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
material-ui のレポジトリの issue に以下がありました。
|
56
|
+
|
57
|
+
|
58
|
+
|
59
|
+
- [Swipe / carousel like react-swipe](https://github.com/mui-org/material-ui/issues/87)
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
上記はユーザーからの要望と思われますが、このissueの最後に、material-ui のcontributorの方からのこコメント
|
64
|
+
|
65
|
+
- [https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526](https://github.com/mui-org/material-ui/issues/87#issuecomment-225534526)
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
にリンクのある
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
- [https://v0.material-ui.com/#/discover-more/related-projects](https://v0.material-ui.com/#/discover-more/related-projects)
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
に行き、ここの中にある、
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
- [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views)
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
や、上記のissueコメントに出てくる
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
- [react-swipe](https://github.com/voronianski/react-swipe)
|
90
|
+
|
91
|
+
|
92
|
+
|
93
|
+
を試してみるのもよいかもしれません。
|
15
テキスト修正
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
|
38
38
|
|
39
|
-
(2) だと、作業としては、「これを使ってみよう」と決めたカルーセルのドキュメントに、おそらく
|
39
|
+
(2) だと、作業としては、「これを使ってみよう」と決めたカルーセルのドキュメントに、おそらく単なる `<img />` や`<div />` のリストをスライドとして動かすサンプルがあったりするので、これを複数の`<Card />`を囲むものに変えて動かしてみるというスパイクからですかね。多分、なんとなくそれらしく動くけれども、微妙にレイアウトが崩れる、みたいなことが起きそうですが、そこは対処療法的なスタイルを泥臭く当てて切り抜けることを考えます。
|
40
40
|
|
41
41
|
|
42
42
|
|
14
テキスト修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
|
5
|
+
過去にMaterial UIを多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくればほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありました。ご質問で実現されたいことも、この「ドキュメントには載ってない、ちょっと凝ったこと」に相当するのかなという印象です。
|
6
6
|
|
7
7
|
|
8
8
|
|
13
テキスト修正
test
CHANGED
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
|
34
34
|
|
35
|
-
という個人的な
|
35
|
+
という個人的な所感に基づくものなので、dsakkさんが、「そこは簡単に出来る」という感触でしたら、(1)の方向で掘っていくのもアリかもしれません。
|
36
36
|
|
37
37
|
|
38
38
|
|
12
テキスト修正
test
CHANGED
@@ -28,7 +28,7 @@
|
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
> (1)だと、スライド1枚の表示、非表示がスライド風にうまくできたとしても、カルーセルにするには、次に ”複数枚の Card を水平方向に並べ見えているのは1枚だけにする” といったような CSSを書く必要があ
|
31
|
+
> (1)だと、スライド1枚の表示、非表示がスライド風にうまくできたとしても、カルーセルにするには、次に ”複数枚の Card を水平方向に並べ見えているのは1枚だけにする” といったような CSSを書く必要があるのでは? しかも、それをCardなり、Cardを囲むコンポーネントにうまく当てるというハードルもある。これらをクリアできるだろうか? ここら辺りがボトルネックになりそう・・・
|
32
32
|
|
33
33
|
|
34
34
|
|
11
テキスト修正
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
|
20
20
|
|
21
|
-
(2) 複数の`<img>` や `<div />` をカルーセルにしてくれるReactコンポーネントを探してこれを使ってみる。
|
21
|
+
(2) 複数の`<img />` や `<div />` をカルーセルにしてくれるReactコンポーネントを探してこれを使ってみる。
|
22
22
|
|
23
23
|
???? [react-slick](https://github.com/akiran/react-slick) や、 [nuka-carousel](https://github.com/FormidableLabs/nuka-carousel) , [react-responsive-carousel](http://react-responsive-carousel.js.org/)といったものがあります。
|
24
24
|
|
10
テキスト修正
test
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
|
26
26
|
|
27
|
-
|
27
|
+
業務の限られた時間の中で、とりあえずそれらしく動くものを作らなければならないという差し迫った状況だと、(1)または(2)のどちらを選ぶ方が確実かという判断は個人差のあるところですが、私なら(2)からやってみると思います。ただしこの判断は
|
28
28
|
|
29
29
|
|
30
30
|
|
9
テキスト修正
test
CHANGED
@@ -28,7 +28,7 @@
|
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
> (1)だと、スライド1枚の表示、非表示がスライド風にうまくできたとしても、次に ”複数枚の Card を水平方向に並べ見えているのは1枚だけにする” といったような CSSを書
|
31
|
+
> (1)だと、スライド1枚の表示、非表示がスライド風にうまくできたとしても、カルーセルにするには、次に ”複数枚の Card を水平方向に並べ見えているのは1枚だけにする” といったような CSSを書く必要があり、かつ、それをCardなり、Cardを囲むコンポーネントにうまく当てられないと実現できないのでは? これを難なくできるだろうか? ここがボトルネックになりそう・・・
|
32
32
|
|
33
33
|
|
34
34
|
|
8
テキスト修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
私も過去にMaterial UIを多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくれば
|
5
|
+
私も過去にMaterial UIを多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくればほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありました。ご質問で実現されたいことも、この「ドキュメントには載ってない、ちょっと凝ったこと」に相当するのかなという印象です。
|
6
6
|
|
7
7
|
|
8
8
|
|
7
テキスト修正
test
CHANGED
@@ -2,11 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
私も過去にMaterial UIを多用した
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
ただ、mui のデモのサンプルコードを持ってくれば、ほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありますね。
|
5
|
+
私も過去にMaterial UIを多用したSPAのフロント開発を経験しましたが、 mui 便利ですよね。ただ、mui のドキュメントにあるサンプルコードを持ってくれば、ほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありました。ご質問で実現されたいことも、この「ドキュメントには載ってない、ちょっと凝ったこと」に相当するのかなという印象です。
|
10
6
|
|
11
7
|
|
12
8
|
|
6
テキスト修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
ただ、mui のデモのサンプルコードを
|
9
|
+
ただ、mui のデモのサンプルコードを持ってくれば、ほぼ事足りるうちは開発が捗りますが、デモにはないちょっと凝ったことをやろうとすると壁にぶち当たることは、ままありますね。
|
10
10
|
|
11
11
|
|
12
12
|
|
5
テキスト修正
test
CHANGED
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
(2) 複数の`<img>` や `<div />` をカルーセルにしてくれるReactコンポーネントを探してこれを使ってみる。
|
26
26
|
|
27
|
-
???? [react-slick](https://github.com/akiran/react-slick) や、 [nuka-carousel](https://github.com/FormidableLabs/nuka-carousel) といったものがあります。
|
27
|
+
???? [react-slick](https://github.com/akiran/react-slick) や、 [nuka-carousel](https://github.com/FormidableLabs/nuka-carousel) , [react-responsive-carousel](http://react-responsive-carousel.js.org/)といったものがあります。
|
28
28
|
|
29
29
|
|
30
30
|
|
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
|
42
42
|
|
43
|
-
(2) だと、作業としては、これを使ってみようと決めたカルーセルの
|
43
|
+
(2) だと、作業としては、「これを使ってみよう」と決めたカルーセルのドキュメントに、おそらく複数の単なる `<img />` や`<div />` を囲むサンプルがあったりするので、これを複数の`<Card />`を囲むものに変えて動かしてみるというスパイクからですかね。多分、なんとなくそれらしく動くけれども、微妙にレイアウトが崩れる、みたいなことが起きそうですが、そこは対処療法的なスタイルを泥臭く当てて切り抜けることを考えます。
|
44
44
|
|
45
45
|
|
46
46
|
|
4
テキスト修正
test
CHANGED
@@ -28,7 +28,7 @@
|
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
趣味のプログラミングならいくらでも時間をかけることができますが、業務の限られた時間の中で、
|
31
|
+
趣味のプログラミングならいくらでも時間をかけることができますが、業務の限られた時間の中で、とりあえずそれらしく動くものを作らなければならないという差し迫った状況だと、(1)または(2)のどちらを選ぶ方が確実かという判断は個人差のあるところですが、私なら(2)からやってみると思います。ただしこの判断は
|
32
32
|
|
33
33
|
|
34
34
|
|
3
テキスト修正
test
CHANGED
@@ -44,7 +44,7 @@
|
|
44
44
|
|
45
45
|
|
46
46
|
|
47
|
-
時間が許すのであれば、まず(1)の方向で進めて、そもそもの原理から押さえた上で、もう一度、どこかで(1)or(2)を判断するタイミングを設けるのがよいかと思います。
|
47
|
+
時間が許すのであれば、まず(1)の方向で進めて、そもそもの原理から押さえた上で、もう一度、どこかで(1)or(2)を判断するタイミングを設けるのがよいかと思います。原理を押さえたからこそ(2)を選ぶという判断に確信が持てる、ということもありそうです。
|
48
48
|
|
49
49
|
|
50
50
|
|
2
テキスト修正
test
CHANGED
@@ -44,7 +44,7 @@
|
|
44
44
|
|
45
45
|
|
46
46
|
|
47
|
-
時間が許すのであれば、まず
|
47
|
+
時間が許すのであれば、まず(1)の方向で進めて、そもそもの原理から押さえた上で、もう一度、どこかで(1)or(2)を判断するタイミングを設けるのがよいかと思います。
|
48
48
|
|
49
49
|
|
50
50
|
|
1
テキスト修正
test
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
|
42
42
|
|
43
|
-
(2) だと、作業としては、これを使ってみようと決めたカルーセルのモジュールのドキュメントには、おそらく複数の単なる `<img />`を囲むサンプルがあったりするので、これを複数の`<Card />`を囲んでみるところからですね。多分、なんとなくそれらしく動くけれども、微妙にレイアウトが崩れる、みたいなことが起きそうですが、そこは対処療法的なスタイルを泥臭く当てて切り抜けることを考えます。
|
43
|
+
(2) だと、作業としては、これを使ってみようと決めたカルーセルのモジュールのドキュメントには、おそらく複数の単なる `<img />` や`<div />` を囲むサンプルがあったりするので、これを複数の`<Card />`を囲んでみるところからですね。多分、なんとなくそれらしく動くけれども、微妙にレイアウトが崩れる、みたいなことが起きそうですが、そこは対処療法的なスタイルを泥臭く当てて切り抜けることを考えます。
|
44
44
|
|
45
45
|
|
46
46
|
|