面倒なコーディングをもっとラクに、スムーズに。
吉田 祥太
こんにちは！ 吉田です！
お待たせしました！
今日から
コーディングの基礎講座を
お届けしたいと思います！
記念すべき第一弾は
「環境構築＆設定」
（拡張機能を入れるところまで）
はい、地味ですねー笑
「こんだけ引っ張って
コーディングせんのかいっ！！」
って誰かに言われそう。笑
でもコレを
やっておかないと
後々めちゃ大変なのです。
登山するとき
ウェアとか靴を
用意するのと同じで
これやるだけで
後々のコーディング作業が
段違いにラクになります。
昔フロントエンジニアをやっていた
吉田がコーディングについて思うのは
「コーディングは
IT土方の典型業務」
だということ。
１つ１つ書いていくしかないので
単純に労働時間を食われます。
かつ、書いていると
「エラーや時間との戦い」
みたいなところも出てくるので
「削減できる労力は
ガンガン削りたい！！（必死）」
ということで、
地味ですがジワリジワリ効いてくる
設定と拡張機能を一緒にやっちゃいましょう！
↓↓
今回のコーディング講座では
エディタにvscodeを使っています。
理由は「軽さ」と
「使いやすさ」からです。
本講座では
AdobeのDreamWeaverを
使っていますが
DreamWeaverでも
その他のエディタでも
大丈夫です！
（その場合は
「お使いのエディタの名前 拡張機能」で
検索していただき、
拡張機能のインストールをオススメします）
個人的には
同じような機能もあるし
サクサク動くので
こちらのほうが良い気がしてます！
来週はこの環境で
実際にhtmlを書いていくので
ぜひ週末にでも見ておいてくださいね！
では！
吉田
p.s.
YouTube久しぶりすぎて
６回くらい撮り直して、
「よっしゃ、上手くいった！！！」
という安心感から、
最後の最後でグダりました汗
「あー吉田やらかしてるわー」と
大目にみてください笑
今回はちょっと長めですが
次回からもっとスキマ時間で
見られるようにお届けしますね！
感想やこんなこと取り上げてほしい、などの
ご要望もお待ちしてますー！
ではよい週末を！
-今回ご紹介したリンク集-
■ダウンロード
↓Visual Studio Code↓
https://code.visualstudio.com/download
↓Google Chrome↓
https://www.google.com/intl/ja_jp/chrome/
■動画でご紹介した拡張機能オススメ記事
https://webdesign-trends.net/entry/13147
https://insource-mkd.co.jp/staff-blog/28791.html
ご質問お待ちしています！
投稿者プロフィール
-
フロントエンジニア出身の叩き上げセールスデザイナー
セールスデザイナーとしては５年目。
ノンデザイナー出身でめちゃめちゃ苦労した経験から、
感覚的になりやすいデザインの指導を
理論的かつ再現性ある形で伝えることをモットーにしている。
⇒ 詳しいプロフィールはこちら
最新の投稿
記事2023年12月25日【成果続々！】おめでとうございます！- 記事2023年12月20日「強みがない」デザイナーの生存戦略
- 記事2023年12月4日ガクブルしながら選ばれるデザイナーになろう
- 記事2023年11月27日サービスや営業メールを強くする泥臭い秘訣
