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

[再掲]ピース

2024/08/24 21:33:28 JST

Tag :

Read more...

ちまちまアプデしてます

2024/08/09 21:46:37 JST

Tag :

Read more...

実践大事

2024/08/04 22:36:53 JST

Tag :

Read more...

個人サイトを作りました

2024/08/03 18:56:57 JST

Tag :

Read more...
123456789

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

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


過去絵です

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

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


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