[資格] HTML5 レベル1

-

HTML5はLPI-Japanが運営する資格で、HTMLとCSSのスキルを問われる試験です。

レベル1とレベル2の2段階があり、今回は基礎編であるレベル1を取得しました。

HTMLとCSSはITエンジニア、またWebデザイナーにとっても必須スキルとなっています。これまで理解しているつもりではいましたが、いざ勉強してみると理解が浅かったり、分かってなかったりしていた部分が結構あったので、この資格取得によって基礎をしっかりと抑えることができたのは非常に良かったと思います。

また、習得した知識は「デザイナーと開発者」といった異なる立場の方同士がスムーズにコミュニケーションを行うことにも、非常に役立つと考えられます。

今回はこの有益な資格についてと、試験について簡単にまとめていきます。

HTML5 レベル1について

概要

HTML5やCSS3、JavaScript等によるWebページなどのデザインから構築までのスキルを保有することを認定する資格です。

レベル1はHTMLとCSSについてのスキルを中心に試験が構成されています。

なお、LPI-Japanの資格は全部そうなのですが、5年で優位性の期限が切られています。5年経過すると失効するわけではないのですが、優位性が失われますので、同一試験を再受験するか、レベル2を取得するかしなくてはなりません。

https://html5exam.jp/outline/lv1.html

試験

試験名 HTML5プロフェッショナル認定資格 レベル1
合格ライン 70点 / 100点
問題数 60問
試験時間 90分

問題数が多めですが知識を問われる問題がほとんどですので、1問にかかる時間はそうありません。

また、選択問題が9割近くを占め、記述問題はほとんどありませんでした。

各セクション

  • Webの基礎知識
  • CSS
  • 要素
  • レスポンシブウェブデザイン
  • APIの基礎知識

使用した参考書について

こちらはLPI-Japanの認定教材となっている問題集＋模擬試験1回分です。

設問ベースですが、解説がしっかりめに記載されてますので、合格だけを目指すならこの一冊で十分な感じでした。

また、購入特典としてダウンロード版の模擬試験がついてきます。（※ダウンロードせずとも合格するだけの知識は十分得られます。）

試験内容

覚えている範囲で箇条書きですが以下にまとめます。

Webの基礎知識

  • Web関連技術の標準化団体について
    1. W3C
    2. WHATWG
  • リクエストメソッド
  • 認証方式
  • 文字実態参照
  • キャッシュ制御
  • セッション
  • Webセキュリティ
    1. XSS
    2. XSF
    3. SQLインジェクション

CSS

  • 外部/内部/インラインスタイルシート
  • セレクタ/属性セレクタ/疑似クラス
  • transitionプロパティ
  • アニメーション
    1. @keyframes規則
    2. animationプロパティ
    3. SQLインジェクション
  • ボックスモデル
    1. box-sizingプロパティ
  • マルチカラムレイアウト
  • !important
  • CSSプロパティの優先順位

要素

  • セクションについて
  • 挿入（ins）と削除（del）
  • リスト要素（ul、ol）
  • テキストのマークアップ
  • picture要素
  • グローバル属性
  • video/audio要素

レスポンシブWebデザイン

  • viewportについて
  • リセットCSS
  • リスト要素（ul、ol）
  • メディアタイプ
  • メディアクエリ
  • script要素
    1. defer/async

APIの基礎知識

  • ストリーミング
  • Canvas API
  • Geolocation API
  • Web Storage
  • Indexed Database API
  • 非同期処理
    1. Web Workers
    2. Service Workers

その他

受験結果について

EDUCOの受験者マイページで受験結果が確認できます。基本的にスコアレポート（試験後に渡される用紙）と同じ内容ですが、後から振り返るときに便利です。

https://ma.educo-j.or.jp/caf/Xamman

無料のオンラインセミナーについて

公式のオンラインセミナーが不定期で開催されています。試験についてのポイントや学習方法などについて解説があるので、気になる場合はチェックしてみるとよさそうです。

https://html5exam.jp/news/event/

試験バージョンの改定について

HTML5プロフェッショナル認定試験レベル１の出題範囲をV2.5に改定し、2022年2⽉1⽇に配信が開始されています。V2.5のリリース後6か⽉間は、V2.0も受験が可能となっています。

詳細については以下ページに添付されているPDFをご確認ください。

https://html5exam.jp/outline/lv1.html

所感

難しい試験ではないので、会社で報奨金や評価につながるのであれば是非とっておいたほうが良いと思います。

とはいえ最新技術を扱う試験です。よっぽど精通していない限り、中堅エンジニアやデザイナーであってもまったくの対策なしで挑むのは少々危険と感じました。

コメント

コメントを投稿

このブログの人気の投稿

docker-compose up で proxyconnect tcp: dial tcp: lookup proxy.example.com: no such host

-
いつものように docker-compose コマンドでコンテナを起動し作業しようとしたところ、件名のエラーが発生するようになりました。 特に何も構成等を変更した覚えはないのですが、調査・復旧したので対応した内容をまとめておきます。 環境、バージョン等 $ cat /etc/issue Ubuntu 20.04.3 LTS \n \l $ docker --version Docker version 20.10.8, build 3967b7d $ docker-compose --version docker-compose version 1.26.0, build d4451659 発生事象 コンテナを起動する docker-compose up -d でコンテナを起動します。 $ docker-compose up -d Pulling mysql (mysql:5.7)... ERROR: Get "https://registry-1.docker.io/v2/": proxyconnect tcp: dial tcp: lookup proxy.example.com: no such host 「プロキシーサーバーが見つからない」と言われているようですが、全く見に覚えがありませんでした。 テスト用Dockerプロジェクトで試す 以前の記事 で紹介したテスト用プロジェクトでも一応試したましたが同様のエラーでした。 $ docker-compose up -d Pulling web (nginx:alpine)... ERROR: Get "https://registry-1.docker.io/v2/": proxyconnect tcp: dial tcp: lookup proxy.example.com: no such host Docker ログイン Dockerへのログインを試したところ、こちらも同様のエラーが出ました。 $ docker login Authenticating with existing credentials... Login did not succeed, error: Error response from daemon: G
Read more »

docker-compose で起動したweb、MySQLに接続できない事象

-
イメージ
概要 以前作成したPHP + MySQL + LaravelのDockerプロジェクトがコンテナを立ち上げても画面にアクセスできなくなってしまったときの解決方法です。 以前の記事は以下です。 【Laravel + MySQL】Dockerで開発環境を作る https://www.s-watanabe.work/2020/12/laravel-mysqldocker.html 発生事象 コンテナを起動 $ docker-compose up -d Starting laravel-project_mysql_1 ... done Starting laravel-project_app_1 ... done Starting laravel-project_web_1 ... done ブラウザでアクセス いつものようにブラウザでアクセスしますが接続できません。 http://localhost:8000 ※この時Docker側のログには何も出力されません。 MySQLへ接続 MySQLも確認してみましたが同じく接続できなくなりました。 $ mysql -h 127.0.0.1 -u user -ppassword -D test mysql: [Warning] Using a password on the command line interface can be insecure. ERROR 2013 (HY000): Lost connection to MySQL server at 'reading initial communication packet', system error: 2 調査・確認 まず以下の記事を参考に新規のDockerプロジェクトが起動・接続できるかを確認しました。 https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-compose-on-ubuntu-20-04-ja # docker-compose はインストール済み $ docker-compose --version docker-compose version 1.26.0, build d
Read more »

【PHP】PHP_CodeSnifferを使う(コーディングルールのカスタマイズ)

-
phpcsを社内独自のコーディン規約などにあわせてカスタマイズする方法をまとめます。 インストールディレクトリ 以下のディレクトリにインストールされてます。 ~/.composer/vendor/squizlabs/php_codesniffer/ -rw-r--r-- 1 638 10 28 13:36 CONTRIBUTING.md -rw-r--r-- 1 187 11 26 12:08 CodeSniffer.conf.dist -rw-r--r-- 1 6399 10 28 13:36 README.md -rw-r--r-- 1 10085 10 28 13:36 autoload.php drwxr-xr-x 6 192 10 28 13:36 bin -rw-r--r-- 1 1083 10 28 13:36 composer.json -rw-r--r-- 1 1533 10 28 13:36 licence.txt -rw-r--r-- 1 6280 10 28 13:36 phpcs.xml.dist -rw-r--r-- 1 7054 10 28 13:36 phpcs.xsd -rw-r--r-- 1 340 10 28 13:36 phpstan.neon drwxr-xr-x 5 160 10 28 13:36 scripts drwxr-xr-x 16 512 10 28 13:36 src drwxr-xr-x 9 288 10 28 13:36 tests 設定ファイルを用意する CodeSniffer.conf.dist が雛形なのでこれをcpしてやればOKです。 cd ~/.composer/vendor/squizlabs/php_codesniffer/ cp CodeSniffer.conf.dist CodeSniffer.conf コーディングルールのカスタマイズ CodeSniffer.conf <?php $phpCodeSnifferConfig = array ( 'default_standard' => 'PSR2', 'repo
Read more »