【デイトラ学習記録】勉強22日目〜28日目 爆速でデイトラWEB制作コース中級編突入！

れももです。
「独学の記録」から続編で、今回からいよいよデイトラの学習記録編に入ります。
現在はすでにWEB制作コースを終えてしまっているんですが、当時の勉強記録をつけていたのでそれを見返しながら振り返っています。

前回までの記事まだ見てないよって方は、下記からご覧ください＾＾

web制作 学習の記録

まずはいつも通りこの週の学習時間を発表します。
22日目〜28日目までのトータルの学習時間は29.5時間でした。
前回までに比べると学習時間は少ないですが、感覚的には充実度は同じくらいでしたね。デイトラで学習できるようになったので質の高い学習ができていたんだと思います！

22日目〜28日目（学習：4週間目）

日付	学習内容	学習時間	合計時間
12/22	・WEB制作コース 初級Day13〜15	5.0h	5.0h
12/23	・WEB制作コース 初級Day15〜（ポートフォリオ作成編）	8.5h	8.5h
12/24	・WEB制作コース 初級Day15〜（ポートフォリオ作成編） ・WEB制作コース 初級Day20（ポートフォリオ公開作業、サーバー設定など）	2.5h 2.0h	4.5h
12/25	・WEB制作コース 中級編Day1 ・Progate：PHP I	1.5h 0.5h	2.0h
12/26	・WEB制作コース 中級編Day2〜3 ・Progate：PHP I	2.5h 2.0h	4.5h
12/27	・WEB制作コース 中級編Day4 ・WEB制作コース 中級編Day5	1.75h 3.25h	5.0h
12/28	・休み（友人のお引越し手伝い）	0	0

独学でHTML/CSS、JavaScript、jQueryを事前にやっていたこともあり、序盤はかなりハイペースで進めれました！
この週から本当にほぼデイトラ一本でやっているのがわかりますね！

では、1日ずつ振り返っていきましょう＾＾

12/22（学習：22日目）

前回の記事見ていただいた方は分かると思いますが、デイトラは12/21に入会しましてその日に初級編Day1〜12まで進めました。
なのでこの日はDay13〜やっていきました。

初級編Day1〜4

Day1〜4はHTML/CSS基礎編ということで、HTML/CSSの基礎学習やコーディング環境構築を学べるようになっていました。
基礎学習は一応全て動画は見ましたが、ほとんど復習みたいな感じで流して進めました。

環境構築は「Visual Studio Code」というエディターのインストールから細かな設定まで動画で解説してくれています。
独学の時にエディターは「Atom」を使っていたのでこの機会にVS Codeに乗り換えました！

初級編Day5〜9

Day5〜9はコーディング練習編ということで、前回までに学習したHTML/CSSの基礎のアウトプットとして、次のような簡単なサイトを作りながらの学習でした。

初級編Day10〜14

上記のコーディング練習が終わると次は「Bootstrap」というツールの使い方を学び、このツールを使ってまた別のサイト制作をしていきます。
↓こんな感じのサイトを作りました！

楽しい＾＾ pic.twitter.com/f7fZN8t2um

— れもも (@lamoneido) December 22, 2021

なんか急にレベル高くなってません！？って思いますよねw
実はBootstrapというものを使うと簡単にサイトが作れちゃったりするんです。Bootstrapにはすでに形作られたパーツがテンプレコードみたいな形で載っているので、それをコピペでHTMLに貼っていくだけでヘッダーとかボタンとかカードができちゃうんです！

そしてBootstrapでのサイト制作が終わったところで、次のDay15〜はポートフォリオの作成をしていきます！
初級編でもうポートフォリオ作成！？って最初はビビりましたね笑

でも自分のやりたいように自由にコーディングができるのがすごく楽しかったです！
思い通りにいかない部分もあって、スキル不足を味わいつつもすごくいい学習でした。

12/23（学習：23日目）

この日は前日から着手したポートフォリオをやっていきました。
自由に作れるだけにどんな感じにしようかすごい悩みましたね、、、
教材には、ポートフォリオの参考やロゴや画像のフリー素材なども紹介してくれていたので、それらを参考にしたり、活用したりして作っていきました！

初級編Day15〜17

どんなサイトにしようかアイデアを膨らませるために、過去のデイトラ卒業生のポートフォリオ参考にして進めました。

この頃はデザインソフトなども使えないので、ノートに簡単なワイヤーフレームを書いてヘッダーから順にコーディングしながら構築していった感じでした。

12/24（学習：24日目）

前日に引き続きこの日もポートフォリオ制作を進めていき、この日に無事完成しました！

初級編Day15〜20

実際に当時制作したポートフォリオがこちらです😅

Lemomo. 神奈川のWEBサイト制作者

Lemomoは神奈川県横浜市を中心に活動しているフリーランスのWEB制作者です。WEBデザイン・コーディング、ECサイト制作、サイト保守運用などWEBのことなら何でも対応可能です。お客様の目的を達成するためのWEBサイト作りを行います。お気軽にお問合せください。

lemomo-works.com

次のDay20では、エックスサーバーでのサイト公開の仕方が解説されているので、エックスサーバーと契約して無事公開も出来ました！
自分で作ったサイトがネット上で見れることがすごく嬉しかったです！今思うとこれを公開していたことがちょっと恥ずかし買ったりしますが😅

12/25（学習：25日目）

この日は友人と飲みにいく予定だったので少ししか学習できませんでした。
初級編は終わったので中級編Day1とProgateでPHPの学習も始めました！

12/26（学習：26日目）

中級編はJavaScript/jQueryからの学習でした。一応前日から中級編に突入しています。
この辺りもまだ独学でカバーできていたので、復習として理解が足りないところを補うように学習していました。
徐々にJavaScriptのコードを見ればなんとなく何やっているかわかりだしてきたのがこの頃ですね！
難しいコードは未だわからないですけどね😅

デイトラ開始6日目 中級編Day3
独学3週間でjQueryまでは勉強したからすごい理解が深まる☺️
JavaScriptはなんとなくわかるんだけどなぁーって感じだったけど、今日で文章見たら何やってるかよくわかるようになりました🙆‍♂️
明日はjQueryもしっかり復習して実践課題に取り組もう👊

— れもも (@lamoneido) December 26, 2021

12/27〜28（学習：27〜28日目）

JavaScript/jQuery基礎学習を終え、Day5〜はjQuery実践課題でした。
何をやっていくかというと、初級編Day5〜9で作ったサイトに動きをつけていきます。

この日はドロワーメニューを自力で調べて実装していきました。
基礎学習で学んだことを見返したり、ググってみたりして自力でできた時の達成感はめちゃくちゃ嬉しいですね＾＾

調べながらだけど自力でできた👏
一からコードが書けなくても調べて組み込むことさえできればこんな物まで自分で実現できちゃうんだ☺️
大変だったけど達成感＾＾

jQuery実践
・ドロワーメニュー
・スクロールでフワッと現れるTopへ戻るボタン
・モーダルウィンドウ pic.twitter.com/Kknza9YGTI

— れもも (@lamoneido) December 27, 2021

まとめ

ということで、以上がれもものデイトラ学習22日〜28日目の記録でした。
初級編から結構飛ばして進めていますね！笑

デイトラを始めてからは、同じカリキュラムを進めている方とTwitterで絡めるようになったこともあり、学習がより楽しくなった気がします。
日々のTwitterでの発信が楽しくて、モチベ維持になっていましたね。
本当にデイトラを選んでよかったとこの頃から日々感じていました＾＾

デイトラ学習進度表

この記録が皆さんの参考になればと思います。気になることがあれば是非コメントなどお待ちしております。
また次回のデイトラ学習記録もぜひご覧ください＾＾

【ランサーズ初受注】実績0件、レギュラーランクでも10人の中から選ばれました！

ランサーズで初受注し無事納品まで終えました！提案〜納品までどんな感じで対応したのか、提案文や実績を公開しています。

lemolog.lemomo-works.com

2022.04.08