👆
引越し先はこちらです！
まず、loopとかautoplayとかreadonlyとか値なしの存在だけでOKな属性のことを論理属性と呼ぶことを知らなかったので、調べるのに苦労しました。
しかし、答えは単純で、例えばloop属性の場合、
<audio src="https://kimizuka.fm/audio/top/bgm.mp3" v-bind:loop="isLoop"></audio>
みたいな感じにしておいて、isLoopがfalse、null、undefinedであればloop属性は付与されず、
それ以外の値はloop属性が付与されます。
0 とか ' 'とかNaN、falsyな値でもloop属性が付与されるので、付与したくない場合はfalseを渡すのが良いと思います。
いろいろ調べた後に改めて、Vueのページをみたら、そもそもしっかり記載してありました。
「最近のGooglebotはJavaScriptも評価するから、ReactとかVueもSEOが弱くならない」的な噂をよく聞きますが、実際の所どうなんだろうなぁと思っていまいた。
しかし、最近、Search Console の Fetch as Google をつかえば Googlebot がどのようにサイトを評価しているのか知ることができることを知りました。
こちら が僕のサイトなんですが、Reactでレンダリングしてます。
このサイトのGooglebotの認識を確認してみると、、、
てってれー。しっかりレンダリングされてる！
と思ったのですが、よく考えたらサーバサイドレンダリングで実装してました。。。
フロントのReact、Vueでつくったサイトがどのように評価されるかは、またの機会に調べます。
Apple Music Toolboxの案内が来たので試してみました。
AppleMusic加入者はフルで、未加入者は30秒視聴ができるプレーヤーって書いてある気がするんですが、僕が未加入者なので視聴しかできてません。
が。知り合いに試してもらったところ、AppleMusicに加入していれば、Safariでならログインした上でフルで聴けました。
確かにSafariで見ると、右上に「サインイン」の文字が見えます。
当然、iPhoneでも聴けます。むしろSafari限定なのであれば、iPhoneの方が相性が良さそうです。
MusicKit JS たるもののも案内されたので、AppleMusic加入者向けのウェブサービスとかつくれるのかもしれません。
調査しようと思います。
