本テストは、Web開発エンジニア採用や社内研修向けにHTML5の基本操作・構造、フォーム、セマンティック要素、SEO関連知識を確認するために作成されました。全20問、4択形式で、基礎知識の理解度を測ります。
このテストは、Web開発に携わるエンジニアがHTML5の基本構造、フォーム操作、セマンティック要素、およびSEOに関する知識と実務的なスキルを確認するために作成された知識確認テストです。HTML5は、従来のHTMLに比べ多くの新要素や属性が導入され、より意味的かつ効率的なマークアップを実現しています。本テストは、エンジニアとしての基本力を養い、実際のWebサイト制作や運用において正しいHTML5の運用ができるかを評価することを目的としています。
テスト内容は以下の通りです：
【HTML文書の基本構造】
・DOCTYPE宣言の役割とHTML5への適用
・、
、タグの役割の理解
【ヘッダー部およびメタ情報】
・
による文字エンコーディング設定
・
、<link>、<script>タグの基本的な使用方法<br />
<br />
【フォーム関連要素】<br />
・新たに追加された<input>要素のtype属性（email、date、range、number等）の活用<br />
・required、pattern、placeholder属性の役割と使い方<br />
・<datalist>、<fieldset>、<legend>、<label>の適切な利用方法<br />
<br />
【セマンティック要素の活用】<br />
・<article>、<section>、<aside>、<nav>、<header>、<footer>などの構造的な使い方<br />
・<figure>と<figcaption>による画像や図表の意味付け<br />
・<time>、<mark>、<progress>、<meter>など新要素の利用シーン<br />
<br />
【HTMLとSEOの連携】<br />
・meta descriptionやmeta robotsの役割、見出しタグ（h1～h6）の適切な利用<br />
・rel="canonical"、nofollow、noopener、noreferrer属性の意義と使い分け</p>
</div>
<div class="list-box">
<dl>
<dt><span>対象職種</span></dt>
<dd>エンジニア</dd>
</dl>
<dl>
<dt><span>問題形式</span></dt>
<dd>選択式</dd>
</dl>
<dl>
<dt><span>問題数</span></dt>
<dd>全20問</dd>
</dl>
<dl>
<dt><span>制限時間</span></dt>
<dd>30分</dd>
</dl>
<dl>
<dt><span>タグ</span></dt>
<dd><a href="https://rakutesu.com/test-list/it-internet-services/">#IT・インターネットサービス</a></dd>
</dl>
</div>
</div>
<!-- Test Sample -->
<div class="test-sample-cont">
<div class="wrapper">
<div class="header">
<h2 class="wb-tag">テスト問題プレビュー</h2>
</div>
<!-- start Sample v2 SERAK03-46 -->
<div class="daimondai-info">
<div class="">
<h3 class="heading--question">
HTML5の基本知識に関しての問題です。正しいものを選んでください。 <div class="disable-p-line-height disable-p-font-weight mt-10">
<p></p> </div>
</h3>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">1.</span>
<span class="text">
<p><!DOCTYPE html> はHTML5文書においてどのような役割を果たしますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[1]" value="">
<span class="test__radio__text">HTML文書の型宣言として、ブラウザにHTML5を使用していることを伝える</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[1]" value="">
<span class="test__radio__text">HTML要素の閉じタグを省略するための指示</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[1]" value="">
<span class="test__radio__text">スタイルシートをリンクするための宣言</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[1]" value="">
<span class="test__radio__text">JavaScriptの実行環境を指定するための宣言</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">2.</span>
<span class="text">
<p><html>、<head>、<body> タグはそれぞれどのような役割を持っていますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[2]" value="">
<span class="test__radio__text">すべての要素をグループ化するための汎用タグ</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[2]" value="">
<span class="test__radio__text"><html>は文書全体を、<head>はメタ情報を、<body>は内容を定義する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[2]" value="">
<span class="test__radio__text">HTML5専用の新しいレイアウト要素</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[2]" value="">
<span class="test__radio__text">JavaScriptで操作するための特別なセクション</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">3.</span>
<span class="text">
<p><meta charset='UTF-8'> タグの目的は何ですか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[3]" value="">
<span class="test__radio__text">ページのスタイルシートを定義する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[3]" value="">
<span class="test__radio__text">ページのタイトルを設定する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[3]" value="">
<span class="test__radio__text">文字エンコーディングをUTF-8に設定する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[3]" value="">
<span class="test__radio__text">JavaScriptのバージョンを指定する</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">4.</span>
<span class="text">
<p><title> タグはHTML文書においてどのような役割を果たしますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[4]" value="">
<span class="test__radio__text">スタイルを適用するための設定</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[4]" value="">
<span class="test__radio__text">画像の代替テキストを定義する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[4]" value="">
<span class="test__radio__text">外部リソースへのリンクを提供する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[4]" value="">
<span class="test__radio__text">ブラウザタブや検索結果に表示される文書のタイトルを定義する</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">5.</span>
<span class="text">
<p><link> タグの主な用途は何ですか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[5]" value="">
<span class="test__radio__text">外部のスタイルシートやリソースと文書を関連付ける</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[5]" value="">
<span class="test__radio__text">ページ内にJavaScriptを埋め込む</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[5]" value="">
<span class="test__radio__text">画像を表示するためのタグ</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[5]" value="">
<span class="test__radio__text">フォームの入力フィールドを作成する</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">6.</span>
<span class="text">
<p><script> タグはHTML文書においてどのような役割を果たしますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[6]" value="">
<span class="test__radio__text">文書の構造を定義する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[6]" value="">
<span class="test__radio__text">外部スタイルシートを読み込む</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[6]" value="">
<span class="test__radio__text">JavaScriptコードを埋め込みまたは外部から読み込む</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[6]" value="">
<span class="test__radio__text">メタ情報を設定する</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">7.</span>
<span class="text">
<p><input>要素のtype属性 'email' はどのような目的で使用されますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[7]" value="">
<span class="test__radio__text">パスワード入力用の暗号化されたフィールド</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[7]" value="">
<span class="test__radio__text">電子メールアドレスの入力形式を検証する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[7]" value="">
<span class="test__radio__text">日付入力専用のカレンダーを表示する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[7]" value="">
<span class="test__radio__text">数値入力のみを許可する</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">8.</span>
<span class="text">
<p><input>要素のtype属性 'date' の機能は何ですか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[8]" value="">
<span class="test__radio__text">日付入力のためのUIを提供する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[8]" value="">
<span class="test__radio__text">時間入力のための専用フィールドを表示する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[8]" value="">
<span class="test__radio__text">テキスト入力を数値に変換する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[8]" value="">
<span class="test__radio__text">電子メールアドレスの検証を行う</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">9.</span>
<span class="text">
<p>HTML5のフォーム要素において、required, pattern, placeholder 属性はそれぞれ何を制御しますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[9]" value="">
<span class="test__radio__text">requiredは入力補完、patternは文字列の自動変換、placeholderは値の初期化</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[9]" value="">
<span class="test__radio__text">requiredは値のフォーマット、patternは値の必須性、placeholderはエラーメッセージ表示</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[9]" value="">
<span class="test__radio__text">requiredはCSSスタイルの適用、patternは正規表現の定義、placeholderは入力ヒントの無効化</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[9]" value="">
<span class="test__radio__text">requiredは必須入力、patternは入力値のパターン検証、placeholderは入力ヒントの表示</span>
</label>
</span>
</div>
</div>
<div class="test__item test-card" style="padding: 20px; margin-bottom: 20px;">
<h3 class="test__title--question">
<span class="num">10.</span>
<span class="text">
<p><datalist> 要素はHTML5においてどのような用途で利用されますか？</p> </span>
</h3>
<div class="test--detail">
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[10]" value="">
<span class="test__radio__text">フォームのグループ化とラベリング</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[10]" value="">
<span class="test__radio__text">データベースとの接続を行う</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[10]" value="">
<span class="test__radio__text">入力候補のリストを提供し、ユーザーの入力を補助する</span>
</label>
</span>
<span class="test__custom-radio">
<label class="test__custom-radio">
<input type="radio" name="choice[10]" value="">
<span class="test__radio__text">画像のキャプションを表示する</span>
</label>
</span>
</div>
</div>
<!-- end Sample v2 SERAK03-46 -->
</div>
</div>
<!-- /Test Sample -->
</div>
</article>
</section>
<!-- CTA -->
<div class="cta-cont">
<div class="wrapper">
<div class="cta-row">
<div class="left-box">
<h3>無料登録をすると、<br>この問題を無料でご利用いただけます！</h3>
<div class="form-block">
<form action="https://rakutesu.com/form" method="get">
<input type="email" name="email" placeholder="メールアドレス入力">
<input type="submit" value="無料で始める">
</form>
</div>
<p>
<a href="https://www.siteengine.co.jp/privacy/" target="_blank">プライバシーポリシー</a>・<a href="https://rakutesu.com/terms/" target="_blank">利用規約</a>にご同意の上送信してください
</p>
</div>
<div class="right-box">
<figure>
<img src="https://rakutesu.com/wp-content/themes/siteengine/images/common/cta.png" alt="ラクテス無料登録">
</figure>
</div>
</div>
</div>
</div>
<!-- /CTA -->
<section id="test-maker">
<article class="wrapper">
<h3 class="subtitle-blue">問題作成者紹介</h3>
<div class="test-maker-row">
<div class="test-maker-text">
<p><b>ラクテス編集部</b></p>
<p>ラクテスはクラウド上で簡単にテスト作成・実施ができるサービスです。</p>
</div>
<figure class="test-maker-image">
<img src="https://rakutesu.com/profile/1681095166_logo_blue (1).png" alt="">
</figure>
</div>
</article>
</section>
<!-- Related -->
<section id="test-list" class="related exam-same-category mb-5">
<article class="container">
<h2>
<img src="https://rakutesu.com/wp-content/themes/siteengine/images/test-list/icon-it.svg" alt="ソフトウエア・インターネット・通信">
<span class="test-list__title">IT・インターネットサービスに関連するテスト</span>
</h2>
<div class="test-list-row row">
<div style="display: grid">
<div class="slick-list-1 exam-same-category-slider ">
<!-- Item -->
<div class="test-list-item" id="slick-slider">
<a href="https://rakutesu.com/test-list/it/1155/">
<div class="inner">
<h3 class="question-title">令和6年度 基本情報技術者 過去問 【科目B】</h3>
<div class="question-desc">
<p style="word-break: break-word;">本テストはIPA（独立行政法人 情報処理推進機構）が主催している基本情報技術者試験で出題された過去問です。なお、解説、配点等については「ラクテス」が独自に作成したものになります。<br />
「出典：令和6年度 基本情報技術者試験 科目B 公開問題 問題冊子」<br />
https://www.ipa.go.jp/shiken/mondai-kaiotu/sg_fe/koukai/eid2eo0000007g1d-att/2024r06_fe_kamoku_b_qs.pdf</p>
</div>
<ul class="info">
<li class="time"></li>
</ul>
<div class="btn">
<p>テスト詳細</p>
</div>
</div>
</a>
</div>
<!-- /Item -->
<!-- Item -->
<div class="test-list-item" id="slick-slider">
<a href="https://rakutesu.com/test-list/it/1149/">
<div class="inner">
<h3 class="question-title">応用情報技術者試験過去問【午前テクノロジ系】</h3>
<div class="question-desc">
<p style="word-break: break-word;">本テストはIPA（独立行政法人 情報処理推進機構）が主催している「応用情報技術者試験」で出題された過去問のうち、テクノロジ系の問題です。なお、解説、配点等については「ラクテス」が独自に作成したものになります。<br />
「出典：令和7年度 秋期 応用情報技術者試験 午前 問題冊子」<br />
https://www.ipa.go.jp/shiken/mondai-kaiotu/nl10bi0000009lh8-att/2025r07a_ap_am_qs.pdf</p>
</div>
<ul class="info">
<li class="time"></li>
</ul>
<div class="btn">
<p>テスト詳細</p>
</div>
</div>
</a>
</div>
<!-- /Item -->
<!-- Item -->
<div class="test-list-item" id="slick-slider">
<a href="https://rakutesu.com/test-list/it/1148/">
<div class="inner">
<h3 class="question-title">応用情報技術者試験過去問【午前ストラテジ系】</h3>
<div class="question-desc">
<p style="word-break: break-word;">本テストはIPA（独立行政法人 情報処理推進機構）が主催している「応用情報技術者試験」で出題された過去問のうち、ストラテジ系の問題です。なお、解説、配点等については「ラクテス」が独自に作成したものになります。<br />
「出典：令和7年度 秋期 応用情報技術者試験 午前 問題冊子」<br />
https://www.ipa.go.jp/shiken/mondai-kaiotu/nl10bi0000009lh8-att/2025r07a_ap_am_qs.pdf</p>
</div>
<ul class="info">
<li class="time"></li>
</ul>
<div class="btn">
<p>テスト詳細</p>
</div>
</div>
</a>
</div>
<!-- /Item -->
<!-- Item -->
<div class="test-list-item" id="slick-slider">
<a href="https://rakutesu.com/test-list/it/1147/">
<div class="inner">
<h3 class="question-title">応用情報技術者試験過去問【午前マネジメント系】</h3>
<div class="question-desc">
<p style="word-break: break-word;">本テストはIPA（独立行政法人 情報処理推進機構）が主催している「応用情報技術者試験」で出題された過去問のうち、マネジメント系の問題です。なお、解説、配点等については「ラクテス」が独自に作成したものになります。<br />
「出典：令和7年度 秋期 応用情報技術者試験 午前 問題冊子」<br />
https://www.ipa.go.jp/shiken/mondai-kaiotu/nl10bi0000009lh8-att/2025r07a_ap_am_qs.pdf</p>
</div>
<ul class="info">
<li class="time"></li>
</ul>
<div class="btn">
<p>テスト詳細</p>
</div>
</div>
</a>
</div>
<!-- /Item -->
</div>
</div>
</div>
</article>
</section>
<!-- /Related -->
</main>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>-->
<!-- Free Signup Form -->
<div class="free-signup-form__new">
<div class="home-hero-form">
<p class="free-signup-form__new-title">今すぐ<span class="free-signup-form__new-title_color-change">無料</span>でお試し</p>
<div class="form-block">
<form action="https://rakutesu.com/form" method="get">
<input type="email" name="email" placeholder="メールアドレス入力">
<input type="submit" value="無料で始める">
</form>
<p class="free-signup-form__new-privacy">
<a href="https://rakutesu.com/privacy/" target="_blank">プライバシーポリシー</a>
・<a href="https://rakutesu.com/terms/" target="_blank">利用規約</a>にご同意の上送信してください
</p>
</div>
</div>
</div>
</div><!-- #content -->
<!-- Footer -->
<footer id="site-footer">
<div class="wrapper">
<!-- 一般的なフッターコンテンツ -->
<div class="ft-row">
<div class="ft-info">
<div class="site-logo">
<a href="/">
<img src="https://rakutesu.com/wp-content/themes/businesspress/images/common/logo.svg" alt="入社試験問題の作成と実施をクラウドで簡単に | ラクテス">
</a>
</div>
<p>〒158-0094<br>東京都世田谷区玉川三丁目20番2号 <br class="pc-none">マノア玉川第3ビル501</p>
<div class="footer-privacy_new">
<img src="https://rakutesu.com/wp-content/themes/businesspress/images/common/ISMS_v2.png" alt="ISMS">
</div>
</div>
<div class="ft-subnav">
<ul>
<li>
<a href=" https://rakutesu.com/about/">私たちについて</a>
</li>
<li>
<a href="https://rakutesu.com/test-list/">テスト一覧</a>
</li>
<li>
<a href="https://rakutesu.com/#ask">テスト制作依頼はこちら</a>
</li>
<li>
<a href="https://rakutesu.com/#price">料金プラン</a>
</li>
<li>
<a href="https://rakutesu.com/column/">ブログ</a>
</li>
</ul>
<ul class="footer-link_privacy">
<li>
<a href="https://rakutesu.com/privacy/">プライバシーポリシー</a>
</li>
<li>
<a href="https://rakutesu.com/security/">情報セキュリティ基本方針</a>
</li>
<li>
<a href="https://rakutesu.com/agency/">代理店・販売パートナー募集</a>
</li>
<li>
<a href="https://rakutesu.com/system-partner/">システム連携パートナー募集</a>
</li>
<li>
<a href="https://rakutesu.com/request-sample/">サンプルテストのリクエスト募集中</a>
</li>
</ul>
</div>
</div>
<div class="copy">Copyright © <script>
document.write(new Date().getFullYear());
</script> SiteEngine Inc. All Rights Reserved.</div>
</div>
</footer>
<!-- Scroll to Top -->
<div class="page-top">page top</div>
<div class="banner-content" id="banner">
<button class="close-btn" onclick="closeBanner()">
<div>
<img src="https://rakutesu.com/wp-content/themes/businesspress/images/common/icon-close.svg" alt="">
</div>
</button>
<a href="https://rakutesu.com/exam-creation-service-inquiry/" class="c-bnr">
<img src="https://rakutesu.com/wp-content/themes/businesspress/images/common/bnr-contact.jpg"
alt="御社だけの採用、昇進試験もお任せください。テスト問題作成代行 お問い合わせ">
</a>
</div>
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/siteengine/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
jQuery(document).ready(function($) {
// 企業向け研修ページのページ内リンクを制御
$('.corporate-training-nav .nav-link').on('click', function(e) {
e.preventDefault(); // デフォルト動作を防止
e.stopPropagation(); // イベントの伝播を停止
e.stopImmediatePropagation(); // 他のリスナーも停止
var target = $(this).attr('href');
// ヘッダーの実際の高さを取得 + 余白30px
var headerHeight = $('#site-header').outerHeight() || 0;
var adminBarHeight = $('#wpadminbar').outerHeight() || 0;
var offset = headerHeight + adminBarHeight + 30;
if ($(target).length) {
// スムーズスクロールを一時的に無効化
$('html').css('scroll-behavior', 'auto');
$('html, body').stop().animate({
scrollTop: $(target).offset().top - offset
}, 800, 'swing', function() {
// アニメーション完了後にスムーズスクロールを再有効化
$('html').css('scroll-behavior', 'smooth');
});
}
return false; // 念のため追加
});
});
</script>
<script type="text/javascript" id="leadin-script-loader-js-js-extra">
/* <![CDATA[ */
var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.3.44"};
//# sourceURL=leadin-script-loader-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://js.hs-scripts.com/7102364.js?integration=WordPress&ver=11.3.44" id="leadin-script-loader-js-js"></script>
<script type="text/javascript" id="toc-front-js-extra">
/* <![CDATA[ */
var tocplus = {"visibility_show":"\u8868\u793a","visibility_hide":"\u975e\u8868\u793a","width":"100%"};
//# sourceURL=toc-front-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://rakutesu.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2411.1" id="toc-front-js"></script>
<script type="text/javascript" src="https://rakutesu.com/wp-content/themes/siteengine/js/jquery.fitvids.js?ver=1.1" id="fitvids-js"></script>
<script type="text/javascript" src="https://rakutesu.com/wp-content/themes/siteengine/js/functions.js?ver=20180907" id="businesspress-functions-js"></script>
<script type="text/javascript" id="businesspress-navigation-js-extra">
/* <![CDATA[ */
var businesspressScreenReaderText = {"expand":"\u5b50\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f","collapse":"\u5b50\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b"};
//# sourceURL=businesspress-navigation-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://rakutesu.com/wp-content/themes/siteengine/js/navigation.js?ver=1.0.0" id="businesspress-navigation-js"></script>
<script type="text/javascript" src="https://rakutesu.com/wp-content/themes/siteengine/js/skip-link-focus-fix.js?ver=20160525" id="businesspress-skip-link-focus-fix-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=default&ver=1.3.13" id="mathjax-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://rakutesu.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://rakutesu.com/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
<script>
function closeBanner() {
document.getElementById('banner').style.display = 'none';
}
function applyMatchHeight() {
$('.m-height').matchHeight({ byRow: true });
$('.problem-txt-height').matchHeight({ byRow: true });
}
$(window).on('load', function () {
applyMatchHeight();
setTimeout(applyMatchHeight, 300);
});
$(window).on('resize', function () {
applyMatchHeight();
});
</script>
</body>
</html> 