模写のやり方を教えてください

模写の練習におすすめのサイトをご紹介します。
2021年8月17日
ユーザー

HTML/CSSを一通りやって、現在JavaScriptに挑戦中です。

HTML/CSSはイメージを表現できる楽しさを感じる一方で、JavaScriptは馴染みのない数学の要素があり苦手だと感じています。
上達するには既存のページを模写すると良いとアドバイスが書いてあるのを何度か拝見しましたが、模写の具体的なやり方やコツを教えてください。

目的はHTML/CSSを使いこなせるレベルになり、JavaScriptに対する苦手意識を
軽減させたいです。

模写におすすめのページの紹介もあると助かります。
よろしくお願いいたします。

スタッフ

こんにちは。ご質問ありがとうございました。

目的はHTML/CSSを使いこなせるレベルになり、Javascriptに対する苦手意識を
軽減させたいです。

HTML/CSSについては模写が良いですね。最近だと code-step さんが評判が良いようです。こちらを使ってみるのはいかがでしょうか(なお、 模写したサイトはインターネット上に公開しないようにしましょう。実在する会社や商品/サービスの名前、もしくは第三者が著作権を持つ画像などを模写サイトに掲載してしまっている場合、それが検索結果などで公開されていると法的な問題に発展する可能性があります)。

https://code-step.com/

またJavaScriptについては、Web制作の文脈においては、以下のようなUI部品の仕組みを理解して、上記で模写したサイトに組み込んでみるのもひとつの手かと思います。

そのあたりを問題なくこなせるようであれば、Web制作である程度JavaScriptを使うことができるようになったと言えるかと思います。

以上、参考にしてみてください。

ユーザー

自分で考えながらやらないと身につかないですね。ご紹介いただいたサイトに詳しく解説もありましたので模写に取り組んでみたいと思います。ありがとうございました。

スタッフ

そうですね、ぜひご自身でいろいろ試してみてください!

この質問はユーザーによって解決済みになりました

このレッスンの質問と回答(161)