社会を生き抜く知恵

仕事や経験、本から得た知識に基づき処世術、豆知識など社会を生き抜くための知恵を紹介

プログラミング

【プログラミング初心者必見】コーディング模写した時につまずきやすいこと

投稿日:

Progate、ドットインストールの次にやること・・それはコーディング模写!

progateとドットインストールのHTML、CSSの講座をやり終えたので、さて・・次のステップは・・と調べていたら、「プログラミングのスキルを伸ばすには実践が重要」とのこと。

と言っても・・・「実践って言っても何作ればいいの・・」というのが自分も含め初心者の大半。

で、さらにググって調べてみると、とりあえず、簡単なサイトのコーディングの模写をしてみるのが、いいとのこと。

でもさ・・簡単なサイトなんて、初心者にはわからんよ・・どのサイトか教えてよ・・

と思っていたら、ご丁寧に「初心者のコーディング模写にはこのサイトがいいよ!」と教えてくれているブログが複数ありました!

いい世の中だ・・至れり尽くせり!

実践力を身につけよう!模写コーディングするサイトの探し方

初心者がコーディング模写するにはちょうどよい難易度で、汎用性があるコードを使っているサイトはこの2つ。

バンコクのノマドエンジニア育成講座iSara[イサラ]
PAS-POL -旅のモノづくりブランド-

progateとドットインストール回した程度のレベルで、本当にコーディング模写できるの?と思っている初心者の人、必見!

実際にそのレベルの自分がコーディング模写やってみましたので、一通り学習して、これからコーディング模写しようとしている人は参考にしてください。

※ドットインストールとprogateのHTML、CSS講座を終えたくらいのレベルの人。自分も今そのレベルです!

コーディング模写キツい・・・挫折寸前・・

いきなり後ろ向きな感想ですいませんが・・・最初の取っかかりは、正直キツいです。

どこから手を付けていいやら、わかりません。ただ、といっても、なんとか簡単な部分のパーツをひとつ一つ書いていき、こまめにクロームのデベロッパーツールで確認していけばなんとか進められます。

不思議なもので、段々とパーツが揃っていき、模写と同じようなウェブサイトのようになっていくと、気力が湧いてきて、徐々に楽になります。

コーディング模写していて特に辛かったこと・・

クロームのデベロッパーツールを数回見て、CSSを何度変えても、見本のサイトと同じようにならない・・ってことが何度かありました。

まあ・・・単純なミスだったりが大半なんですが、これかなり時間かかります。

一つの謎(CSS)を解決するのに、平気で2時間くらい飛んでいきます。

何時間かかっても、解決できれば、嬉しいんですが、結局よくわからず、モヤモヤしたまま、とりあえず微妙に見本のサイトと違うけど、妥協するということも何回かありました。

完璧でなくてよいから、とりあえず7,8割合っていればよい

まあ・・これは自分への慰めの言葉でもあるんですが、完璧を目指すと時間かかり過ぎて、途中で挫折する可能性大です。

自分はレスポンシブ対応はとりあえず放置して、進めました。それでも、PCサイトの見た目だけでも、見本のサイトとだいだい同じように出来ると満足感を得ることができ、小さな自信もつきます。

あくまで練習なので、完成させることを最優先に進めるのがオススメです。

-プログラミング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【初心者】ド素人がプログラミングを3ヶ月勉強してみる【1日目】

プログラミングを3ヶ月勉強すれば、月5万円くらい稼げるようになるだと!? はい。プログラミングをやろうと思ったキッカケは文字通り、「金のため」というゲスな動機です。 ちなみに、自分の今の状況はこんな感 …

【初心者】ド素人がプログラミングを3ヶ月勉強してみる【3日目】~htmlを学ぶ~

初心者必見!ド素人がhtmlをドットインストールで学ぶとどうなるのか!? 前回、ドットインストールのプレミアムプランに加入したまでを記載した。で、いよいよ本番。いざ、プログラミングの学習へ まず、最初 …

【勉強開始1ヶ月】プログラミング初心者が1ヶ月勉強を継続して気づいたこと

プログラミングの勉強をはじめて、1ヶ月・・まだ一応継続してます。 年末にプログラミングの勉強をはじめてから、約1ヶ月。とりあえず挫折せずに、勉強継続できているので、気づいたことを簡単にここにまとめてお …

【初心者】ド素人がプログラミングを3ヶ月勉強してみる【2日目】~ドットインストールで勉強~

プログラミングやるぞ!・・・ってまず何からやりゃいいのよ・・ググっても情報多すぎ・・ ブログで高らかにプログラミングやります!って宣言して、挫折フラグを立てたのはいいが、まず何からやればいいのか・・・ …

【初心者必見!】ブログラミング初心者がCSSでハマりがちなこと

プログラミング歴2週間の自分がハマってしまったCSSの落とし穴 プログラミングやり始めて、2週間の管理人です。今のところ、ドットインストールとprogateにて、htmlとcssの講座を終了! 現在、 …