デイトラでプログラミング始めました

初級4日目 環境構築

こんにちは、Hikaruです。

Progateでは環境構築が必要ありませんでしたが、実際にプログラミングを行うときは環境構築が必要です。

私はデイトラおすすめのVS Code

個人的に好きなVS Codeのプラグイン

LiveServer
ローカルサーバーを手軽に起動し、HTMLやCSSの変更をリアルタイムで検知してライブプレビューを提供します。

Code Spell Checker
コード内のスペルミスを検知して教えてくれるツールです。

Auto Rename Tag
開始タグを修正した際に、対応する終了タグも自動的に修正してくれる便利な機能です。

Prettier – Code formatter
コードを整形してくれるツールで、一貫性のあるフォーマットを維持するのに役立ちます。

Bracket Pair Colorizer
ペアになる括弧や中括弧に色をつけ、コードの構造を視覚的に分かりやすくしてくれます。VS Codeに標準で搭載されている括弧の色付け機能を参考にしています。

Code Time
プログラミングに費やした時間を自動でログに残し、モチベーションを向上させる手助けをしてくれます。

重要スキル Chromeの検証を使う


エラーが発生したときの効果的な対処手順は以下の通りです:

  1. 問題の特定:
    • エラーメッセージや予期せぬ動作を確認し、問題を特定します。
  2. 検証ツールの利用:
    • ブラウザの開発者ツールやデバッグツールを使用して、コードの実行中に何が起こっているのかを観察します。
  3. エラーメッセージの解読:
    • エラーメッセージから問題の原因や発生箇所を理解しようとします。
  4. グーグル検索:
    • エラーメッセージや問題のキーワードを使って、オンラインで情報を検索します。
  5. 公式ドキュメントの参照:
    • 使用している言語やフレームワークの公式ドキュメントを確認し、関連する情報を見つけます。
  6. コミュニティやフォーラムの利用:
    • 開発者コミュニティやオンラインフォーラムで他の開発者に質問し、協力を得ることができます。
  7. 実際のコード例の検討:
    • 類似の問題に対する他の開発者の解決策やコード例を参考にします。
  8. 実験とテスト:
    • 問題の解決策を実際に試してみて、効果を確認します。修正が成功したら、コード全体をテストして再確認します。

このプロセスを通して、エラーや問題に対処する能力が向上し、同様の課題に対して迅速かつ効果的に対処できるようになります。自己解決力が重要であり、エラーに対処するプロセスをスムーズに進めることがプログラミングにおいて重要なスキルです。

Chromeの検証の使い方はプロゲートさんの解説がわかりやすいです。

検証ツール(デベロッパーモード)の使い方

現在デイトラでスキルを勉強中


現在、デイトラでプログラミングを学んでいます。将来的には、月に5万円を稼げるようになることを目指しています。成功の条件として、この目標を達成することを設定しています。

コメントを残す

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