# <img src="https://lh3.googleusercontent.com/a-/AOh14Gj1xk3J6itSA2AEi_QyftQrZH4d2Z_QuCEuyhLM=s96-c" valign="middle"> Codepenについての感想
## ✑コードペンとは
<div class="a1">
<p>CodePenとは、HTML・CSS・JavaScriptのコードを、テストやデプロイ(公表)するためのクラウドなコミュニティです。</p>
<p>
CodePenでは、CSSの他にSCSSや、JSの他にBabelやTypeScriptなども使用できます。</p>
</div>
<h3>JavaScriptで文字サイズと文字色を指定</h3>
<p>vwとは印刷のptと違い、PCやスマホの画面に合わせた文字サイズです。</p>
<h2>✑Markdownとは</h2>
マークダウンとは、h2を##に置き換えられるという簡単な、軽量化言語です。
<h2>✑SCSSとは</h2>
CSSは構造化するHTMLを装飾しますが、SCSSは更にスクリプトな機能もあります。
<h2>✑TypeScriptとは</h2>
タイプスクリプトとは、型を自動で付けるJSよりも正確で早い、マイクロソフト社が開発の言語です。
<p>
<h2>✑Codepenは技術者がよく使う</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/iv0eODqGw38" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</p>
View Compiled
body {
  font-family: system-ui;
  background: #000000;
  color: white;
  margin: 50;
	padding: 0;
}

div.a1 {
  text-align: left;
}
View Compiled
document.getElementsByTagName("h3")[0].style.fontSize = "3vw";

document.getElementsByTagName("h3")[0].style.color = "red";
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.