<h2 id="codepen%E7%99%BB%E9%8C%B2">
<a class="header-anchor-link" href="#codepen%E7%99%BB%E9%8C%B2" aria-hidden="true"></a> CodePen登録</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d21542c8b3469" src="https://embed.zenn.studio/card#zenn-embedded__d21542c8b3469" data-content="https%3A%2F%2Fzenn.dev%2Fo2z%2Farticles%2Fzenn-20210604_codepen" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/o2z/articles/zenn-20210604_codepen" style="display:none" target="_blank">https://zenn.dev/o2z/articles/zenn-20210604_codepen</a><br style="display:none">
この記事にしたがって登録しました（私はGitHubではなくEmailで）<br>
まあパスワード入力したりするだけなんですけどね</p>
<h2 id="codepen%E8%A9%A6%E3%81%99">
<a class="header-anchor-link" href="#codepen%E8%A9%A6%E3%81%99" aria-hidden="true"></a> CodePen試す</h2>
<p><code>Pen</code>を押して新規作成。なんか入力してSaveすれば、もうできあがり</p>
<h2 id="zenn%E3%81%AB%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF">
<a class="header-anchor-link" href="#zenn%E3%81%AB%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF" aria-hidden="true"></a> Zennに埋め込み</h2>
<p>urlをコピーして埋め込む<br>
<code>@[codepen](https://codepen.io/nakai_kei/pen/QWYOQoO)</code></p>
<span class="embed-block embed-codepen"><iframe src="https://codepen.io/nakai_kei/embed/QWYOQoO?embed-version=2" scrolling="no" frameborder="no" loading="lazy"></iframe></span>
<p>簡単すぎんか...?</p>
<span class="embed-block embed-codepen"><iframe src="https://codepen.io/nakai_kei/embed/zYePRVb?embed-version=2" scrolling="no" frameborder="no" loading="lazy"></iframe></span>
<p>CSSも使える</p>
<h2 id="%E6%84%9F%E6%83%B3">
<a class="header-anchor-link" href="#%E6%84%9F%E6%83%B3" aria-hidden="true"></a> 感想</h2>
<p>これでZennに投稿するとき成果物を見せるのに役立つ。ありがとうCodePen</p>


CodePenが簡単すぎて感動

CodePen登録

CodePen試す

Zennに埋め込み

感想

Discussion