サイト内検索用に h1-h4 タグにそれぞれ id を付与した

Author: yasulab

app/views/docs/kata.html.erb

@@ -12,7 +12,7 @@
     <div class='row'>
       <div class='col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1'>
         <div class='kata-heading'>
-          <h1>CoderDojo Kata</h1>
+          <h1 id='top'>CoderDojo Kata</h1>
           <h2 class='kata-subheading'>道場情報まとめ</h2>
         </div>
       </div>
@@ -35,13 +35,13 @@
 	  <p>Kata (型) では、全国の CoderDojo から公開された役立つ資料を共有したり (<strong><a href="#learn">学ぶ</a></strong>)、力をつけた子どもが<strong><a href="#challenge">腕試し</a></strong>できるプログラミングコンテスト情報をまとめています。また、CoderDojo を<strong><a href="#startup">立ち上げる</a></strong>方法や、CoderDojo が受けられる<strong><a href="#support">支援</a></strong>、<strong><a href="#faq">よくある質問と回答</a></strong> (FAQ) についてもまとめています。</p>
 	  <br>
 
-	  <h3>CoderDojo とは? ☯️</h3>
+	  <h3 id='coderdojo-is'>CoderDojo とは? ☯️</h3>
 	  <p>CoderDojo は、7〜17歳を対象とした非営利のプログラミング道場です。2011年にアイルランドから始まり、世界では110カ国・2,200以上の道場、日本では<a href="https://coderdojo.jp/#dojos">全国に222以上</a>の道場があります。CoderDojo は全国各地で定期的に開催されており、<a style="background-color: #ffffff;" href="https://coderdojo.jp/stats">延べ10,000人以上</a>の子ども達が毎年楽しみながら様々な作品を創っています。</p>
 	  <br>
 	  <p>各 Dojo は、チャンピオンやメンターと呼ばれる協力者によって自主的に運営されています。プログラマーやデザイナーだけでなく、学生や教員、アーティストやフリーランス、起業家や投資家などの方々が分野横断的に協力しあって、それぞれの Dojo が継続的に運営されています。もちろん、参加者自身や参加者の親が運営に協力する事例も多いです。</p>
 	  <%= lazy_image_tag('/kata/coderdojo-zero.png', alt: 'CoderDojo を支える方々の写真', style: 'margin-top: 30px; margin-bottom: 100px;') %>
 
-	  <h3>まず何を読むといい？ 🤔</h3>
+	  <h3 id='welcome'>まず何を読むといい？ 🤔</h3>
 	  <p>初めての方向けには次の資料をオススメしています。スライドや動画、インタビュー記事を見ると CoderDojo の雰囲気が掴めます。</p>
 	  <br>
 	  <ul>
@@ -59,11 +59,11 @@
 	  <p>CoderDojo の雰囲気は掴めたでしょうか? もっと詳しく知るには<strong>実際に参加してみるのが近道</strong>です。<a href="/#dojos">日本各地の道場</a>や<a href="https://coderdojo.jp/events">近日開催の道場</a>、<a href="https://zen.coderdojo.com/">CoderDojo Zen (地図)</a> から最寄りの道場を探してみましょう!</p>
 	  <br>
 
-	  <h3>もっと詳しく知りたい場合は？ 👀</h3>
+	  <h3 id='details'>もっと詳しく知りたい場合は？ 👀</h3>
 	  <p>CoderDojo は書籍・新聞、Webメディアでも紹介されています。CoderDojo について紹介している記事や書籍を新しい順でご紹介します。興味のあるトピックがあればぜひ読んでみてください。</p>
 	  <br>
 
-	  <h4>📰 新聞・書籍</h4>
+	  <h4 id='newspapers'>📰 新聞・書籍</h4>
 	  <ul>
 	    <li>
 	      <p><a href="https://the-japan-news.com/news/article/0007690557">Free coding sessions to move Pokemon characters surges in popularity - The Japan News</a></p>
@@ -131,7 +131,7 @@
 	  </ul>
 	  <br>
 
-	  <h4>📜 Webメディア・プレスリリース</h4>
+	  <h4 id='press-releases'>📜 Webメディア・プレスリリース</h4>
 	  <ul>
 	    <li>
 	      <p><a href="https://withyou.pokemon.co.jp/activity/ict_education/">POKÉMON with YOU - ポケモンはいつもキミといっしょ - (ICT教育支援)</a></p>
@@ -193,7 +193,7 @@
 	      <p>CoderDojo 関係者が制作した教材を中心にまとめてみたので、参加者や運営者、メンターなどのご参考になれば嬉しいです。</p>
 	      <br>
 
-	      <h4>🐱 Scratch 資料</h4>
+	      <h4 id='scratch'>🐱 Scratch 資料</h4>
 	      <ul>
 		<li>
 		  <p><strong><a href="https://coderdojoowari.org/news/make-scratch-account/">【動画】Scratch アカウントの作成方法</a></strong><br> by <a href="https://coderdojoowari.org/">CoderDojo 尾張</a></p>
@@ -237,7 +237,7 @@
 	      </ul>
 	      <br>
 
-	      <h4>🎮 micro:bit 資料</h4>
+	      <h4 id='micro-bit'>🎮 micro:bit 資料</h4>
 	      <ul>
 		<li>
 		  <p><strong><a href="http://beyondbb.jp/SSP/SSPNo.3microbitA.pdf">micro:bit プログラミング (Scratch 3.0 対応)</a><br></strong>by 太田 @ <a style="font-size: 19.2px; background-color: #ffffff;" href="http://beyondbb.jp/CDmama/">CoderDojo 市川真間</a></p>
@@ -258,7 +258,7 @@
 	      </ul>
 	      <br>
 
-	      <h4>🛠 HTML、電子工作、LEGO など</h4>
+	      <h4 id='basics'>🛠 HTML、電子工作、LEGO など</h4>
 	      <ul>
 		<li>
 		  <p><strong><a href="http://tsuyoshioshima.github.io/ninjachart/">まよえるニンジャのための やりたいことさがし</a><br></strong>by とがぞの @ <a href="https://coderdojo-kodaira.github.io/">CoderDojo こだいら</a> (<a href="http://coderdojo-kodaira.blog.jp/archives/59932567.html">データ</a>提供)<br>by 大島 @ <a href="http://coderdojo-saitama.com/">CoderDojo さいたま</a> (ツール提供)</p>
@@ -279,7 +279,7 @@
 		</li>
 	      </ul>
 
-	      <h4>🎨 イラスト素材、ワークショップ事例など</h4>
+	      <h4 id='design'>🎨 イラスト素材、ワークショップ事例など</h4>
 	      <ul>
 		<li>
 		  <p><strong><a href="https://docs.google.com/presentation/d/e/2PACX-1vTuTnuBEH8X6Dyw6KrfuCkH2yeJA0_90_OkCddDAgCcChxMOfOOMReNixLVmIBkItkLKJXEG9b8hoCp/pub?loop=false">Zoomの使い方 - はじめてのWeb会議の参加方法</a></strong><br>by とがぞの</p>
@@ -432,7 +432,7 @@
 	      <p>本項では皆さんが感じる不安や懸念を払拭できるように、Dojo を立ち上げるときのポイントや、資金を集める方法とその事例集、Dojo の申請方法、Dojo 承認後に得られる<a href="#support">法人からの支援一覧</a>などを説明していきます。</p>
 	      <br>
 
-	      <h3>🐾 立ち上げの最初の一歩</h3>
+	      <h3 id='startup-first-step'>🐾 立ち上げの最初の一歩</h3>
 	      <p>最初に CoderDojo の軸となる「CoderDojo 憲章」の内容を確認しましょう!</p>
 	      <ul>
 		<li><strong><a href="https://coderdojo.jp/charter">CoderDojo 憲章</a></strong></li>
@@ -450,13 +450,13 @@
 	      <br>
 	      <p>具体的なイメージが掴めたら、準備・申請の手続きを進めていきましょう!</p>
 	      <br>
-	      <h3>☯️ Dojo の設立・初回開催までの流れ<span style="font-size: 20px; font-weight: 400;">（制作: <a href="https://coderdojo-kodaira.github.io/">CoderDojo Kodaira</a>）</span></h3>
+	      <h3 id='startup-flowchart'>☯️ Dojo の設立・初回開催までの流れ<span style="font-size: 20px; font-weight: 400;">（制作: <a href="https://coderdojo-kodaira.github.io/">CoderDojo Kodaira</a>）</span></h3>
 	    </div>
 	  </div>
 	  <%= lazy_image_tag('/kata/startup-flowchart.png', alt: 'CoderDojo の立ち上げから開催までのフローチャート', style: "margin-bottom: 100px;") %>
 	  <div>
 	    <div>
-	      <h3>🆕 アカウント登録から、申請までの流れ</h3>
+	      <h3 id='startup-create-account'>🆕 アカウント登録から、申請までの流れ</h3>
 	      <p>CoderDojo の申請には、大きく分けて次の3つのステップがあります。</p>
 	      <br>
 	      <ol>
@@ -602,7 +602,7 @@
 	      <p><strong><a href="https://coderdojo.jp/docs/about-partnership">🤝 パートナーシップのご案内 - CoderDojo Japan</a></strong></p>
 	      <br>
 	      <br>
-	      <h3>📚 Dojo 運営者向け！役立つ資料まとめ</h3>
+	      <h3 id='docs-for-organizers'>📚 Dojo 運営者向け！役立つ資料まとめ</h3>
 	      <p>法人からの支援だけでなく、CoderDojo コミュニティが CoderDojo コミュニティのために制作した資料もあります。皆さんの Dojo 運営にお役立てください 😉</p>
 	      <br>
 	      <ul>
@@ -687,7 +687,7 @@
 	      </ul>
 	      <br>
 
-	      <h3>🌐 他、関連リンク</h3>
+	      <h3 id='references'>🌐 他、関連リンク</h3>
 	      <p>CoderDojo は国際的なコミュニティで、海外でも大きな輪が広がっています。ぜひ国内外の CoderDojo と繋がってみてください。</p>
 	      <br>
 	      <p><strong>英語</strong> (運営: CoderDojo Foundation)</p>
@@ -812,15 +812,16 @@
 	      <br>
 	      <br>
 
-	      <h3>✅ ライセンス</h3>
+	      <h3 id='kata-license'>✅ ライセンス</h3>
 	      <p>本ページの内容は「<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.ja">表示 - 非営利 - 継承 4.0 国際 (CC BY-NC-SA 4.0)</a>」のもとで自由に共有・翻案することができます。</p>
 	      <p>本ページのリンク先のコンテンツについては、各コンテンツの著作権およびライセンスに従ってください。</p>
+	      <p>詳細は <a href='https://github.com/coderdojo-japan/coderdojo.jp#5-license'>GitHub の README</a>をご参照ください。</p>
 	    </div>
 	  </div>
 	</div>
 	<br>
 	<hr>
-	<p style="color: grey; padding-bottom: 50px;" align="right">更新履歴は <a href="https://github.com/coderdojo-japan/coderdojo.jp/commits/main/app/views/docs/kata.html.erb">GitHub History</a> をご参照ください</p>
+	<p style="color: grey; padding-bottom: 50px;" align="right">更新履歴は <a href="https://github.com/coderdojo-japan/coderdojo.jp/commits/main/app/views/docs/kata.html.erb">GitHub History</a> から確認できます。</p>
       </div>
     </div>
   </div>