まだまだ続くよサイト更新。単純にモチベがある

タイトルの通り、ページの表示が少しだけ早くなりました。

今までは各種データがすべて揃ってからページが表示されていたのですが、今回の更新で

• 記事内容を取得するときに取得まで一時的にスケルトン（YouTubeとか最近のページでよくあるグレーの四角形とかで何となく何かが入るのがわかるやつ）が表示されるようになった
• OGP取得で表示されるリンクカードが同じくスケルトンで一時表示されるようになった

とこんな感じです

リンクカードってのは↓↓のリンク情報のやつです

タイトルの通りでサイトをリフレッシュしました

……どこが？って言われそうですが、まあ全部裏側で表（見えるとこ）は何一つとして変わってません

合わせてソースコードも公開しました。MITライセンスなので使いたい方はお好きにどうぞ

技術的に知見のある人はもし見えちゃいけなさそうな情報が見えてたらこっそり教えて下さい。一応一通りチェックしたけど

去年ぐらいに描いた初音ミク

あとProcreate + iPadで描いた唯一のイラスト

画像ビューアに対応しました。画像をタップ・クリックすると拡大画像が表示されます

まだ発表されてないSwitchの後継機、せっかくなので「こんなのがいいな」という願望も兼ねた予想がしたい

こういうのってたぶんNoteとかのほうが読まれるんだろうけどまあぶっちゃけ予想なんでそんなに人に読んでもらう必要ないし長文の記事を書く練習にしようと思う

発表はとりあえず大統領選のあとぐらいではと読んでる

というか普通に大統領選が架橋に入って報道が加熱するのでその間に発表しても埋もれてしまうので

Switch初公開時のような映像と、紹介映像が公開される感じで。Directの体を取るか不明

これを読んだ。ちょっと感想というか、めっちゃ面白かったので紹介とかをしようと思う

• 著者：森長あやみ
• タイトル：こんづくし

著者のTwitter曰くウルトラジャンプにも載ったようだ。ちなみにリンクはとなりのヤングジャンプ

読み切りなので読めるうちにみんな読んでほしい。もし公開が終わっていたら残念

画像の表示に対応しました

タグ整理とかちゃんとしたほうがいいよなぁとも思いましたが一旦公開して調整は後でやります

過去絵です

一応キャラクターは艦これのアクィラなのですがかなりアレンジされててわかりにくいなーと思ってます

骨組みだけ作って公開したところ、モチベーションがちゃんと湧いてきたのでちまちま修正作業を入れてます。具体的に言うと以下の通り

• OGPに対応しました
  • はてなブログとかでページ引用したときに出るリンクのBox的なあれです
• Twitterカードにも対応しました
  • ページURLを入れたらいい感じのリンクが出ます
• RSSに対応しました
  • 更新情報を見逃したくない人はこれで一応更新を追えます
  • ヘッダー（ページの一番上）の何か電波がみょんみょんしてるアイコンがそれです
• UIその他を変更しました
  • アイコンサイズや文字サイズを調整
  • トップページの記事が途中まで表示される部分で途中で切れていることがわかりやすいように文字に半透明のグラデーション追加
  • スマホ等の画面幅が小さい環境での表示改善
  • 記事内のリンクが分かりづらかったので下線を追加
• その他分析ツール追加
  • Google Search Consoleとか初めて使った
  • Cloudflare beaconを入れた

とりあえずこの一週間で追加改修したのはこんなところだったか

半分ぐらいエンジニアとしての自己満足ではあるけどいい感じに刺激があって楽しい。絵を書き始めたころもこんなだったなぁ（遠い目

実際にやってみないとわからないことって多いなーと思ったのでその感想＋修正項目のメモ

1. レイアウト崩れ
   1. ページ上部のボタン類の width が固定値だからスマホ等で見ると崩れる
      1. てか tag search の隣にトップページリンクあったほうがいいかも（一応タイトルをクリックすればトップに行くが
   2. あと各記事の下部のシェアボタンとHomeボタンにマージンがない
2. 時間表記がUTCになってる
   1. これユーザーの地域に合わせられないだろうか
   2. とはいえSSGでEdge runtimeで動いているものなので厳しそうな気はする
3. footerとaboutで微妙に矛盾してるので修正

こんなところか

まだまだできてない機能も多いので開発の手はしばらく動きそう

ブログ兼イラスト等のアップロード先が欲しかったのでページを作りました

いわゆるプラットフォームに乗っかってもいいのですが、プラットフォームにはプラットフォームの倫理があり、まあ現状プラットフォームは信頼できないものとして存在していると思います。私もあんまり信用してません
インターネットは素晴らしいことに、個人でサーバにページをアップロードして、サーバのポートを開きドメインを取得しDNSを設定し特定のアドレスがサーバに向くようにして云々すれば、自宅のPCからでもホームページを公開できます。とはいえそれはそれで大変だし難しいです。インデックスとかちゃんとしないと検索にも引っかからないし

つまり何がいいたいかというと、可能な限りプラットフォームにはお世話にならない環境を、今の自分の実力（能力とか技術力とか）でどこまでできるか試してみたところです

なのでこのページは一定のプラットフォームは利用しています。たとえば記事の管理はmicroCMSにお世話になっています（現状無料プラン）。でもイラストや漫画のアップロードは使わない予定です（イラストのほうがそういう制限を受けやすいので）。まだ実装できてないですが、Cloudflareのストレージを使い、コンテンツのデータ管理は適当なサーバレスのデータベースサービスを使う予定です。ブログの記事と一緒にトップページに載せられるようにマージするのはサーバサイド（Next.js App Routerのサーバコンポーネント）でやろうと思ってます