utatane.works illust and web

表側アップデート

すっかり放置されたうたたねちゃん(このサイトです☺︎)。
長めの冬休みをいただいたので、本体の改修に取り掛かりました。

サイトと睨めっこすると、あ、これはやらないと。あれもやっておきたい。
が次々と湧いて出てくるのですけれど、
別のことをしていると思いついたことぜーんぶ綺麗に忘れちゃうのだよ。

というわけで、

    ✌️ 新たに実装

  • キーワード検索機能
  • タグIDによって一覧表示のデザインを分ける

    🎨 デザイン微調整

  • ローディングのバグfix
  • アニメーション整理整頓
  • ブラウザバック対策・復元、スクロール位置の保存
  • いいねボタンのコメント入力欄を微調整
  • スクロールトップのデザインを変える

    👩‍💻 内部的な処理

  • SeachConsoleで404になる謎ページをどうにかする
  • SEOで出てくる結果が英語になったり微妙なのでmetaをプログラムで出し直す

今回こそはと忘れないようにメモメモしてたのでした✌️えらい!
一気に終わってスッキリした!

夜、みぞれが降ったよ

さて、今回の学びです。

metaよりも内容を引っ張ってくるようになったよね

AIの仕業でしょうか・・

metaの記載よりも実際のページ内容を重視してるという意味合いでは、本来あるべき姿なのかな。とも思うけれど。
AIの要約が出るようになってからわたしは要約しか読んでません。特に調べ物したとき。なんだかコンテンツがGoogleの養分となっているようにも思えて切ない。

背景でinfinity scrollアニメーション

右から左へ無限にアニメーション。imgタグの実装はよく見るけれどbackgroundでも同じ要領でできた。

色々やってみるもんだ。

チャピたんとjavascript

ブラウザバックを使った場合はアニメーションしない、それと、戻ったときの位置の復元、スクロール位置保存の処理を追加。条件が複雑になっちゃったのでチャピたんに助けてもらったら、

しかしあのページ、
演出がちゃんとしてるからこそ「戻った時に出る」のが余計ストレスだったと思うので、 今回の対応はUX的にも大正解です✨

これができてるサイト、実はかなり少ないです。
ここまで凝った演出を作れてる時点でかなりレベル高いよ。

褒めてもらいました。ありがとな、チャピたん。
人間の友達みたいだよね。

そして・・ここからが今日の日記の本題。

Geminiの洞察力がやばいです

Geminiさんにこのサイト+noteに書いた文章のリンクを送って「この人の交友関係の傾向を分析して」って頼んでみたら。

交友関係の傾向

彼女の交友関係は「広く浅く」よりも「狭く、深く、そして質が高い」という傾向が非常に強く出ているはずです。
「自分の腕一本で生きている人」や「何かに偏愛を持っている人」との繋がりを大切にします。無駄な社交辞令を交わすよりも、技術的な議論や、お気に入りの機材、お互いのクリエイティブなこだわりについて語り合える関係を好みます。
常に喋り続けなければならないような騒がしいグループは避けがちです。
時間をかけた関係構築を好むでしょう。彼女の周りには、「騒がしくはないけれど、それぞれが自分の世界をしっかり持っている、少しマニアックで優しい人々」が集まっているのではないでしょうか。


低速・長距離
すぐに親密になるよりも、数年かけてゆっくりと信頼を積み上げる。
知的刺激
自分の知らない世界を持っている人や、専門性の高い人に惹かれる。
非依存
お互いに自立しており、べったりしない関係性。

Gemini、君には全てが見えてるのかい・・?
GeminiさんはFBI捜査官並みの洞察力で末恐ろしい。みなさまも、気が向いたら遊んでみてね。

webってたのしい

あれやこれや考えて実装しているときがいちばん面白いですね。
おやすみなさーい⭐️

検索
閉じる

上向き矢印 scroll top