【Markdown】AniListのAbout欄を編集する
435 語
2 分
【Markdown】AniListのAbout欄を編集する
はじまり

135ml
AniLIstっていう自分のお気に入りのアニメとかマンガを紹介したり採点できるサイトがあるんだけどさ。そこのUIが良くて、自分の拙いマイページでもかなり良い見栄えになったから紹介しますね。

リサちゃん
おー、そんなに?
どんなものが出来るかと言うと
こんな感じのマイページが出来ます。

UI的にかなりイケているサイトなので、少しデコっただけでそれなりに見応えがあるマイページになったと思っています。

編集開始
以下に、AniListのAboutを編集する上での留意事項を並べます。
要素を並べて表示したい場合は改行しない。
AniLIstのMarkdownですと、このようにタグを改行してしまうと、レンダリング結果も改行されたものになってしまいます。

そして、タグの改行を消して並べると、<p align="left">が効いて横並びに表示されます。
コードが読みにくくなってしまいますが、やむを得ないですね・・・。

画像にリンクを挿入すると、更に読みにくく・・・。まあ、しょうがないです。

table(表)は書けないっぽい
以下のように書いてみましたが、thead-tbody形式で書こうと書かなかろうと表としてレンダリングされませんでした。
<table> <thead> <tr> <th>The table header</th> <th>The table header</th> </tr> </thead> <tbody> <tr> <td>The table body</td> <td>with two columns</td> </tr> </tbody></table>
<table> <tr> <th>The table header</th> <th>The table header</th> </tr> <tr> <td>The table body</td> <td>with two columns</td> </tr></table>
一旦、出来たもの
AniLIstで一旦、ここまでデコりました。

自分のお気に入りをこういう風に俯瞰できるのが素晴らしいです[°□°]
他にもっと本腰入れてデコっている方とかいるので、その方々のマイページは本当にスゴイです・・・

おしまい

135ml
AniLIstっていうサイトで、これだけデコれるっていうのが分かりました。

リサちゃん
忍ちゃん、かわいいねぇ

135ml
そこのあなたも、僕と一緒にデコってみましょう! ほらここから!
AniList
anilist.co

リサちゃん
啓蒙してるねぇ
以上になります!
記事を共有
この記事が役に立ったなら、ぜひ他の人と共有してください!
【Markdown】AniListのAbout欄を編集する
https://endorphinbath.com/posts/markdown-anilist-about-space/ 関連記事 スマート
1
【報告、マンガ】おれは会社をとうとう辞めたぞ~!!ジョジョ~!!
Misc ジョジョ、おれはとうとう会社を辞めたぞ。辞めようと思ってから本当に長かった。今の空いた時間は凄まじいぜ。在職中に出来なかったことがあれやこれやと取り組めるんだ。まあ、少し話でも聞いてみてくれよ。
2
【GraphQL】基礎的な書き方から、AniList API用のMutationクエリ(複数レコード更新)まで。
Code GraphQLの基礎的な書き方から、初心者でも迷わずにクエリを構築できるように、QueryとMutationの書き方を紹介します。そして、実際にAniListというサービスで叩いた結果も紹介します。
3
Google Apps ScriptでAniList GraphQL APIv2を叩くと、'No query or mutation provided...'のエラー400が返ってくる
Code GASのUrlFetchApp.fetchの仕様がJavaScriptのfetchと少し違うのかも。調べても調べても沼ってたので解決してよかった。
4
今年食ったサバ缶のまとめ(2025年版:後編)
Mackerel 2025年に筆者が食べたサバ缶、イワシ缶、サンマ缶などを紹介します。個人的な美味しさ、DHAおよびEPAの含有量の目安なども掲載しています。
5
今年食ったサバ缶のまとめ(2025年版:前編)
Mackerel 2025年に筆者が食べたサバ缶、イワシ缶、サンマ缶などを紹介します。個人的な美味しさ、DHAおよびEPAの含有量の目安なども掲載しています。
ランダム記事 ランダム