【ドットインストール】第3回!256times参加レポート!【学習メモ】

HTML/CSS

みなさんこんにちは!おさかなです!

今回は「第3回256times」について、書いていこうと思います!

「256times」って何?という方はコチラをチェック!

今回もドットインストールが用意している、「プレイグラウンド」という環境でコーディングしていきました…!

プレイグラウンドの利用はコチラ!
※ドットインストールのアカウントを取得しておく必要があります…!

それでは、レッツゴー!!!!!

想定読者
・ドットインストールで学習中の方
・256timesって何?という方
・ソースコードを添削してほしい方

第3回の課題は?

課題の詳細についてはコチラ!

第3回の課題は「画像付きリスト」でした…!

今回もいつも通りの流れです…!

・21:00 課題発表
・21:30 課題提出締め切り、休憩
・21:35 コードレビュー開始、時間が余ったらプログラミング学習相談
・22:00 番組終了
「生放送見逃した!」って方も、「アーカイブ」が残っているので「コチラ」から見ることができます…!(よかった…!)

進化していたところ!

「新年1発目」ということで、昨年よりも動画のロゴがきれいになっていました…!
(かっこいい…!)
ロゴの作成者はcocoponさんという方だそうです!
そしてなんと…!作業中にはバックミュージックが!!🎵
音楽は夕食ホットさんという方が作成されたそうです!
カウントダウンも表示されていて、気分が高まりました…!

実際に参加した感想

課題に関しては、今回はあまりちゃんとできなかったので、悔しかったのですがしっかりと復習して、もっとレベルアップしていけたらいいなと思いました…!

昨年よりも、作業中に音楽が流れていたり、時間が表示されていたりして、イベント感がすごくあって、楽しかったです…!
ドットインストールの方のこだわりを感じました!(さすがです!✨)
参加する度に、進化しているので次回もたのしみです…!

おさかなのソースコード(後ほど公開予定!)

HTML 

CSS

レビューコードまとめ

レビューコード1

HTML 

 

CSS

 

レビューコード2

HTML 

 

CSS

 

レビューコード3

HTML 

 

CSS

 

おさかなの今後の課題

・flexbox使いこなす

・borderの一番下だけを消す方法(いろいろなパターンできるように)

・marginの相殺を避けるために、marginをつける方向を固定する

・テキストの中身が増えた時に、要素の幅が変わらないようにする

・「マテリアルアイコン」を使用してみる!

 

感想・まとめ

今回は「256times」について、書いていきました…!

いかがだったでしょうか?

第3回目は令和2年になってから1発目ということで、パワーアップしていてとてもすごかったです…!

ドットインストールのみなさん!今回もありがとうございました。✨
次回の開催は「1/21(火)21:00~」ということで、興味のある人はぜひ参加してみてください…!(おさかなも参加します…!)

 

それでは今回はこの辺で!

ここまで読んでくださり、ありがとうございました!

おさかなでした!

 

【おさかなび-osakanav-】では、この記事の感想!おさかなへの応援メッセージ!おさかなに聞きたい事、質問!記事にしてほしい内容!などを大募集中!

「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください!

タイトルとURLをコピーしました