Webエンジニアが現場で使うプログラミング言語・フレームワーク・ツールを紹介します。転職する前から、ある程度使い方が分かっていると、企業側の教育コストが減るため、採用されやすくなります。
マークアップ言語
Webサイトの見出しや段落・表・リンクなど、文章構成を構築します。
スタイルシート言語
Webサイトの文字の色や大きさ、背景色など、デザインを構築します。
プログラミング言語
プログラミング言語は、コンピューターに処理を命令するときに使う言語です。
WebサイトやWebアプリ開発、テストなどで使用します。
フレームワーク
Webアプリ開発で、よく使う機能や処理をパッケージ化したものです。Webアプリは、プログラミング言語で、直接開発するのではなく、主にフレームワークを使って開発します。
データベース言語
データベースやその中のデータを管理する言語です。主にSQL(Structured Query Language)などがあります。
フロントエンド
WebサイトやWebアプリで、ユーザーが直接目に触れる部分を指します。主にWebブラウザ側でプログラムを実行しています。
マークアップ言語
・HTML
Webサイトの見出しや段落・表・リンクなど、文章構成を構築します。
スタイルシート言語
・CSS
Webサイトの文字の色や大きさ、背景色など、デザインを構築します。
プログラミング言語
・JavaScript
Webブラウザ上で動作をする、プログラミング言語です。Webサイト上のユーザーの動作に対して、HTML・CSSの編集が可能です。
フレームワーク
・Bootstrap
HTML・CSS・JavaScriptから構成される、人気なUI開発のフレームワークです。
主にWebサイトの文章構成やデザインを構築します。学習コストが低く、日本語情報も豊富です。
・Vue
JavaScriptから構成される、人気なUI開発のフレームワークです。主にWebサイトの文章構成や動作を構築します。学習コストが低く、日本語情報も豊富です。Webブラウザをリロードせずに、一部のHTMLを変更することができます。
・ECharts
HTML・JavaScriptから構成される、チャート描画ライブラリです。データをグラフ化して、動的に操作できます。
他にも以下のようなフレームワークがあります。
・Tailwind CSS
・React
・Angular
バックエンド
WebサイトやWebアプリで、ユーザーから見えない部分を指します。主にサーバー側でプログラムを実行しています。
プログラミング言語
・PHP
サーバー上で動作をする、人気のプログラミング言語です。学習コストが低く、プログラムがシンプルで、読み書きがしやすいです。Webサーバーとして通信処理や、データベース操作が可能です。
フレームワーク
・Laravel
PHPから構成される、最も人気なWebフレームワークです。コードが分かりやすく、学習コストも低いです。
他にも以下のようなプログラミング言語・フレームワークがあります。
・Ruby,Ruby on Rails
・Python,Django
・Java,SpringBoot
・JavaScript(Node.js)、Express.js
データベース言語
・MySQL
世界で最も利用されている、無料のデータベース管理システムです。
他にも以下のようなデータベース言語があります。
・PostgreSQL
ツール
Google Chrome
Webブラウザの中で、圧倒的なシェア率を誇ります。WebサイトやWebアプリの開発者用のツール(Developer tool)を使って、WebサイトやWebアプリを開発します。
Docker
軽量なコンテナ型アプリケーション実行環境です。サーバーやPCの中に、設定したい環境を簡単に構築できます。ITエンジニアは、よくDockerを使って、開発しているシステムの環境構築を行います。
Git
分散型バージョン管理システムです。ファイルの状態を好きなときに、更新履歴として保存できます。ITエンジニアは、基本的にGitを使って、開発しているシステムのコードの管理をしています。
Visual Studio Code
人気のコードエディタです。多数の機能拡張で、カスタマイズすることができます。
クラウドサービス
AWS
Amazon Web Serviceの略です。大きなシェア率を持つ、クラウドコンピューティングを使ったサービスです。インターネット経由で、サーバーやデータベース、ストレージなど、利用できます。AWSのサーバーを利用して、WebサイトやWebアプリを運用することが多いです。