2019-01-04 【技術動向】フロントサイドの技術体系 技術動向 概要 フロントに詳しくはないが、最低限の用語を押さえておく 前提:Webエンジニアの種類 Webエンジニアの種類 用いる技術 フロントエンドエンジニア Javascriptが基本,HTML,CSS バックエンドエンジニア Ruby,Python,Go,SQLなど インフラエンジニア セキュリティ知識、ネットワーク知識、クラウド (1)フロントエンド用語(登場順) 用語 説明 HTML ページの構造と要素を規定する言語 CSS 装飾やレイアウトを規定する言語 JavaScript 振る舞いを規定する言語 Ajax Javascrpitを用いてHTMLの一部だけを非同期に書き換える手法 DOM HTMLをオブジェクトとして扱うモデル(HTMLにおけるタグ構造) jQuery 2006年登場、AjaxとDOM操作に特化したライブラリー Nodejs サーバーサイドのJavaScript 2009年 Babel 最新のJavascriptを古いJavascriptに変換するツール ECMAScript(6) Javascriptを標準規格化されたスクリプト言語 VirtualDom 変更前と変更後のJavaScriptのオブジェクトの差分を計算して、最終的に最小限のHTMLだけをかえる技術 (2)その他学ぶべきもの 用語 説明 CSS Preprocessors Sass | プログラミングの入門なら基礎から学べるProgate[プロゲート] CSS Frameworks やらなくてもいいけど、やるならBootstrap ビルドツールLinter ESLint 最初の一歩 - Qiita ビルドツールモジュールパンドラ 最新版で学ぶwebpack 4入門 - JavaScriptのモジュールバンドラ - ICS MEDIA ビルドツールタスクランナー npm script JS Frameworks React or Angular PWA https://qiita.com/rana_kualu/items/144225f463fb0f1a21f6 Heroku (Webservice向けPass) スモールスタートでサービスを作る時は、やはりHerokuが便利だね - DEV Community 👩💻👨💻 参考 qiita.com www.designmap.info 最終更新日2019/01/04