#83日目　TechAcademy「はじめての副業コース」

提出したい最終課題

昨日再提出した課題は、またもや「不合格」😥

また、たくさん書かれています・・

昨日修正した「クリックしたらパッと開く」JavaScriptですが、単純に開くのではなく、ゆっくりとフェードインしなければいけないらしいです。

ググって調べると、昨日まで行っていたCSSアニメーションで行う方法とJavaScript(jQuery)で行う方法があるようです。

jQueryですとfadeInというメソッドがあり、そちらを使いました。

これ自体はうまくいったのですが、もう一度押しても非表示になりません。

続けてfadeOutメソッドも書いて実行してみましたが、非表示になりません。

そこでさらに調べてみるとfadeInとfadeOutをどちらも兼ねるfadeToggleというメソッドがある事が分りました。

これを使用しうまく作動しました😊

その他、スマホ版とパソコン版の切り替え時に配置が崩れる問題です。

これは色々悩んだ末、スマホ版とパソコン版の「中間バージョンを作るしかない」と思い、それでもOKなのかをメンター先生に質問したところ「flex-wrapを使うと良いですよ」とアドバイスをもらいました。

Flex-wrapは学んだ記憶はありますが、「ここでどうやって使うの？？」と思い考えてみました。

そして、パソコン版にflex-wrap: wrapを設定することで、スマホ版⇒パソコン版に幅が広がってしばらくは配置がスマホ版のままが続き、配置崩れが起きなくなりました！

これはなるほどと思いました😉

そして、3回目の提出！

⇒結果は、またもや不合格でした。

でも、おおむね良いようで、あとは細かいズレの修正のみを指摘されました。

明日やろうと思います。

そして、明日はいよいよ最終日です。

明日合格できないと、卒業できず仕事の斡旋ももらえないという事です。

頑張ります！