0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

1からアプリケーションを作るエンジニアリングマネージャーの姿:環境構築編

Last updated at Posted at 2024-09-30

目的

  • エンジニアリングマネージャーをやっているが、あまりにもエンジニアリングがわかっていない
    • 1作業者として実務行った経験しかなく、0から開発ができない
      • 開発環境の構築とは?
      • アーキテクチャの選定とは?
      • Gitの使い方を忘れている... etc
    • これでEMを名乗るのは恥ずかしい
  • 作ってみたいアプリがあるので、それを作って生活をリッチにする
    • ユーザー(私)は人通りの多かったり幅が狭かったりする道が苦手なので、反対に「ここは歩きやすかったぞ!」という道をトレースしたいという要望を持っている

環境構築

  • VSCodeのインストール
    • これはなに?
      • 統合開発基盤。ここでソースコードを打っていく
    • なぜやる?
      • これがないとソースコードを書けなくて何も始まらない

  • Node.jsのインストール
    • これはなに?
    • なぜやる?
      • 今回はJavaScriptで開発するが、JSでの開発に必須のライブラリ(らしい)から入れておく
    • 補足
      • 環境パスへの設定をしないと、npmが通らなかった

  • Gitのインストール
    • これはなに?
      • ファイル管理の大定番。ソースコードを含むドキュメントのバージョン管理ができる
    • なぜやる?
      • これをインストールしないとバージョン管理ができない
    • どうやってやる?

  • GitHubの構築
    • これはなに?
      • ファイル管理の大定番。GitをGUI上で操作できる
    • なぜやる?
      • Gitで全部を操作するのもいいが、初心者なのでGUIがあった方がとっつきやすい
    • どうやってやる?

  • VSCodeとGitHubの連携
    • これはなに?
      • VSCodeをローカルフォルダにつないで、なおかつVSCodeからGitHub上のリモートレポジトリにPushができる
    • なぜやる?
      • ソースコードのエディタ(VSCode)と、
    • どうやってやる?
      • ここに書かれている手順に従って行う

  • VSCode上のGitのコミット歴をきれいに見るツールをインストールする
    • これはなに?

      • ソースコード上のコミット履歴をイケてるビジュアルにする
        image.png
    • なぜやる?

      • もとのコミット履歴は見づらい
        image.png
    • どうやってやる?

      • ここに書かれている手順で、ここに書かれている通りの拡張アプリをVSCodeに入れる

(WIP)もっと知りたいこと

  • VSCodeでのGitの作業方法がわからん
  • CI/CDってどうやって作るんだ
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?