ブログ文にTwitter画面を埋め込む方法

こんにちわ！　駆け出しエンジニアの柿澤です！

今回は、ブログの文中にツイートを埋め込むやり方を

アウトプットします。

スキルアップには時間がかかると書いてありました。
学び続ける事に意味があるのだと感じました。
この記事を初心にして、午後も頑張りたいと思います！https://t.co/JqfRpc82na

— 柿澤一樹＠駆け出しエンジニア (@kakizawa1932) November 2, 2019

まず自身のツイッターを開きます。

埋め込みたいツイートの右上にある「＞」をクリックします。

すると

「ツイートを埋め込む」という項目があります。

クリックすると、

新規タブにて埋め込み用コードと表示イメージのついた

画面が出ると思います。

あとは「Copy Code」ボタン押したら、

貼り付けたい所にこのhtmlのコードを入れるだけで完成です。

ちなみに、このはてなブログではPCでブログを作成すると

編集（見たまま）、HTML編集、プレビューと３つの項目が

予め用意されていますので、HTML初心者の方でも簡単に

ツイートを埋め込むことが可能です。

HTML編集を押すと以下のようなコードが出てきます。

<p>文章記入するところ</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">スキルアップには時間がかかると書いてありました。<br />学び続ける事に意味があるのだと感じました。<br />この記事を初心にして、午後も頑張りたいと思います！<a href="https://t.co/JqfRpc82na">https://t.co/JqfRpc82na

— 柿澤一樹＠駆け出しエンジニア (@kakizawa1932) <a href="https://twitter.com/kakizawa1932/status/1190461361353940992?ref_src=twsrc%5Etfw">November 2, 2019</a></blockquote>
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>文章記入するところ</p>

この文章と文章の間に

先ほどコピーしたツイートコードを貼り付けて保存するだけ！

ぜひ試してみてください！

以上！

ありがとうございます！