<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
>
<channel>
<title>国家試験 | Qwerty.work</title>
<atom:link href="https://qwerty.work/blog2/archives/tag/%E5%9B%BD%E5%AE%B6%E8%A9%A6%E9%A8%93/feed" rel="self" type="application/rss+xml" />
<link>https://qwerty.work/blog2</link>
<description>パソコンに関することをいろいろメモしています。</description>
<lastBuildDate>Sat, 19 Oct 2024 10:00:53 +0000</lastBuildDate>
<language>ja</language>
<sy:updatePeriod>
hourly </sy:updatePeriod>
<sy:updateFrequency>
1 </sy:updateFrequency>
<generator>https://wordpress.org/?v=6.8.1</generator>
<image>
<url>https://qwerty.work/wp/wp-content/uploads/2022/11/cropped-favicon_QwertyWork-32x32.png</url>
<title>国家試験 | Qwerty.work</title>
<link>https://qwerty.work/blog2</link>
<width>32</width>
<height>32</height>
</image>
<item>
<title>【ウェブデザイン技能検定1級】過去問サイトと試験対策の参考ページのメモ</title>
<link>https://qwerty.work/blog2/archives/885</link>
<dc:creator><![CDATA[postmaster]]></dc:creator>
<pubDate>Thu, 25 Jul 2024 12:01:52 +0000</pubDate>
<category><![CDATA[資格]]></category>
<category><![CDATA[ウェブデザイン技能検定]]></category>
<category><![CDATA[国家検定]]></category>
<category><![CDATA[国家試験]]></category>
<category><![CDATA[国家資格]]></category>
<guid isPermaLink="false">https://qwerty.work/blog2/?p=885</guid>
<description><![CDATA[目次 公式サイトの過去問学科試験の過去問サイト有料問題集（オンライン）を販売しているサイト参考ブログ実技試験の参考ペーパー実技を含めた全般的な参考ページ制作実技の参考動画 公式サイトの過去問 公式サイトで過去3年分の過去 […]]]></description>
<content:encoded><![CDATA[
<div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
<div class="toc-content">
<ol class="toc-list open"><li><a href="#toc1" tabindex="0">公式サイトの過去問</a></li><li><a href="#toc2" tabindex="0">学科試験の過去問サイト</a><ol><li><a href="#toc3" tabindex="0">有料問題集（オンライン）を販売しているサイト</a></li></ol></li><li><a href="#toc4" tabindex="0">参考ブログ</a></li><li><a href="#toc5" tabindex="0">実技試験の参考</a><ol><li><a href="#toc6" tabindex="0">ペーパー実技を含めた全般的な参考ページ</a></li><li><a href="#toc7" tabindex="0">制作実技の参考動画</a></li></ol></li></ol>
</div>
</div>
<h2 class="wp-block-heading"><span id="toc1">公式サイトの過去問</span></h2>
<p>公式サイトで過去3年分の過去問しか見当たりませんが、こちらで問題の傾向がつかめると思います。</p>
<a rel="noopener" href="https://www.webdesign.gr.jp/measures/publication" title="過去問題の公表 - ウェブデザイン技能検定" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://www.webdesign.gr.jp/img/2020/03/bg_page05-scaled.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">過去問題の公表 - ウェブデザイン技能検定</div><div class="blogcard-snippet external-blogcard-snippet">平成23年10月14日付にて、総務大臣より「検査検定、資格認定等に係る利用者の負担軽減に関する調査」の調査結果を受けての勧告がなされ、同件趣旨に対応する措置として、過去3回分の試験問題および正答を公表致します。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.webdesign.gr.jp/measures/publication/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.webdesign.gr.jp</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc2">学科試験の過去問サイト</span></h2>
<p>これは問題の内容が少し古いですが、やっておいて損はないでしょう。</p>
<a rel="noopener" href="https://mondaisyu.jp/web_design" title="ウェブデザイン技能検定国家試験 試験問題or過去問｜問題集.jp" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fmondaisyu.jp%2Fweb_design?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ウェブデザイン技能検定国家試験 試験問題or過去問｜問題集.jp</div><div class="blogcard-snippet external-blogcard-snippet">ウェブデザイン技能検定の試験勉強・資格取得の勉強の為の問題集サイト。過去問題や試験問題など試験勉強や復習・確認、移動中、待ち時間などの空いた時間でする”チョイ勉強”などの役に立てばと思います。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://mondaisyu.jp/web_design" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">mondaisyu.jp</div></div></div></div></a>
<p>以下は現在、「著作権上の問題」で問題が公開されていませんでした。</p>
<a rel="noopener" href="https://kakomon.club/webdesign/#" title="ウェブデザイン技能検定の過去問対策[無料で勉強] | 試験勉強ツールの過去問クラブ" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fkakomon.club%2Fwebdesign%2F%23?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ウェブデザイン技能検定の過去問対策[無料で勉強] | 試験勉強ツールの過去問クラブ</div><div class="blogcard-snippet external-blogcard-snippet">ウェブデザイン技能検定の過去問対策サイトです。ウェブでサクサク過去問勉強ツールの決定版！ウェブデザイン技能検定の過去問題に取り組めます！あなたの試験勉強を徹底サポート！回答結果は記録され、間違った問題への再挑戦などが可能となり効率的な試験勉...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://kakomon.club/webdesign/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">kakomon.club</div></div></div></div></a>
<h3 class="wp-block-heading"><span id="toc3">有料問題集（オンライン）を販売しているサイト</span></h3>
<p>月3,300円が必要ですが、公式サイトの過去問は3年分しかないため、幅広いジャンルの過去問にトライする材料としてはいいのではないでしょうか。</p>
<a rel="noopener" href="https://www.michino-education.com/webdesign/grade1" title="ウェブデザイン技能検定1級|過去問を超えた300の問題で合格を目指す" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://www.michino-education.com/webdesign/grade1/image/og_image.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">ウェブデザイン技能検定1級|過去問を超えた300の問題で合格を目指す</div><div class="blogcard-snippet external-blogcard-snippet">ウェブデザイン技能検定1級対策は、現役のWebエンジニアが作成した「みちのEducation」のウェブデザイン技能検定1級学習サイトで。過去問から作成した300のオリジナル問題を、スマホ一つで手軽に。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.michino-education.com/webdesign/grade1/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.michino-education.com</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc4">参考ブログ</span></h2>
<ul class="wp-block-list">
<li><a href="https://blog.webico.work/web-skilltest">ウェブデザイン技能検定 1級の学科試験を受験してきました！【2019/12】 | webico blog</a></li>
<li><a href="https://blog.webico.work/web-skilltest2">【実技】ウェブデザイン技能検定1級の実技試験を経て【2020/1】 | webico blog</a></li>
<li><a href="https://soundcafe.jp/blog/it/webdesighnginoushi1kyuu/">1級ウェブデザイン技能検定に合格して57人目の1級ウェブデザイン技能士になりました | MO9-SoundCafe（サウンドカフェ・エムオーナイン）</a></li>
</ul>
<h2 class="wp-block-heading"><span id="toc5">実技試験の参考</span></h2>
<h3 class="wp-block-heading"><span id="toc6">ペーパー実技を含めた全般的な参考ページ</span></h3>
<a rel="noopener" href="https://www.a-ino.com/business/it/web-design-skill-test-practical-skill" title="【実技】一級ウェブデザイン技能検定の実技試験対策ポイント3選 | 井上思考" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.a-ino.com%2Fbusiness%2Fit%2Fweb-design-skill-test-practical-skill?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【実技】一級ウェブデザイン技能検定の実技試験対策ポイント3選 | 井上思考</div><div class="blogcard-snippet external-blogcard-snippet">ウェブサイトの設計やデザインに関わる国家資格「ウェブデザイン技能士」になるための試験「ウェブデザイン技能検定」の実技試験について書いてみます。</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.a-ino.com/business/it/web-design-skill-test-practical-skill" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.a-ino.com</div></div></div></div></a>
<h3 class="wp-block-heading"><span id="toc7">制作実技の参考動画</span></h3>
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="一級ウェブデザイン技能士が作業実技の過去問題を解いてみた" width="1256" height="707" src="https://www.youtube.com/embed/gdGrINXcLRg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content:encoded>
</item>
<item>
<title>【ウェブデザイン技能検定2級】試験勉強に使える本、過去問サイト</title>
<link>https://qwerty.work/blog2/archives/782</link>
<dc:creator><![CDATA[postmaster]]></dc:creator>
<pubDate>Mon, 27 May 2024 07:06:16 +0000</pubDate>
<category><![CDATA[資格]]></category>
<category><![CDATA[ウェブデザイン]]></category>
<category><![CDATA[ウェブデザイン技能検定]]></category>
<category><![CDATA[国家検定]]></category>
<category><![CDATA[国家試験]]></category>
<category><![CDATA[検定]]></category>
<category><![CDATA[試験]]></category>
<guid isPermaLink="false">https://qwerty.work/blog2/?p=782</guid>
<description><![CDATA[ウェブデザイン技能検定2級を受けるにあたり役に立った問題集や過去問サイトをメモ。2級は3級に比べて教材が少ないです。実務経験やスキルを備えた方が受けるので、あまり需要がないのかもしれません。 目次 本テキスト過去問題集過 […]]]></description>
<content:encoded><![CDATA[
<p>ウェブデザイン技能検定2級を受けるにあたり役に立った問題集や過去問サイトをメモ。2級は3級に比べて教材が少ないです。実務経験やスキルを備えた方が受けるので、あまり需要がないのかもしれません。</p>
<div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
<div class="toc-content">
<ol class="toc-list open"><li><a href="#toc1" tabindex="0">本</a><ol><li><a href="#toc2" tabindex="0">テキスト</a></li><li><a href="#toc3" tabindex="0">過去問題集</a></li></ol></li><li><a href="#toc4" tabindex="0">過去問サイト</a><ol><li><a href="#toc5" tabindex="0">公式サイト</a></li><li><a href="#toc6" tabindex="0">公式サイト以外の過去問公開サイト</a></li></ol></li><li><a href="#toc7" tabindex="0">実技試験対策</a><ol><li><a href="#toc8" tabindex="0">実技試験用素材</a></li><li><a href="#toc9" tabindex="0">実技試験対策の参考サイト</a></li><li><a href="#toc10" tabindex="0">参考になる動画</a></li></ol></li><li><a href="#toc11" tabindex="0">実技試験「作業5a」対策</a><ol><li><a href="#toc12" tabindex="0">正規表現</a></li><li><a href="#toc13" tabindex="0">SELECTの選択肢の連番をJavascriptで設定したいとき</a></li></ol></li><li><a href="#toc14" tabindex="0">実技試験「作業5b」対策</a><ol><li><a href="#toc15" tabindex="0">Javascriptでスタイルを変更するソース例</a></li></ol></li></ol>
</div>
</div>
<h2 class="wp-block-heading"><span id="toc1">本</span></h2>
<h3 class="wp-block-heading"><span id="toc2">テキスト</span></h3>
<p>2023年に発売された比較的新しいテキストで、現時点で買えるものはこれしか見当たりません。<br><a rel="nofollow noopener" href="https://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A-2%E7%B4%9A%E3%82%AC%E3%82%A4%E3%83%89%E3%83%96%E3%83%83%E3%82%AF-%E3%80%90%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E3%83%9C%E3%83%BC%E3%83%AB%E3%83%9A%E3%83%B3%E4%BB%98%E3%81%8D%E3%80%91-%E3%82%A6%E3%82%A4%E3%83%8D%E3%83%83%E3%83%88-%E3%82%A6%E3%82%A3%E3%83%8D%E3%83%83%E3%83%88/dp/B0CBYZZCHR?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=1NZ325GIOHVFK&dib=eyJ2IjoiMSJ9.ayiXJeKfznN0RImcRZQyd8YXNqgY_yqh6yMcyhP03KPoVyJHxyPHpgsUhymV_LsnKue5ssMj3AygMMvO2CIzPZc6xnEL01nhjcBdV9gvJuY5yNhc52V7cBw8Bc0L6tj4im6qJzZmJtAtRftwZoxAp13mzKroxmdhZpvzRAu7ear9Z6bjIFlUd4FH7tgul9oE6NnyLRazyxptEJiZUHMO7YEN08hi3r8Bfhm1zTf0zuRfj1iftxzq-VCUEDpUZDuUEotgB23Xu4QYFqqdeO9sD5F9iqydsH-rJjUfCJ5j6Ww.nF3hhpyRFa_50URPJCd8Z1CfgDKrIlxtdKkKPwNdurA&dib_tag=se&keywords=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A&qid=1716982911&sprefix=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A%2Caps%2C208&sr=8-1&linkCode=ll1&tag=mh0723-22&linkId=0ae07a2fcff754336d9f0aa946fc5520&language=ja_JP&ref_=as_li_ss_tl" data-type="link" data-id="https://www.amazon.co.jp/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B32-Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E8%AA%8D%E5%AE%9A%E8%B3%87%E6%A0%BC2%E7%B4%9A%E5%85%AC%E5%BC%8F%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88-FITI%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E7%A0%94%E7%A9%B6%E6%89%80/dp/B0CSDF47RM?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=1JR0BCT7VD50K&dib=eyJ2IjoiMSJ9.zO-tpGMBVYXLmr2u2HKs-IW48KCHV57Mug_9jL8tO_WUGMa9grRhtRjnH92CwIgcszfFBpqVTOjgZ1uvrniwrR5Nmqc3vEOrTiqgH5CZKBSnciD1YHJsRPRFxlMqG60vxSFOLBQKLpWwDAExCvUWGtLWQ3WzNdQgXSkLMAu5tGDffCAVE9sWDDMMPQ0mhrNPeKVUoHD1UyTQjmpuDCuZ6mgKy3dBQmp1yY_Khp3M_vbWfHPqCwhBj3Ab-treZV9bM63bviJSsR8r6Q2qVxsidXKRemUq-1befrUGpCa7O8I.8favE_sIld6DHn9pD0kMd6O5dVhtyL9K6-Nv95M14QI&dib_tag=se&keywords=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A&qid=1716792515&sprefix=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A+%2Caps%2C289&sr=8-8&linkCode=ll1&tag=mh0723-22&linkId=68a84193d728226701496d5430ec516c&language=ja_JP&ref_=as_li_ss_tl" target="_blank">ウェブデザイン技能検定 2級ガイドブック</a></p>
<h3 class="wp-block-heading"><span id="toc3">過去問題集</span></h3>
<p>2つとも10年以上前に発売されたもので古いのですが、買えるものはこれしかなさそうです。どんなジャンルの問題がでるのか本で知りたければ、参考になるかもしれませんが、公式サイトの直近の過去問の方が役立ちそうです。</p>
<ul class="wp-block-list">
<li><a rel="nofollow noopener" href="https://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A%E9%81%8E%E5%8E%BB%E5%95%8F%E9%A1%8C%E9%9B%862%E7%B4%9A%E2%80%95%E7%89%B9%E5%AE%9A%E9%9D%9E%E5%96%B6%E5%88%A9%E6%B4%BB%E5%8B%95%E6%B3%95%E4%BA%BA%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B9%E3%82%AD%E3%83%AB%E8%AA%8D%E5%AE%9A%E6%99%AE%E5%8F%8A%E5%8D%94%E4%BC%9A-FOM%E5%87%BA%E7%89%88%E3%81%AE%E3%81%BF%E3%81%A9%E3%82%8A%E3%81%AE%E6%9C%AC-%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8B%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B9%E3%82%AD%E3%83%AB%E8%AA%8D%E5%AE%9A%E6%99%AE%E5%8F%8A%E5%8D%94%E4%BC%9A/dp/4865101365?pd_rd_w=Z1mEr&content-id=amzn1.sym.7f9fddb9-42c4-4d60-8284-9aaab79d2e8c&pf_rd_p=7f9fddb9-42c4-4d60-8284-9aaab79d2e8c&pf_rd_r=549PQXXC5BAJMY9AE2W0&pd_rd_wg=Rh9n1&pd_rd_r=20b7ccef-4c5f-4074-82df-8f6ecd091769&pd_rd_i=4865101365&psc=1&linkCode=ll1&tag=mh0723-22&linkId=1211fd2f6b40aa0d0013aee143ac7988&language=ja_JP&ref_=as_li_ss_tl" data-type="link" data-id="https://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A%E9%81%8E%E5%8E%BB%E5%95%8F%E9%A1%8C%E9%9B%862%E7%B4%9A%E2%80%95%E7%89%B9%E5%AE%9A%E9%9D%9E%E5%96%B6%E5%88%A9%E6%B4%BB%E5%8B%95%E6%B3%95%E4%BA%BA%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B9%E3%82%AD%E3%83%AB%E8%AA%8D%E5%AE%9A%E6%99%AE%E5%8F%8A%E5%8D%94%E4%BC%9A-FOM%E5%87%BA%E7%89%88%E3%81%AE%E3%81%BF%E3%81%A9%E3%82%8A%E3%81%AE%E6%9C%AC-%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8B%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%82%B9%E3%82%AD%E3%83%AB%E8%AA%8D%E5%AE%9A%E6%99%AE%E5%8F%8A%E5%8D%94%E4%BC%9A/dp/4865101365?pd_rd_w=Z1mEr&content-id=amzn1.sym.7f9fddb9-42c4-4d60-8284-9aaab79d2e8c&pf_rd_p=7f9fddb9-42c4-4d60-8284-9aaab79d2e8c&pf_rd_r=549PQXXC5BAJMY9AE2W0&pd_rd_wg=Rh9n1&pd_rd_r=20b7ccef-4c5f-4074-82df-8f6ecd091769&pd_rd_i=4865101365&psc=1&linkCode=ll1&tag=mh0723-22&linkId=1211fd2f6b40aa0d0013aee143ac7988&language=ja_JP&ref_=as_li_ss_tl" target="_blank">ウェブデザイン技能検定過去問題集2級―特定非営利活動法人インターネットスキル認定普及協会</a> </li>
<li><a rel="nofollow noopener" href="https://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A2%E7%B4%9A%E5%AF%BE%E7%AD%96%E5%95%8F%E9%A1%8C%E9%9B%86-%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A%E5%AF%BE%E7%AD%96%E7%A0%94%E7%A9%B6%E4%BC%9A/dp/4903679039?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=1JR0BCT7VD50K&dib=eyJ2IjoiMSJ9.zO-tpGMBVYXLmr2u2HKs-IW48KCHV57Mug_9jL8tO_WUGMa9grRhtRjnH92CwIgcszfFBpqVTOjgZ1uvrniwrR5Nmqc3vEOrTiqgH5CZKBSnciD1YHJsRPRFxlMqG60vxSFOLBQKLpWwDAExCvUWGtLWQ3WzNdQgXSkLMAu5tGDffCAVE9sWDDMMPQ0mhrNPeKVUoHD1UyTQjmpuDCuZ6mgKy3dBQmp1yY_Khp3M_vbWfHPqCwhBj3Ab-treZV9bM63bviJSsR8r6Q2qVxsidXKRemUq-1befrUGpCa7O8I.8favE_sIld6DHn9pD0kMd6O5dVhtyL9K6-Nv95M14QI&dib_tag=se&keywords=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A&qid=1716792515&sprefix=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A+%2Caps%2C289&sr=8-3&linkCode=ll1&tag=mh0723-22&linkId=8576cc59a9ad9fb4a45e69829c017ef6&language=ja_JP&ref_=as_li_ss_tl" data-type="link" data-id="https://www.amazon.co.jp/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A2%E7%B4%9A%E5%AF%BE%E7%AD%96%E5%95%8F%E9%A1%8C%E9%9B%86-%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A%E5%AF%BE%E7%AD%96%E7%A0%94%E7%A9%B6%E4%BC%9A/dp/4903679039?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=1JR0BCT7VD50K&dib=eyJ2IjoiMSJ9.zO-tpGMBVYXLmr2u2HKs-IW48KCHV57Mug_9jL8tO_WUGMa9grRhtRjnH92CwIgcszfFBpqVTOjgZ1uvrniwrR5Nmqc3vEOrTiqgH5CZKBSnciD1YHJsRPRFxlMqG60vxSFOLBQKLpWwDAExCvUWGtLWQ3WzNdQgXSkLMAu5tGDffCAVE9sWDDMMPQ0mhrNPeKVUoHD1UyTQjmpuDCuZ6mgKy3dBQmp1yY_Khp3M_vbWfHPqCwhBj3Ab-treZV9bM63bviJSsR8r6Q2qVxsidXKRemUq-1befrUGpCa7O8I.8favE_sIld6DHn9pD0kMd6O5dVhtyL9K6-Nv95M14QI&dib_tag=se&keywords=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A&qid=1716792515&sprefix=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A+2%E7%B4%9A+%2Caps%2C289&sr=8-3&linkCode=ll1&tag=mh0723-22&linkId=8576cc59a9ad9fb4a45e69829c017ef6&language=ja_JP&ref_=as_li_ss_tl" target="_blank">ウェブデザイン技能検定2級対策問題集</a></li>
</ul>
<h2 class="wp-block-heading"><span id="toc4">過去問サイト</span></h2>
<h3 class="wp-block-heading"><span id="toc5">公式サイト</span></h3>
<p>公式サイトの過去3回分の学科・実技の問題と解答（1級・2級・3級）<br><a href="https://www.webdesign.gr.jp/measures/publication/">過去問題の公表 – ウェブデザイン技能検定 (webdesign.gr.jp)</a></p>
<h3 class="wp-block-heading"><span id="toc6">公式サイト以外の過去問公開サイト</span></h3>
<a rel="noopener" href="https://dol.co.jp/archives/column/%E3%80%90%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%8A%80%E8%83%BD%E6%A4%9C%E5%AE%9A2%E7%B4%9A%E3%80%91%E4%BB%A4%E5%92%8C5%E5%B9%B4%E5%BA%A6%E7%AC%AC2%E5%9B%9E%E5%AD%A6" title="【ウェブデザイン技能検定2級】令和5年度第2回学科試験まとめと解説【過去問題】 - 株式会社DOL" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://dol.co.jp/wp-content/uploads/2024/05/アイキャッチ.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【ウェブデザイン技能検定2級】令和5年度第2回学科試験まとめと解説【過去問題】 - 株式会社DOL</div><div class="blogcard-snippet external-blogcard-snippet">過去問と解説 令和5年度第2回 2級学科試験 令和5年度第1回 2級学科試験 令和4年度第4回 2級学科試験</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://dol.co.jp/archives/column/%e3%80%90%e3%82%a6%e3%82%a7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e6%8a%80%e8%83%bd%e6%a4%9c%e5%ae%9a2%e7%b4%9a%e3%80%91%e4%bb%a4%e5%92%8c5%e5%b9%b4%e5%ba%a6%e7%ac%ac2%e5%9b%9e%e5%ad%a6" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">dol.co.jp</div></div></div></div></a>
<a rel="noopener" href="https://webdesignskill-strategy.com/2ndclass-writing-list" title="【ウェブデザイン技能検定】2級学科過去問一覧" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://webdesignskill-strategy.com/wp-content/uploads/2024/02/2nd-list.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【ウェブデザイン技能検定】2級学科過去問一覧</div><div class="blogcard-snippet external-blogcard-snippet">令和6年度 令和6年度第1回 2級学科試験 過去問 令和5年度 令和5年度第4回 2級学科試験 過去問 令和5年度第3回 2級学科試験 過去問 令和5年度第2回 2級学科試験 過去問 令和5年度第1回</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://webdesignskill-strategy.com/2ndclass-writing-list/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">webdesignskill-strategy.com</div></div></div></div></a>
<h2 class="wp-block-heading"><span id="toc7">実技試験対策</span></h2>
<h3 class="wp-block-heading"><span id="toc8">実技試験用素材</span></h3>
<p>FOM出版社のダウンロードサイト。2級の実技試験用のファイルをダウンロードできます。平成25年版で古い内容ですが、練習用に使えます。<br><a href="https://www.fom.fujitsu.com/goods/downloads/webdesign.html">ウェブデザイン技能検定 データダウンロード | FOM出版</a></p>
<h3 class="wp-block-heading"><span id="toc9">実技試験対策の参考サイト</span></h3>
<a rel="noopener" href="https://webdesignskill-strategy.com/2ndclass-practical-work-01" title="403 Forbidden" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwebdesignskill-strategy.com%2F2ndclass-practical-work-01?w=160&h=90" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">403 Forbidden</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://webdesignskill-strategy.com/2ndclass-practical-work-01" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">webdesignskill-strategy.com</div></div></div></div></a>
<h3 class="wp-block-heading"><span id="toc10">参考になる動画</span></h3>
<figure class="wp-block-embed is-type-rich is-provider-hatena-blog wp-block-embed-hatena-blog"><div class="wp-block-embed__wrapper">
<iframe title="ウェブデザイン初心者が3週間でウェブデザイン技能検定2級に合格した方法 - ENGINEERING BLOG ドコモ開発者ブログ" src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnttdocomo-developers.jp%2Fentry%2F20231220_2" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
</div></figure>
<h2 class="wp-block-heading"><span id="toc11">実技試験「作業5a」対策</span></h2>
<h3 class="wp-block-heading"><span id="toc12">正規表現</span></h3>
<p>自分用のメモなので、説明は省いています。ある程度、正規表現がわかっていればなんとなくわかるかもしれません。</p>
<h4 class="wp-block-heading">問題で用意されたテキストを<option>に置き換える場合</h4>
<p>試験問題として用意されたテキストデータが</p>
<pre class="wp-block-preformatted">1 ABC 〇〇空港<br>2 EFG ××空港</pre>
<p>で</p>
<pre class="wp-block-preformatted"><option value="ABC">〇〇空港</option><br><option value="EFG">××空港</option></pre>
<p>と置き換えたいとき。</p>
<h5 class="wp-block-heading">検索語</h5>
<pre class="wp-block-preformatted">(\S*)(\s*)(\S*)(\s*)(\S*)(\s*)</pre>
<h5 class="wp-block-heading">置換語</h5>
<pre class="wp-block-preformatted"><option value="$3">$5</option>\r\n</pre>
<h4 class="wp-block-heading">余計な空白行を一度に全部削除したいとき</h4>
<p>もし、正規表現で文字列を置き替えた際に、余計な空白行が大量に発生してしまい、削除するのが大変な場合に使います。</p>
<h5 class="wp-block-heading">検索語</h5>
<pre class="wp-block-preformatted">^\n</pre>
<h5 class="wp-block-heading">置換語</h5>
<pre class="wp-block-preformatted">（空白）</pre>
<h3 class="wp-block-heading"><span id="toc13">SELECTの選択肢の連番をJavascriptで設定したいとき</span></h3>
<p>例えば1940年～2024年までの84年分を選択する<code><option value="1940">1940</option></code>を連番でSELECTタグの中に84個も作るのは大変です。直近では実際に「令和5年度 第3回」の問題で出ています。時間が無い中でこんな問題が出たら焦るでしょう。Javascriptが苦手ならがんばって打つしかありませんが、Javascriptに慣れていれば、ループで作成することができます。</p>
<pre class="wp-block-preformatted"><select name="date[0]"><br> <script><br> for (let i = 1940; i <= 2024; i++) {<br> document.write(`<option value="${i}">${i}</option>`)<br> }<br> </script><br></select> 年 </pre>
<p><code>document.write()</code>内の<code>`</code>はシングルクォーテーションではないので注意してください。</p>
<p>1990年を初期値として<code>selected</code>をIF文で追加する際は以下のようになります。</p>
<pre class="wp-block-preformatted"><select name="date[0]"><br> <script><br> for (let i = 1940; i <= 2024; i++) {<br> if ( i == 1990 ) {<br> document.write(`<option value="${i}" selected>${i}</option>`)<br> } else {<br> document.write(`<option value="${i}">${i}</option>`)<br> }<br> }<br> </script><br></select> 年 </pre>
<h2 class="wp-block-heading"><span id="toc14">実技試験「作業5b」対策</span></h2>
<p>公式サイトで公表されている問題を見ると、毎年同じようにJavascriptを使ってスタイルを変更する内容がほとんどです。基本的には<code>getElementById</code>で指定したID要素のスタイルをCSSで指定すればいいみたいです。</p>
<p>Javascriptを多少触ったことがあり、CSSもそれなり分かっていれば、「作業5a」でHTMLをたくさん書くよりも時間的にも難易度的にも簡単かもしれません。</p>
<p>ただし、試験時はサンプルコードなどはなく、命令を１字ずつ打っていかないといけないので、ソースコードを確実に書けるスキルが必要です。文法やスペルミスで動作しないときはパニックになりそうですが…。</p>
<h3 class="wp-block-heading"><span id="toc15">Javascriptでスタイルを変更するソース例</span></h3>
<h4 class="wp-block-heading">HTML例</h4>
<p>適当に私が用意したHTMLですが、仮に試験問題のindex.htmlが以下の内容だった場合。</p>
<pre class="wp-block-preformatted"><!doctype html><br><html lang="ja"><br><head><br><meta charset="utf-8" /><br><title>ウェブデザイン技能検定</title><br><link rel="stylesheet" type="text/css" href="style.css" /><br></head><br><body><br> <a href="#" id="change" onclick="change();">変更</a><br> <p id="contents">何らかのテキスト</p><br></body><br></html></pre>
<h4 class="wp-block-heading">q5.jsに書くJavascrit例</h4>
<p>基本的には例年、以下の2行を書くだけでOK。paddingで上下10px、左右30pxを指定した例。</p>
<pre class="wp-block-preformatted"> function change() {<br> //以下の2行<br> const obj = document.getElementById("contents"); //constまたはvar<br> obj.style.padding = "10px 30px";<br> }</pre>
<p>その他、過去の問題やこんなのが出てきたら書けないかもというスタイルは以下。</p>
<pre class="wp-block-preformatted"> function change() <br> const obj = document.getElementById("contents"); //constまたはvar<br> // ここでスタイルを指定/<br> obj.style.textDecoration = "underline";<br> obj.style.display = "block";<br> obj.style.color = "red";<br> obj.style.border = "1px solid #000";<br> obj.style.width = "fit-content";<br> //万が一アラートを出す問題だったら<br> alert('変更しました。');<br> }</pre>
<p>getElementByIdの書き方やサンプルコーは以下のページが参考にまります。</p>
<a rel="noopener" href="https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById" title="Document: getElementById() メソッド - Web API | MDN" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Document: getElementById() メソッド - Web API | MDN</div><div class="blogcard-snippet external-blogcard-snippet">getElementById() は Document インターフェイスのメソッドで、 id プロパティが指定された文字列に一致する要素を表す Element オブジェクトを返します。要素の ID は指定されていれば固有であることが求められ...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">developer.mozilla.org</div></div></div></div></a>
<h4 class="wp-block-heading">注意すること</h4>
<h5 class="wp-block-heading">getElementByIdの大文字と小文字</h5>
<p><code>getElementById</code>の大文字と小文字の組み合わせを正しく書かないと間違うとスクリプトが動きません。例えばよくある例として<strong>Id</strong>の部分を<strong>ID</strong>と書いたりすることがあります。全部大文字や全部小文字もNGです。確実に<code>getElementById</code>と書くことが必要です。VS Codeでは入力中に候補が表示されるので、大丈夫かと思いますが。</p>
<h5 class="wp-block-heading">ハイフンを含むスタイル</h5>
<p>例えば<code>font-size</code>、<code>text-decoration</code>、<code>background-color</code>など、ハイフンがあるとJavascriptが引き算のマイナスとして捉えるためエラーになります。この場合は<code>fontSize</code>、<code>textDecoration</code>、<code>backgroundColor</code>など。ハイフンの後ろの文字を大文字にします。</p>
]]></content:encoded>
</item>
</channel>
</rss>