模写コーディング(事前準備編)

(IT)プログラミング

こんにちはODJです。

模写コーディングに関しての流れをまとめました。

独学で学習してる方の参考になれば幸いです。

テキストエディタを準備

→Visual Studio Code(https://code.visualstudio.com/)のインストール

Mac,windows版とあるので注意

コードを書くノートみたいなイメージです。

ここにコードを書いて制作していきます。

この画面開くだけでも、凄腕エンジニアみたいな感じになるので自慢しましょう(笑)

GoogleChromeをインストール

→GoogleChromeにインストール(https://support.google.com/chrome/answer/95346?co=GENIE.Platform%3DDesktop&hl=ja

代表的なブラウザです。

開発時には必ずChromeで制作物を逐一確認しましょう。

開発時にはテキストエディタで書いたコードのHTMLファイルをChromeにドラッグさせてエンターキーを押して確認します。

GoogleChrome拡張機能追加

WhatFont,ImageDownloder,PageRulerReduxを追加すればOK

下のリンクからダウンロードできます。

WhatFonthttps://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

ImageDownloder (https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj?hl=ja&

PageRulerRedux (https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal?hl=ja

コメント

タイトルとURLをコピーしました