イラストのページを作った

ブログ側でもイラストを引用すると上記のようなリンクになりView illustを押すと横からイラストが出てくる


ついでにイラストのみのページ。こっちからもイラストが同じように見えるし一覧で見やすくしている

Illustrations

イラスト | Martol Base

Go to page

これです。まあ詳しくは該当ページ読んでねという話で


余談ですが、nostterというのはNostrクライアントのWebアプリです。Nostrというのは……すげえざっくりいうと分散型SNSプロトコルです

MastodonにおけるActivityPub、BlueskyにおけるAT Protocolみたいなものだと思えばたぶん間違いじゃない

Nostrの特殊な点は、〇〇におけるNostr、って表現しようとしたときの〇〇がないことです。nostterじゃないの?と思われそうですが、nostterは簡単に言うと「クライアントアプリ」なので、TwitterおけるTweetdeckの立ち位置でしかなくその上位の「サービス」が存在しません


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


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

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


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


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



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

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

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