読者です 読者をやめる 読者になる 読者になる

やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

JSON-LDを読み込む

JavaScriptで読込できればどうにでも料理できるはず。

前回まで

http://ytyaru.hatenablog.com/entry/2017/04/07/000000
http://ytyaru.hatenablog.com/entry/2017/04/08/000000

成果物

GitHubschema.org.Load.ByJavaScript.201702131725

Playgrounds

こちらから探した。感謝。

CodePen, jsdo.it, CodePad, liveweave,

CodingGround, JS-Bin, thimble, bootply,

1年後にどれだけ残っているだろうか。

結果

JSON-LDをHTML内に記述すれば読込できた。しかし、JSON-LDを外部ファイル化すると読込できない。

参考

JSON-LDベースのブログシステムを考える(2) - 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を外部化することはできないのかもしれないと予想した。

でも、本当の理由はわからない。以下のうちのどれか。それ以外か。

  • 読込できない仕様である
  • じつは読込方法がある
  • ブラウザによっては読み込める
  • 仕様が定まっていない

所感

とりあえず読込できる方法はあったので良しとする。これ以上の調査よりコードを書くことを優先したい。