Web Development Essentials試験対策その1：最も必要なもの

今日、Webページなしで存在できる組織があるでしょうか？Web サイトの作成方法を知っていれば、どのような組織にも大きな付加価値を与え、ほとんどどこでも雇用を見つけることができます。Linux Professional Institute (LPI) の Web Development Essentials 認定資格は、Web チームに貢献できるスキルを持っていることを証明するのに役立ちます。
Webサイトは相互に関連したさまざまなリソースの集合体であるため、HTMLやCSSといった単一のスキルを知っているだけでは十分ではありません。Web Development Essentials試験に合格するためには、以下のような目的のための基礎知識が必要です。
ソフトウェア開発、Web技術
HTML
CSS
JavaScript
Node.js and Express
SQL basics
この3回の連載で、それぞれの言語とフレームワークについて見ていきます。これらすべてを知っていれば、「フルスタックのWebプログラマー」として雇用主にアピールすることができます。つまり、プログラミングツールを連動させて、機能的なWebサイトを完成させることができるのです。
ウェブページをサポートするソフトウェアの関係を確認すると便利です。図1は、動作させる必要のあるソフトウェアと、先に挙げた要素がどのように組み合わされているかを示しています。
図1：Webサイトを構成するソフトウェア要素。
Web Development Essentialsは、あくまで “エッセンシャル “な部分をカバーしていることに注意してください。この試験に合格したからといって、アニメーションを使った見事なサイトが作れるわけではありません（そのためには、この試験でカバーされていない高度なCSSやJavaScript、そしておそらくSVGも必要です）。また、この資格でデザイナーになれるわけでもなく、技術的なスキルだけでなく、芸術的なスキルも要求される。Web Development Essentialsは、解析や検索エンジン最適化（SEO）についてもカバーしていません。しかし、この試験に合格することは、何もない画面から始めて、バックエンドのデータベースと連動して優れたユーザー体験を提供する、レスポンシブで反応性の高いウェブページを作成できることを示すものです。
最も必要なエッセンス（HTMLとHTTP）
1980年代後半、Tim Berners-LeeがWebを発明したとき、彼が提供したのはHTMLとHTTPだけだった。どちらも既存技術のささやかな改良であったが、共にインターネット革命を引き起こした。
HTMLは、テキストを魅力的に表示するためのフォーマットであり、画像やその他のメディアを配置するためのタグも含んでいる。HTMLは、古いマークアップ言語を高度に単純化したもので、今でもかなりシンプルである。HTMLが誕生して以来、最も重要なのは、ボタンやテキストを入力するボックスなど、インタラクティブなフォーム要素を表示するためのタグです。Web Development Essentialsでは、フォームをどのように扱うかを知っておく必要があります。
HTTPは、ブラウザ（または他のウェブクライアント）がウェブサーバーと対話する方法です。バーナーズ＝リーはHTTPのために、他の多くのインターネットサービスで見られる単純なテキストコマンドやメッセージを採用した。例えば、ブラウザでWebページの名前を間違えて入力したときに表示される「404」というメッセージを見たことがあると思います。Web Development Essentials」の学習により、インターネットサービスで使用される標準的なメッセージの中で、404がどのような位置を占めているかを知ることができます。
また、ウェブページの要素をキャッシュすることや、SSLによるセキュリティの適用など、HTTPの高度な機能についても理解する必要があります。
HTMLは、テキストエディタの使い方さえ知っていれば、その言語で実体を書くことができるので、勉強しやすいのです。テキストファイルを任意のブラウザで表示して、結果を確認することができます。HTTPは、WebクライアントとWebサーバーの両方を用意する必要があるため、よりハードルが高くなります。これらのニーズを満たす方法については、後ほど説明します。
次回は、図1に示すブラウザとウェブサーバのプログラミングについて説明します。この2つがWebエクスペリエンスの重要な要素です。