プログラミング基礎の基礎学習
現在大学3年生、フロントエンドエンジニア目指して新卒エンジニア就活中！
コーディングテスト対策をしようとしたら背筋が凍る程解らないことだらけだったので、基礎からたたき直しアウトプットとしてこの記事を投稿します。
本記事ではコーディング以外の基礎部分を取り扱います👶
現状のスキルレベル
-html&css 実務レベル
-javascript(next.js) アプリ開発経験あり
学習のロードマップ
ロードマップは以下の通りです💪
- webアプリの仕組み
- インターネットの基本
- OS
- バージョン管理ツール
- データベース
- APIとは
- webサイトにおけるセキュリティ対策
- テスト
webアプリの仕組み
大まかな仕組み
ブラウザがサービス側にリクエストを送るサービス側がレスポンスを返すという流れ。
ブラウザなどユーザーが操作する部分はクライアントサイド
サービス側がクライアントのリクエストに応じてサーブするのをサーバーサイド
サーバーサイドの具体的処理
WebサーバーがリクエストからDBサーバーに必要なデータを問い合わせ、HTML,CSS,JavaScriptや画像などのデータを送信
用語が沢山出てきたので用語整理
サーバー：リクエストに応じてレスポンスを返すコンピューター
Webサーバー：Webアプリケーションが動いているコンピューター
DBサーバー：データベースのが稼働しているコンピューター
インターネットの基本
ITの基礎中の基礎ネットワーク😎
httpとは
HyperText Transfer Protocol（ハイパーテキスト・トランスファー・プロトコル）」の略
通信のお約束のこと
ホームページ内のファイルなどのデータを受け渡しするときのルールのこと
通信する上でのルールのことを 通信プロトコルという
ホームページ表示までの流れ
- ブラウザがwebサーバーにページを要求
- webサーバーが要求されたページを渡す
- ブラウザがwebサーバーから渡されたページを表示
参考
どのようにインターネットが動くのか
とりあえずアルファベットの用語がたくさん出てきてごちゃまぜになりそうなので一旦整理
IPアドレス
インターネットプロトコルアドレスはPC一つ一つが持つ192.168.1.1のようなコードのこと
ドメイン
ドメインはインターネット上のあるWEBサイトやサーバーがどこにあるかを示す住所のようなもの
IPアドレスは数字で覚えにくくurlでなんのサイトなのかが解らないのに対し、文字列でなんのサイトかわかりやすくWEBサイトやサーバーがどこにあるかを示している。
DNSサーバー
ドメインネームシステムは数字のIPアドレスを文字列のわかりやすいドメインに変換してくれる翻訳機のようなもの
Webサーバー
Webサーバーはwebアプリケーションなどのデータが格納されたPCのことそれぞれIPアドレスを持っている
webサイトを閲覧するときはIPアドレスに問い合わせる必要がある
用語解説はこの辺にしてインターネットの動く流れに移ります
webサイト表示までの流れ
- URLにアクセス
- URLに含まれるドメインを元にDNSサーバーがIPアドレスに問い合わせる
- DNSサーバーがドメインに対応したIPアドレスをもつwebサーバーにデータを要求する
- webサーバーから送られたデータをブラウザに表示
参考
OS
パソコンの根幹部分のOSに付いて
よくわからない用語がたくさんあるのでまた用語整理
カーネル
OSの大部分を担当しているソフトウェア
メモリやCPUとのやり取りをする部分
デーモン
常にスタンバイや動作している部分
何も処理するものがないときはスタンバイし、処理の要求が来ると処理しまたスタンバイに戻るバックグラウンドシステム。
目に見えないコンピューターの裏の部分で動作している
シェル
人からの入力をコンピューターに伝える部分
実行を担当するのではなくただコンピューターにシェルから入力された司令を伝える係
バージョン管理
バージョンが管理するのは主にソースコード
変更履歴を線のように管理する
ブランチ
変更を枝分かれさせて共同開発でも困らないようにバージョンを管理する仕組み
多くのバージョン管理システムでは変更を線のようにつなぎ履歴を管理している。
ブランチを使用すると変更があるたびに履歴の線が枝分かれしていくこの仕組みによって複数人が同時に変更をしてもすべてを上書きすることなく一つにまとめることができます。
バージョン管理システムgit
リポジトリ
ファイルの状態を記録する部分
ローカルリポジトリ
ローカル環境(自分のPCなど)に作られるリポジトリ
リモートリポジトリ
GitHubに作られるリポジトリ
複数人で参照できる
クローン
リモートリポジトリをローカルリポジトリにダウンロードすること
コミット
ファイルをローカルリポジトリに保存すること
プル
リモートリポジトリにありローカルリポジトリにない部分をローカルリポジトリに加えること
プッシュ
ローカルリポジトリをリモートリポジトリに送信すること
マージ
枝分かれしたブランチを結合し変更を反映させること
参考
データベース
データの集合体がデータベース
テーブルについて
データベース種類ごとの単位
表形式でデータを管理している
レコード
レコードは、テーブルの行を意味する様々な種類のデータを取り扱う
カラム
カラムは一つのデータを扱い
フィールド
データベース内の最小単位エクセルでいうところの「セル」
リレーショナルデータベース
APIとは
別のプログラムから機能の一部をリクエストされたときに用意されている窓口
情報セキュリティ
情報セキュリティの三項目
情報の機密性
許可された人のみがアクセスできる状態
機密性を維持する三要素
- アクセス制限
- パスワード認証
- 入室制限
情報の安全性
情報が最新で正しい状態であること
機密性を維持する二要素
- アクセス履歴利用者の確認
- 情報の変更履歴データ改ざんの検知
情報の可用性
必要なときに、対象の情報を安全に利用できること
可用性を維持する要素
- サービスの継続提供
テスト
ソフトウェアテストとは、開発中のソフトウェア（コンピュータプログラム）が意図した通りに動作するかを検証すること。
単体テスト
単体テストは対象のモジュールが意図したとおり正しく機能するかを確認するために行われるもの
結合テスト
複数のモジュールを結合したときに正しく機能するかを確かめるテストで、主にモジュール間の接続点（インターフェース）がうまく機能するかを確認するために行われるもの
システムテスト
開発の最終段階にシステム全体を対象に行われるテスト。
現在多くの人に感動を与るフロントエンドエンジニア目指して就職活動をしています。
こちらもご確認ください