Maretol Base
IllustrationsComicsBlog

About

メアトルの個人サイトです


詳細は /about まで

Profile

名前:Maretol

メアトルと読みます


Twitter: @maretol

Bluesky: @maretol.xyz

他の連絡先は /contact まで

Comics

The Merged Wind Has Come

The Merged Wind Has Come

2024/12/30 11:35:17 JST

See latest comics

Illustrations

重音テト

重音テト

2026/03/22 11:56:15 JST

チャーミング

チャーミング

2025/10/13 19:05:56 JST

ピース

ピース

2025/08/10 17:38:40 JST

歌姫

歌姫

2025/06/29 17:54:18 JST

See latest illustrations

Latest Articles

攻殻機動隊に触れてなかった人が攻殻機動隊に触れる アニメ2話

2026/07/18 17:26:11 JST

攻殻機動隊に触れてなかった人が攻殻機動隊に触れる アニメ1話

2026/07/12 9:38:57 JST

『ヤオヨロー!2』に申し込みました

2026/07/04 23:11:09 JST

月報 2026年6月の振り返り

2026/07/03 1:26:56 JST

月報 2026年5月の振り返り

2026/05/31 23:39:11 JST

Tags

Back to the HomeJump to the Top
© 2024 - 2026 Maretol
DO NOT REPOST WITHOUT PERMISSION

ちまちまアプデしてます

2024/08/09 21:46:37 JST

Tag :雑記更新情報

Read more...

実践大事

2024/08/04 22:36:53 JST

Tag :雑記

Read more...

個人サイトを作りました

2026/05/31 17:08:24 JST

Tag :雑記更新情報

Read more...
12345678910

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


  • 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のサーバコンポーネント)でやろうと思ってます