サイトリニューアルしました！ 2023年版

2022年の10月ごろからTypeScript、React、Next.jsの勉強を始めて、2023年4月にやっとリニューアルにこぎつけることができました！

いやあ、大変だった。 頑張ったのでどんなことが変わったのかラフにかいていきます。

2015年からずっとWordpress使用していました。概ね気に入っていたのですが最近チラホラと不満が出てきまして…。とくに使用しているテンプレートが古くなっていたので移行時期かな、とぼんやり考えてました。

あと今回作ったモノキャラ生成機の管理が面倒だな～と思う部分があったのでNext.js + Vercelに変更しました。モノキャラ生成機は最初jQueryで作っていたのでTypeScriptに書き直すのがちょっと面倒でしたが、できたのでオールオッケー。とりあえず動いているな…という状態なので落ち着いてからまたコードきれいにしていきます。

Next.jsにしてMarkdown方式でブログを書くようになったので、ざーっと下書きを.mdで書いて書き終わったら.mdxに変換してアップロード。というのが文章校正もラクにできるのでとってもメリット。ローカルで見え方も確認できるのでよきよき。

自分で作るんだったら、色とかも自分好みにしちゃえー！ってことで、自分の好きな色を詰め込みました。背景と文字のコントラスト比とかで怒られてる部分もあるのですがそれはCSS全般おいおい。って感じです。同じコードを大量に書いているのでかなり削減できると思います。

ついでにフォントも好みのものに変更しました。明星食品さんのサイトを偶然拝見したとき、「うわ！これ見やすいしカワイイ！」と思ったフォントをそのまま採用しました。DNP 秀英丸ゴシック Stdです（※2024年1月にKosugi Maruフォントに変更しました。Adobeフォントのカクつきが好きじゃなかったのです……。）ただ、PCよりスマホの方が見やすい気がする…？私だけだろうか。

更新履歴をTwitter CollectionからNotionに移行しました。以前Twitterでつぶやいたら右クリックでAdd Collectionでサイトのウィジェットに反映！って、すごくラクだったのですが、仕様変更でうまく表示できなくなったのでNotionに変えました。ひと手間増えましたが、概ね満足です。

基本的に一緒にTRPGで遊んでくれる方へのコンテンツです。なのでクロールとかはやだよーんって設定にしてあります。主に私がGM／KPなどをするときに使用します。Notionで作ってるものをAPIでもってきてます。サイトとNotionを行き来しなくて良くなるし、好きなCSS付与できるようになるのでありがたい＆かわいい。今はシナリオのトレーラーしか持ってきてませんが、やりたいシナリオとかコンテンツを充実させていく予定…。

こんな感じでサイト名と画像とかをカード化してくれるのがリンクカードです。よくブログで見かけてたのでこれ入れたいなあ…いいなぁと思ってたので追加しました。これも表示までが時間のかかる構成になっているので、見直しが必要です…（※概ね修正完了）。

これ作りたいがためにリニューアルしたと言っても過言ではない（？）感じのコンテンツです。以前からモノトーンミュージアムやるときにGMとしてPLさんにキャラクターコマの簡単なものをお配りしていたのですが、「○○さんはこの使い方が好きそう…」「△△さんにはこれは不評…」とかいろいろ考えるうちに、「自分でカスタマイズしてもらえばいいじゃん！ヒュー！！」という結論になり、オプションいっぱいのツールを作ってみました。

紹介記事とかは必要そうでしたら書こうと思います。一応ツールのページに説明は載せてありますがわかりにくい気もしているので画像付きで説明していこうかな、どうしようかなという状態です。気力が湧いたらやります。

Now Loading

前にスプレッドシートで作っていたキャラコマ生成機。もう使わないと思うので供養しておきます。

やるかはわからないがやりたいこと

• CSSをきれいにする
• モノトーンミュージアムのモンスターコマ生成機を作成する （※つくった）
• NotionAPIの軽量化　（※大体満足するとこまでやった。でもまだ要修正）
• やりたいシナリオリストとかも作る
• 人気記事ランキングとかつくる
• 記事のカバーイメージの変更　（※やった）

やりたいけどできなそうなこと

• 2022年買ってよかったランキング～てきな記事　（※サーバーの規約的に無理そう）
  Vercelつかってるから宣伝になるとよくないのかな…？(そのあたり軽くしか読んでいないのでこの後読みます)

WordPressではなくなった分、プラグインで機能をひょいひょいっと追加できなくはなりましたが勉強しながらコソコソ更新していきたいと思ってます。以上！リニューアルのお知らせでした。また気が向いたときに更新します！お疲れ様でした。