Update (2021/01/07): Qiita運営様の迅速なご対応により、こちらの不具合は既に修正されております
詳細については、下記のリリースノートをご覧頂ければと思います
Qiitaの記事を書いていたところ、MarkdownのNote(補足説明を書く為の機能)で書いた際に
スタイルが適用されない場合があったため、検証してみました
Noteに関しては、下記の「Markdown記法 チートシート」の 「Note - 補足説明」のところで紹介されています
とりあえず、表示検証用に下記の内容を記載してみました
Markdownでの表記内容↓
:::note info
インフォメーション
(note info)
:::
:::note warn
注意
(note warn)
:::
:::note alert
警告
(note alert)
:::
実際にスタイルが適用される内容↓
インフォメーション
(note info)
注意
(note warn)
警告
(note alert)
正常にスタイルが適用されていれば、緑、黄色、赤の背景色やそれぞれのアイコンなどが表示されているはずです
では、いくつかのパターンで記事の表示を確認してみたいと思います
記事編集中のプレビュー画面
こちらの記事を編集中のプレビュー画面で確認してみます
問題無くスタイルが適用されていることが確認出来ました
下書き一覧のプレビュー画面
先程の記事を下書きとして保存し、下書き一覧のプレビュー画面で確認してみます
編集中のプレビュー画面と同じ状態で表示されました
こちらも問題無さそうです
限定共有投稿した記事
では、下書きを「限定共有投稿」で投稿して確認してみます
noteで書いた箇所が文字列しか表示されていませんね。。
スタイルが何故か適用されていないようです。。
ちなみにここまで下記の環境で確認していました
- 検証環境
- OS: Windows10
- ブラウザ: Google Chrome
Firefoxで確認
一応、Firefoxでも確認してみます
やはり、こちらでもスタイルが適用されていないようです。。
MacのSafariで確認
Mac Book ProのSafariでも確認してみました
こちらも同様にスタイルが適用されませんね。。
「全体に公開する」で公開した記事
限定共有公開で投稿した記事を「全体に公開する」で公開して確認してみます
予想では、他の方が書かれている記事では、問題無くスタイルが適用されていたので、恐らく正常に表示されると思うのですがいかがでしょう
やはり、全体に公開した場合は、問題ありませんでした
まとめ
結果として、何故か限定共有投稿の場合だけnoteのスタイルが適用されないようです。。
別のブラウザでも試してみましたが、同じく適用されていないため、恐らく表示まわりにバグがあるのでは無いかと。。
Qiita運営様、確認と修正の方をお願い致します！
2021/10/26更新
Qiita運営様にご報告しまして、こちらの不具合の件をIssue化して頂けたようです！
ありがとうございます！引き続き、よろしくお願い致します！
2021/11/10更新
こちらの不具合は修正されたとのことです！ありがとうございました！