"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良

noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO

[appiphone]

書いたよ！

[sigwyg]

生HTMLは正義！感

[akkun_choi]

_escaped_fragment_

[raimon49]

<meta name="fragment" content="!">の使用例。

[attrip]

面白そー。これ後で読みたい。

[akulog]

なるほど。勉強になった。