JavaScriptで読込できればどうにでも料理できるはず。
前回まで
http://ytyaru.hatenablog.com/entry/2017/04/07/000000
http://ytyaru.hatenablog.com/entry/2017/04/08/000000
成果物
schema.org.Load.ByJavaScript.201702131725
Playgrounds
こちらから探した。感謝。
CodePen, jsdo.it, CodePad, liveweave,
CodingGround, JS-Bin, thimble, bootply,
1年後にどれだけ残っているだろうか。
結果
JSON-LDをHTML内に記述すれば読込できた。しかし、JSON-LDを外部ファイル化すると読込できない。
参考
JSON-LDベースのブログシステムを考える（２） - script要素のクローン - S.F. Page
しくみ
HTMLにJSON-LDとそれを読み込むJavaScriptを実装する。
問題
JSON-LDを外部ファイル化すると読込文字列が空白になってしまう。
原因
不明。おそらくJSON-LDは外部ファイル化できない。
以下の検証により、そう予想した。
検証
| 番号 | パターン | 結果 |
|---|---|---|
| 1 | すべてHTML内に実装 | ○ |
| 2 | すべてHTML外に実装 | ✘ |
| 3 | 読込用JavaScriptのみ外部化 | ○ |
| 4 | JSON-LDのみ外部化 | ✘ |
JSON-LDを外部化しているときは必ず読込に失敗している。 このことから、JSON-LDを外部化することはできないのかもしれないと予想した。
でも、本当の理由はわからない。以下のうちのどれか。それ以外か。
- 読込できない仕様である
- じつは読込方法がある
- ブラウザによっては読み込める
- 仕様が定まっていない
所感
とりあえず読込できる方法はあったので良しとする。これ以上の調査よりコードを書くことを優先したい。
