【YWT】210102
理想に近い休日を過ごした
1. [Y] やったこと
- 一日で6km歩いた
- 壁打ちをしたお礼をもらう
- ドトールでブランチ
- 知の整理術の「はじめに」を読んだ
- アウトプットはまだ
- 本屋でほしい本をいくつか見つけた
- KALDIで福袋を買った
- 税込み4000円
- 中身はその倍の金額分の物が入っていた
- 化粧台の整理をした
- 一箇所に束ねて管理していた年金、税金、国民健康保険、iDeCo関連の書類を分類した
- 特定のTwitterユーザーのタイムラインをRSSで取得する方法を変更した
- githubのProjectsにブログでやることリストを作成した
- Gatsbyでiframelyが使えるように設定をした
- Gatsbyでtwitter埋め込みが使えるように設定をした
- 2020年のふりかえり記事を書いた
- 2021年の豊富をまとめた記事を書いた
- はてなブログテクノロジーのRSSをSpreadSheetで受信しはじめた
2. [W] わかったこと
- ドトールのアップルパイが大きさの割に腹持ちが良かった
- Gastsbyでiframelyを使うためには、ちょっと工夫が必要だった
- iframelyの公式ドキュメントによると、Reactが使っている仮想DOMの場合、HTML要素に対するインラインスクリプトを実行しない
- Reactは同期していない仮想DOMに危険な状態を晒していると判断する
//HTMLのこういうケースではスクリプトを実行しない <body> <div> // 何かの要素 </div><script src="リモートアドレス"></script> //このケースで、Reactは実行しない </body>
- Reactは同期していない仮想DOMに危険な状態を晒していると判断する
- つまり、Reactは基本的にJavaScriptのembed機能(埋め込み機能)がサポートされていない
- 本文に書くscriptタグをページが読み込まれるヘッダーに書いておくことで解決できる
react-helmet
のようなヘッダータグを管理するコンポーネントを使ってページのレンダリング時にiframelyのスクリプトを読み込ませるのが解決策の1つ
- Takumonさんのブログのおかげで助かった
- iframelyの公式ドキュメントによると、Reactが使っている仮想DOMの場合、HTML要素に対するインラインスクリプトを実行しない
3. [T] 次にやること
- Gatsbyでiframelyを使うための設定方法を記事する
- Gatsbyでtwitter埋め込み機能を使うための設定方法を記載する
- Gatsbyに追加する機能をGitHubのprojectsに記載する
- 明日も5km以上歩く
- 明日、Oculus Goを売る
- 知の整理術の1章を読む
- Udemyの講座を受講する