Memo

カテゴリ「サイト運営メモ」［119件］（3ページ目）
サイトのリニューアル、9割方完成。
あとはほぼ細かい調整だけの予定だけど、唯一残る大きいタスクはトップ絵を描くこと。。
今までトップ専用に描いたことはなかったけど、今回はそれありきのデザインにしたので。。

今回、基本はテンプレートの着せ替えだけで大きな構造改革まではしてないですが、ちょっとだけ新機能を付ける予定です。お楽しみに！

ひと段落したらポケモンDLC、ブライスハロウィン服作りなど、やるぞ。

#カスタマイズ #手打ちサイト
サイト運営メモ
サイトリニューアルからだいぶ経って今更ながら、登録していたサーチの紹介文を変更しました。

「ゆるいサイトです」的なやっつけ文で登録してたんですが、私がゆるいもの好きであるのは間違いないけど、このサイト自体は別にゆるくはないよなと。
情熱を注いで育てている自負もあるし、中の人はバカ真面目だしで、どちらかといえばやや息が詰まる部類のサイトだよなとずっと気になってたんですよ。

サイト名の変更すら反映させてなかったので早く変えなきゃとは思っていたんですが、今まで別にそれでうまく回っていたものをわざわざ変えるのはちょっと勇気がいりましたね。吉と出ると良いのですが。

line

そしてそろそろまた、サイトリニューアルしたい波がやってきました。
デザインも大枠は思いついているのですが、大工事になりそうだし年内にできればいいなぁくらいで考えてます。

最近突然肌寒くなってきたので、急に一年も後半戦な気分になってきてしまいました。
「年内に」何かしようとか、1週間前まで全くなかった尺度だ…。

#めんどい思考
サイト運営メモ
久々にちょびっとサイト（てがろぐ）いじりました。

  • 「続きを読む」ボタンのデザイン調整　→小さいボタンだったものを幅広のボタンに
  • 「続きを読む」ボタンで展開した文章をふわっと表示する
  • カスタム絵文字機能を使って罫線を表示　→「－－－」などと記号で表記していたものを画像素材に置換


line

↑の罫線の画像素材はFREE LINE DESIGN様からお借りしました。

近年は画像素材を使わないでCSSで装飾するサイトがトレンドのようでしたが、世の中全体の端末の性能もネット回線速度もぐっと底上げされていることですし、一周回ってまたこういう風に画像素材でサイトをデコレーションするのも良いかもしれないですね。

やっぱりサイトいじりは楽しい…！！！

#てがろぐ #カスタマイズ #備忘録 #手打ちサイト
サイト運営メモ
サイト1周年でした

ちょっと過ぎてしまいましたが、6/11でサイトが無事一周年を迎えました！
4～5月は特にサイトへのモチベが異様に高くて、超アクティブに更新もしてましたし、「１周年記念のイラストでも描いてトップ絵変えようかな」とか、「一周年のふりかえりとかしちゃおうかな」とかいろいろ考えてました。

が、いざ6月に差し掛かると怪我をしたり、パソコンが壊れたりした上に、環境の変化や忙しさ（忙しいって嫌いな言葉だけど…）にやられてメンタルもガタガタで、あまりサイトに手を掛けられない状況になっていました…😿

ともかく、無事に1年もサイトを存続させられたことは本当に嬉しいです！
更新することよりも存続することの方が主目的だったので、十分誇らしい結果です。

そんな感じで暫く更新ペースは落ちそうですが、2年目もまったりやっていけたらいいなと思います。

#モチベーション #お知らせ
サイト運営メモ更新履歴【非表示】
サイトを「今何してる？」から解放してみた

日記の大まかな時系列は大事だけど、”今”何してる？程のライブ感を持った時間情報はどうでもいい…というかむしろ足かせになってるという思いが日に日に強くなってきました。

もともと投稿時間は非表示にしていましたが、日付すらもいらないのでは？何年の何月くらいかわかるだけで十分かも。
トップページの更新履歴に主要なエントリーの更新日が出ていればそれでもう十分な気もする。

…と思ったので早速お試しでそうしてみました。3日間Newマークは出るし、ほんとにこれでいいかも。

最近、サイトの更新頻度は高くなってますが、サイトに流れる時間まで早くしたかったわけではなかったので、「サイト内を流れる時間のゆっくり感」と「自分の裁量で好きな時に好きなだけ更新する（orしない）自由さ」を取り急ぎ両立できた形になったのではないでしょうか。
いつ書いたエントリーなのか自分で知りたければ管理画面から確認できますしね。

さらにさらに、てがろぐの過去ログページを作ってみました。
古い順に並んだ月別ログで、その中のエントリも昇順表示なので古い方から順に表示されます。
（てがろぐ側で日付リストのリンク先を古い順で出力する設定項目はなさそうだったので、またしてもBingAIの力を借りました。）

月別リンクが並んだこの感じ、HTML手打ち製の個人サイトっぽくてすごくやりたいなぁと思ってたのです。
これまで過去の記事を回遊する手段が乏しくてランダム表示くらいしかなかったので、古い順にさかのぼれる機能を付けたいとは前々から思っていました。
先述の「行き過ぎたライブ感はどうでもいい」と併せて、「●年の●月ごろ何してたっけな」と懐かしみたいだけのほぼ自分用機能です。満足。

line

そもそも話。
私の場合、ここ（Memo／てがろぐ）を「一人用Twitter」とか「”リアル”の進化版」（たぶん一部世代にしか通じないネタ？）ではなく、EvernoteとかGoogleKeepのようなクラウドメモの公開版みたいなものだと捉えてるみたいです。

それぞれのエントリーが時系列になることもまぁ大事だけど、１つ１つのエントリーは「その話題について書くための場所を作った」という認識なので、後から加筆修正することにあまり抵抗がない…というか本当はそこにどんどん追記していきたい。（この記事なんかはそれが顕著にあらわれている良い例ですね）

それに、読み返しているうちに書きたいことが増えてきたりまとまってきたりすることもとても多いので…。

けどそれをやるとさすがに閲覧者さん側が見づらくなりすぎるから、基本的には新しいエントリーで投稿するという運用にしている感じです。
特に専門的でも実用的でもない他人の日記をふたたび読みなおすことなんてあまりないはずでしょうから。

そういう意味では究極的には静的HTMLページでテキストを書くのも合ってるのかもしれないですね。
てがろぐがなかったら、Wordpressから手打ちサイトに移行した時にそうしてたと思います。

要はまぁ、しれっと加筆修正してるけど気にしないでねって話です。
1～2か月くらい経つともう半分他人の感覚になるので、多少気になるところがあってもそのまま記録として残してますが。

#てがろぐ #文章 #カスタマイズ #AI #手打ちサイト
サイト運営メモべらべら更新履歴【非表示】
>>252の続き。
BingAIに助けてもらってさらに追加したサイトの機能の覚え書き
  • gifアニメーションには自動で再生ボタンを付ける（giffferを使用する）
  • リンク先が外部サイトなら別タブで開く（別ホストのリンクには自動でtarget="_blank"とrel="noopener noreferrer"を追加、※推奨設定らしい）
  • 外部リンクにはリンク文字列の末尾にアイコンフォントを自動付与する
  • てがろぐの個別投稿でリストアイコンを任意に指定した場合はてがろぐスキン側で設定されているリストアイコンを非表示にする（使っているスキンが疑似要素::beforeでリストアイコンを設定しているのでそのままでは上書きされないため）
  • img要素にwidthとheightを自動で設定する
  • てがろぐの特定のスキンでは出力するURLに自動的に&order=reverseを付与する

増えたらここに追記予定。

もし〇〇なら自動でこうしたい…！というニーズが結構あったので、その辺がjavascriptなどを使うことでスパスパと解決していくのが気持ちいいです。
CSSも複雑なセレクタは自分では指定できないので助かります。

#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #てがろぐ
サイト運営メモ
ロリポップさん、5月中旬ごろから契約中でも自由にプラン変更できるようになる予定とのこと。
→6月下旬に変更になってました。

ちょうどプランのダウングレードをしたいと思っていたので、問題なさそうならそうするつもりです。
プランダウンできるのかは現時点では明記されてないけど、「自由に」というならできることを期待してしまいます。

もしプラン変更をした場合は、実質サーバーを移転したのと同じような扱いになりそうなので、一時的にサイトが表示できなくなったりおかしくなったりするかも。

ちょっと気が早いかもですが念のため今のうちにお知らせしておきます。

#レンタルサーバー
サイト運営メモ
>>250の続き。

BingAIの力を借りて、Galleryのサイドバーでカテゴリ名をクリックすると、その場所までスクロールしつつ、同時に折り畳みをオープンする仕様にしてみました。例によってPCのみ。
20230512012558-admin.gif
▲gif動きます。ちょっとわかりづらいかも。

今までは折りたたみのオープンは手動だったので、閉じた状態ではサイドバーは完全に無意味なものだったんですが、これでかなり直感的になったと思います。
先のまとめて開閉ボタンとあわせてポチポチ押すだけでたのしい。

BingAIとの会話のコツもだいぶわかってきて、小回りが利くようになってきました。

なんかもうちゃんとjavascript覚えてブラウザゲームとかWebアプリケーションとか作りたくなってきました。

続き>>254

#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #やりたいこと
サイト運営メモ
AIと少し仲良くなってみた

前から気になっていたギャラリーの折り畳み開閉ボタンのデザインと挙動について。
202305120136231-admin.gif
▲gif動きます

これを、1つのボタンで開閉できる仕様にしたいと思っていました。
javascriptを使えば実現できそうなのはわかったのですが、ぐぐってもそのものズバリのコードはわからず、いつものコピペ戦法は通用せず。

ゼロからjavascriptを体系的に学ぶのはいつかやりたいけど、今はそういう気分じゃなく。

そういえば、こういう時のAIだなと思い出し、助けを乞うことに。
ChatGPTはよくわからなかったので、登録不要で使えるBing AIに聞いてみました。

line

試行錯誤の結果、こんな感じで質問してみたら目当てのコードを教えてもらえました。
202305111543061-admin.png
▲「1つの」ボタンと言わないと意図が通じないようで、バラバラに独立したボタンを勧めてきます。
20230511154306-admin.png
▲fontawesomeを使いたいことを明示しないと、innerHTMLではなくtextContentを勧めてくるのでアイコンフォントが使えません。

質問の仕方に少しコツがいりますが、ここまでほぼそのままちゃんと使えるコードを出してくれたことには驚きました。
しつこいくらい細かく指示してあげないと、知識のない素人がそのまま使えるようなコードにはならないですが。
現状、検索エンジンより多少あいまいに検索できるくらいの使用感かなぁと思いました。（それでも物凄い助かりました。ぐぐるだけじゃ絶対こんなすぐに実装できなかったので）

人間との会話と違って、向こうから「それはこういうことですか？」と汲み取るような質問返しをしてくれないので、こっち側に多少の知識がないと会話にならないのかなと思いました。
あと、相手が人間だったら、絵や図を描いて説明することができるので、それができないAIに対して、知識がなくふわっと浮かんでるだけのやりたいことを全部文字にして説明するのも結構大変な気がしました。
逆に言うとそれができるようになったらマジで下手な人間のオペレーターよりよっぽど優秀ですね…。

引き合いに出して申し訳ないけどロリポップのAIアシスタントは凄く期待した割に思ってたものと全然違ってガッカリしたのでこれは嬉しい驚き。

最終的に出来上がった開閉ボタンはこんな感じ。
20230512013623-admin.gif
▲gif動きます

狙い通りの挙動をしてくれて大満足です！！
なおトグルボタンのサイドバー常駐はPCのみで、液晶の小さい端末では本文内に設置しています。

続き>>252
　

#AI #手打ちサイト #カスタマイズ #javascript #備忘録
サイト運営メモべらべら更新履歴【非表示】
いつも通ってる歯医者さん。
店構えは地味で、Googleのレビューも殆ど付いていなくて、予約もいつでも取り放題…と、かなりひっそりとしています。

でも院内はとても清潔だし、ネットで予約を取れる今風の便利なシステムも導入してるし、機器もちゃんと最新だし、スタッフさんは皆とても感じがいい。
その上先生は「痛くないですよ～」みたいな”優しい嘘”をつかない、良くも悪くも（？）ちょっと不器用で誠実な人です。
あわただしさがなくて、院内を流れる時間がとてもゆっくりしているんですよね。

ふと、私がサイトでやりたい方向性と凄く似ているなと思いました。
わざわざ見つけて来てくれた人には最大限のおもてなしをしたい。
でも自分のキャパを超えることまでして店を大きくしたり繁盛させるとか、実態よりも飾り立ててアピールするようなことはしたくない、というこの感じ。

客目線だと、この歯医者さんに潰れないでほしいけど、人気が出たら嫌だから知る人ぞ知る感じでうまいこと続いて欲しいなと思ってしまうのはちょっと勝手でしょうか…笑

#モチベーション #自分語り #めんどい思考
サイト運営メモ日記
1 2 3 4 … 10 11 12