【🔰超初心者】模写コーディングやってみた
・模写コーディングって？📃
・実施にあたっての最低条件☑️
・やってみた感想🍎 驚きの作業時間…
模写コーディングって？📃
模写コーディングってなんだろう？
「デモサイト」を見ながら同じサイトを作るコーディング練習です。実際のサイトで動きが確認できるのでコーディング初級者におすすめです。
初心者の自分が最初からサイトを作るなんて至難の技！🐢
マネをしつつ、実践レベルになれるように
経験を積むイメージで取り組もうと決意しました🪜
調べていくうちに…🔍
”模写コーディングは意味ない”
そんな衝撃的な言葉を目にしました🙀（笑）
ですが、超初心者の私にとって大事なのは
”上手にやること” あるいは ”効率よくやること”
よりもこのデザインの世界に慣れること、
経験を重ねて知ること、だと考えています。
良し悪しはあるかと思いますが、
今はその判断できるような眼はありません👀
なので、”違うかも”と思うまでひとまずやってみます💪
実施にあたっての最低条件☑️
超基礎が終わっていないと、何をすればいいかすら分かりません💫
かくいう私も、実際にはJavascriptは学習途中で取り掛かりました！
HTMLとCSSさえ学習済みであれば、
あとは失敗して、吸収するだけだと思っています🧽🫧（強気）
以下が参考にしたサイトや情報です🌟
| 情報源・サイト | |
|---|---|
| 模写するサイトとその画像 | Codejump |
| エディタ・模写用フォルダ | VSCode（Visual Studio Code) |
| 参考にさせていただいたブログ | プログラミングエールさん |
※クリックでサイトに飛べます🍊
エディタとは？
模写コーディングをする上でのエディタとは
コードを入力してそれをサイトに反映できるようなプラットホームです。
ちなみに、VSCodeはMicrosoftの作った無料のサイトです。
初心者〜上級者まで使っているそうです！
プログラミングエールさんも記述されているVSCodeはProgateでも紹介されていました👾
ブログの内容はかなり分かりやすいです！
私のようにデザイン初心者の人にはぜひ読んでいただきたい内容です
やってみた感想🍎
正直、挫折しそうでした😔
向いてないかも…と思いながらPCとずっと睨めっこ👹
初挑戦にしてCodejumpさんの入門編のデモをやりました。
作業時間は🕰️……約７時間ほど
もちろん、検証ツールも使いましたよ🔍
検証ツールって？（引用：Progate）
Webページなどを作成する際に、ブラウザで表示しているページの
HTMLやCSSを確認・編集することができる、
開発者にとって便利なツールです。使いこなすことで
かなり作業効率を上げることができるため、
Webページを制作する人にとっては必須のツールとなってきています
あと、地味に優秀！と思ったのはChatGPT！🤖
それだけAIが進歩してて、Web業界の厳しさも感じる…💔
でも挫けずに、まだまだ頑張ります！
かなり苦戦しながらやっと
少しスクロールすれば終わる程度の量のサイトを完成させました🌀
完成とは言っても、完成率は85％と言ったところでしょうか…
マネでも、白紙から自分が一生懸命作ったサイトを見ると嬉しくなります🧚💚
この嬉しさを忘れずに、いつか
”誰かが喜んでくれるかな💭✨
そう考えながら悩んでデザインを作りたいですね🌱
私と同じような初心者、一緒に踏ん張って頑張っていきましょう！🎖️
未経験＋Webデザイン＝収益ゼロなのか リアルな経過
