やってみよう 模写コーディング

模写コーディングとは

HTML/CSSの基礎的な学習を終えた方が、実践的に技術力を高めたいときに、取り組むべき模写コーディング

すでにあるWebサイトを、自分でHTML/CSSを1から作成し、そっくりなWebサイトを作ること

模写コーディングをすると、格段にフロントエンド開発の力が付く

初心者は、部分模写がおすすめ

模写コーディングの手順

1. サイト選び
2. スクリーンショットを撮る
3. テキストを抽出する
4. 画像を抽出する
5. HTML編集
6. CSS編集
7. 答え合わせ

1. サイト選び

Googleで、模写コーディング練習サイト、などと検索して、出てきたサイトから、自分が気に入ったものを1つ選びましょう。

2.スクリーンショットを撮る

Chromeの拡張機能：GoFullPageを使う

3.テキストを抽出する

注意点

著作権には、気を付けてください

模写したサイト等は、公開したりせず、ローカルのみにとどめておいた方が良いでしょう。