>>252の続き。
BingAIに助けてもらってさらに追加したサイトの機能の覚え書き
増えたらここに追記予定。
もし〇〇なら自動でこうしたい…!というニーズが結構あったので、その辺がjavascriptなどを使うことでスパスパと解決していくのが気持ちいいです。
CSSも複雑なセレクタは自分では指定できないので助かります。
#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #てがろぐ
BingAIに助けてもらってさらに追加したサイトの機能の覚え書き
- gifアニメーションには自動で再生ボタンを付ける(giffferを使用する)
- リンク先が外部サイトなら別タブで開く(別ホストのリンクには自動でtarget="_blank"とrel="noopener noreferrer"を追加、※推奨設定らしい)
- 外部リンクにはリンク文字列の末尾にアイコンフォントを自動付与する
- てがろぐの個別投稿でリストアイコンを任意に指定した場合はてがろぐスキン側で設定されているリストアイコンを非表示にする(使っているスキンが疑似要素::beforeでリストアイコンを設定しているのでそのままでは上書きされないため)
- img要素にwidthとheightを自動で設定する
- てがろぐの特定のスキンでは出力するURLに自動的に&order=reverseを付与する
増えたらここに追記予定。
もし〇〇なら自動でこうしたい…!というニーズが結構あったので、その辺がjavascriptなどを使うことでスパスパと解決していくのが気持ちいいです。
CSSも複雑なセレクタは自分では指定できないので助かります。
#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #てがろぐ
ロリポップさん、5月中旬ごろから契約中でも自由にプラン変更できるようになる予定とのこと。
→6月下旬に変更になってました。
ちょうどプランのダウングレードをしたいと思っていたので、問題なさそうならそうするつもりです。
プランダウンできるのかは現時点では明記されてないけど、「自由に」というならできることを期待してしまいます。
もしプラン変更をした場合は、実質サーバーを移転したのと同じような扱いになりそうなので、一時的にサイトが表示できなくなったりおかしくなったりするかも。
ちょっと気が早いかもですが念のため今のうちにお知らせしておきます。
#レンタルサーバー
→6月下旬に変更になってました。
ちょうどプランのダウングレードをしたいと思っていたので、問題なさそうならそうするつもりです。
プランダウンできるのかは現時点では明記されてないけど、「自由に」というならできることを期待してしまいます。
もしプラン変更をした場合は、実質サーバーを移転したのと同じような扱いになりそうなので、一時的にサイトが表示できなくなったりおかしくなったりするかも。
ちょっと気が早いかもですが念のため今のうちにお知らせしておきます。
#レンタルサーバー
>>250の続き。
BingAIの力を借りて、Galleryのサイドバーでカテゴリ名をクリックすると、その場所までスクロールしつつ、同時に折り畳みをオープンする仕様にしてみました。例によってPCのみ。

▲gif動きます。ちょっとわかりづらいかも。
今までは折りたたみのオープンは手動だったので、閉じた状態ではサイドバーは完全に無意味なものだったんですが、これでかなり直感的になったと思います。
先のまとめて開閉ボタンとあわせてポチポチ押すだけでたのしい。
BingAIとの会話のコツもだいぶわかってきて、小回りが利くようになってきました。
なんかもうちゃんとjavascript覚えてブラウザゲームとかWebアプリケーションとか作りたくなってきました。
続き>>254
#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #やりたいこと
BingAIの力を借りて、Galleryのサイドバーでカテゴリ名をクリックすると、その場所までスクロールしつつ、同時に折り畳みをオープンする仕様にしてみました。例によってPCのみ。

▲gif動きます。ちょっとわかりづらいかも。
今までは折りたたみのオープンは手動だったので、閉じた状態ではサイドバーは完全に無意味なものだったんですが、これでかなり直感的になったと思います。
先のまとめて開閉ボタンとあわせてポチポチ押すだけでたのしい。
BingAIとの会話のコツもだいぶわかってきて、小回りが利くようになってきました。
なんかもうちゃんとjavascript覚えてブラウザゲームとかWebアプリケーションとか作りたくなってきました。
続き>>254
#AI #手打ちサイト #カスタマイズ #javascript #備忘録 #やりたいこと
AIと少し仲良くなってみた
前から気になっていたギャラリーの折り畳み開閉ボタンのデザインと挙動について。

▲gif動きます
これを、1つのボタンで開閉できる仕様にしたいと思っていました。
javascriptを使えば実現できそうなのはわかったのですが、ぐぐってもそのものズバリのコードはわからず、いつものコピペ戦法は通用せず。
ゼロからjavascriptを体系的に学ぶのはいつかやりたいけど、今はそういう気分じゃなく。
そういえば、こういう時のAIだなと思い出し、助けを乞うことに。
ChatGPTはよくわからなかったので、登録不要で使えるBing AIに聞いてみました。

試行錯誤の結果、こんな感じで質問してみたら目当てのコードを教えてもらえました。

▲「1つの」ボタンと言わないと意図が通じないようで、バラバラに独立したボタンを勧めてきます。

▲fontawesomeを使いたいことを明示しないと、innerHTMLではなくtextContentを勧めてくるのでアイコンフォントが使えません。
質問の仕方に少しコツがいりますが、ここまでほぼそのままちゃんと使えるコードを出してくれたことには驚きました。
しつこいくらい細かく指示してあげないと、知識のない素人がそのまま使えるようなコードにはならないですが。
現状、検索エンジンより多少あいまいに検索できるくらいの使用感かなぁと思いました。(それでも物凄い助かりました。ぐぐるだけじゃ絶対こんなすぐに実装できなかったので)
人間との会話と違って、向こうから「それはこういうことですか?」と汲み取るような質問返しをしてくれないので、こっち側に多少の知識がないと会話にならないのかなと思いました。
あと、相手が人間だったら、絵や図を描いて説明することができるので、それができないAIに対して、知識がなくふわっと浮かんでるだけのやりたいことを全部文字にして説明するのも結構大変な気がしました。
逆に言うとそれができるようになったらマジで下手な人間のオペレーターよりよっぽど優秀ですね…。
引き合いに出して申し訳ないけどロリポップのAIアシスタントは凄く期待した割に思ってたものと全然違ってガッカリしたのでこれは嬉しい驚き。
最終的に出来上がった開閉ボタンはこんな感じ。

▲gif動きます
狙い通りの挙動をしてくれて大満足です!!
なおトグルボタンのサイドバー常駐はPCのみで、液晶の小さい端末では本文内に設置しています。
続き>>252
#AI #手打ちサイト #カスタマイズ #javascript #備忘録
前から気になっていたギャラリーの折り畳み開閉ボタンのデザインと挙動について。

▲gif動きます
これを、1つのボタンで開閉できる仕様にしたいと思っていました。
javascriptを使えば実現できそうなのはわかったのですが、ぐぐってもそのものズバリのコードはわからず、いつものコピペ戦法は通用せず。
ゼロからjavascriptを体系的に学ぶのはいつかやりたいけど、今はそういう気分じゃなく。
そういえば、こういう時のAIだなと思い出し、助けを乞うことに。
ChatGPTはよくわからなかったので、登録不要で使えるBing AIに聞いてみました。
試行錯誤の結果、こんな感じで質問してみたら目当てのコードを教えてもらえました。

▲「1つの」ボタンと言わないと意図が通じないようで、バラバラに独立したボタンを勧めてきます。

▲fontawesomeを使いたいことを明示しないと、innerHTMLではなくtextContentを勧めてくるのでアイコンフォントが使えません。
質問の仕方に少しコツがいりますが、ここまでほぼそのままちゃんと使えるコードを出してくれたことには驚きました。
しつこいくらい細かく指示してあげないと、知識のない素人がそのまま使えるようなコードにはならないですが。
現状、検索エンジンより多少あいまいに検索できるくらいの使用感かなぁと思いました。(それでも物凄い助かりました。ぐぐるだけじゃ絶対こんなすぐに実装できなかったので)
人間との会話と違って、向こうから「それはこういうことですか?」と汲み取るような質問返しをしてくれないので、こっち側に多少の知識がないと会話にならないのかなと思いました。
あと、相手が人間だったら、絵や図を描いて説明することができるので、それができないAIに対して、知識がなくふわっと浮かんでるだけのやりたいことを全部文字にして説明するのも結構大変な気がしました。
逆に言うとそれができるようになったらマジで下手な人間のオペレーターよりよっぽど優秀ですね…。
引き合いに出して申し訳ないけどロリポップのAIアシスタントは凄く期待した割に思ってたものと全然違ってガッカリしたのでこれは嬉しい驚き。
最終的に出来上がった開閉ボタンはこんな感じ。

▲gif動きます
狙い通りの挙動をしてくれて大満足です!!
なおトグルボタンのサイドバー常駐はPCのみで、液晶の小さい端末では本文内に設置しています。
続き>>252
#AI #手打ちサイト #カスタマイズ #javascript #備忘録
いつも通ってる歯医者さん。
店構えは地味で、Googleのレビューも殆ど付いていなくて、予約もいつでも取り放題…と、かなりひっそりとしています。
でも院内はとても清潔だし、ネットで予約を取れる今風の便利なシステムも導入してるし、機器もちゃんと最新だし、スタッフさんは皆とても感じがいい。
その上先生は「痛くないですよ~」みたいな”優しい嘘”をつかない、良くも悪くも(?)ちょっと不器用で誠実な人です。
あわただしさがなくて、院内を流れる時間がとてもゆっくりしているんですよね。
ふと、私がサイトでやりたい方向性と凄く似ているなと思いました。
わざわざ見つけて来てくれた人には最大限のおもてなしをしたい。
でも自分のキャパを超えることまでして店を大きくしたり繁盛させるとか、実態よりも飾り立ててアピールするようなことはしたくない、というこの感じ。
客目線だと、この歯医者さんに潰れないでほしいけど、人気が出たら嫌だから知る人ぞ知る感じでうまいこと続いて欲しいなと思ってしまうのはちょっと勝手でしょうか…笑
#モチベーション #自分語り #めんどい思考
店構えは地味で、Googleのレビューも殆ど付いていなくて、予約もいつでも取り放題…と、かなりひっそりとしています。
でも院内はとても清潔だし、ネットで予約を取れる今風の便利なシステムも導入してるし、機器もちゃんと最新だし、スタッフさんは皆とても感じがいい。
その上先生は「痛くないですよ~」みたいな”優しい嘘”をつかない、良くも悪くも(?)ちょっと不器用で誠実な人です。
あわただしさがなくて、院内を流れる時間がとてもゆっくりしているんですよね。
ふと、私がサイトでやりたい方向性と凄く似ているなと思いました。
わざわざ見つけて来てくれた人には最大限のおもてなしをしたい。
でも自分のキャパを超えることまでして店を大きくしたり繁盛させるとか、実態よりも飾り立ててアピールするようなことはしたくない、というこの感じ。
客目線だと、この歯医者さんに潰れないでほしいけど、人気が出たら嫌だから知る人ぞ知る感じでうまいこと続いて欲しいなと思ってしまうのはちょっと勝手でしょうか…笑
#モチベーション #自分語り #めんどい思考
Gallery +1、#絵日記 - おいしいものスケッチ 新設
自分の日常で気に入った食べ物の絵をわりとよく描くことに気づき、個別にまとめたくなったので、ギャラリーに「絵日記 - おいしいものスケッチ」のセクションを作りました。
イラストを時系列で表示するという役割は、(てがろぐ設置日以降の分だけになりますが)サイトマップでも案内している「Memo-お絵描き-ギャラリーモードで表示」が十分果たしていますので、単独のギャラリーページに求められる役割は作品の性質ごとに分類・整理がきちんとされていることなのかなと。
実在商品のレポっぽい絵とかは他の作品と混ぜるとやや浮いてしまいますしね;
今後ほかの切り口でも絵日記を描いてまとめてみたいな。買い物とかおでかけとか。

ギャラリーがおそらく重すぎるのは理解しているのでいずれ抜本的な見直しをしないとな、とは思っています。
#お知らせ
自分の日常で気に入った食べ物の絵をわりとよく描くことに気づき、個別にまとめたくなったので、ギャラリーに「絵日記 - おいしいものスケッチ」のセクションを作りました。
イラストを時系列で表示するという役割は、(てがろぐ設置日以降の分だけになりますが)サイトマップでも案内している「Memo-お絵描き-ギャラリーモードで表示」が十分果たしていますので、単独のギャラリーページに求められる役割は作品の性質ごとに分類・整理がきちんとされていることなのかなと。
実在商品のレポっぽい絵とかは他の作品と混ぜるとやや浮いてしまいますしね;
今後ほかの切り口でも絵日記を描いてまとめてみたいな。買い物とかおでかけとか。
ギャラリーがおそらく重すぎるのは理解しているのでいずれ抜本的な見直しをしないとな、とは思っています。
#お知らせ
- お絵描き(71)
- サイト運営メモ(119)
- ドール(21)
- ハンドクラフト(16)
- 服作り(2)
- べらべら(99)
- ゲーム(70)
- 感想(43)
- 日記(132)
- 更新履歴【非表示】(76)
- ※その他ギャラリー【非表示】(4)
- ※ドールギャラリー【非表示】(14)
- ※あみぐるみギャラリー【非表示】(4)
- ※ギャラリー除外【非表示】(17)
- ※ギャラリートップ6【非表示】(6)
- 文化服装学院(9)
- 文化ギャラリー【非表示】(1)
- ※自主制作服ギャラリー【非表示】 (3)
- ※ぬいギャラリー【非表示】(2)
- 創作全般(64)
- モチベーション(52)
- めんどい思考(44)
- らくがき(39)
- wordpress(39)
- カスタマイズ(38)
- てがろぐ(30)
- 絵日記(27)
- 自作テーマ(26)
- 自分語り(25)
- 手打ちサイト(24)
- Youtube(23)
- お知らせ(23)
- 制作メモ(23)
- 健康(22)
- 食う奴(21)
- ブライス(21)
- Switch(19)
- AI(17)
- 備忘録(17)
- リングフィット(16)
- 趣味(15)
- 思い出(14)
- インターネット(13)
- 買い物(12)
- 平成(12)
- 読書メモ(11)
- お笑い(11)
- ガジェット(11)
- ドール服(11)
- レンタルサーバー(10)
- 習作(10)
- 体調(9)
- かぎ針編み(9)
- アナログ(9)
- 東方(9)
- 高速化(9)
- ソーイング(8)
- フィットボクシング(8)
- スケッチ(8)
- イラスト(8)
- ジャストダンス(8)
- ピクミンブルーム(8)
- おでかけ(7)
- ドールカスタム(7)
- 100均(7)
- ポケモン(6)
- 虹龍洞(6)
- パソコン(6)
- ジェスドロ(6)
- ポーマニ(6)
- やりたいこと(5)
- 着物(5)
- ソーイング・ビー(5)
- オタク(5)
- ゆるいおねえさん図鑑(5)
- grav(5)
- 編み物(4)
- 推しぬい(4)
- あみぐるみ(4)
- セーラームーン(4)
- 学習メモ(4)
- プレイ日記(4)
- 不便益(4)
- 音楽(4)
- メンタル(4)
- ゆるinktober(4)
- 文章(4)
- ドラゴ様(4)
- 神ゲー(4)
- javascript(4)
- Obsidian(3)
- サンリオ(3)
- ホグワーツレガシー(3)
- メルカリ(3)
- 服作り(3)
- iPad(3)
- リカちゃん(3)
- 静岡(3)
- ドラマ(3)
- あすけん(3)
- トップ絵(3)
- 試行錯誤(3)
- シルバニア(3)
- 水彩色鉛筆(3)
- 小物(3)
- 絵の練習(3)
- 萌え語り(3)
- アイソメ?(3)
- Balatro(2)
- 工作(2)
- クリスマス(2)
- ポケポケ(2)
- 名越先生(2)
- 韓国ドラマ(2)
- 服装コース(2)
- ロリータ(2)
- アトリエシリーズ(2)
- 漫画(2)
- 実況(2)
- ワンドロ(2)
- 透明水彩(2)
- 名探偵ピカチュウ(2)
- アナログ日記(2)
- 手縫い(2)
- 電子メモパッド(2)
- ゼルダ(2)
- ティアキン(2)
- ジャルジャル(2)
- 考察(2)
- ささやかな幸せ(2)
- 色塗りから逃げるな(2)
- とりあえず何か描こう(2)
- ずぼログ(2)
- HTML(2)
- 感想(2)
- ブラッシュアップライフ(2)
- コスメ(2)
- discord(2)
- 片付け(2)
- メザスタ(2)
- 糸レビュー(2)
- テレビ(2)
- 歴史(2)
- プログラミング(2)
- Vampire Survivors(1)
- レポ(1)
- ライフログ(1)
- 日常(1)
- ぬい服(1)
- ぬい制作メモ(1)
- ファンアート(1)
- 初音ミク(1)
- 棒針編み(1)
- すみっコぐらし(1)
- 学習計画(1)
- 学習上の疑問(1)
- ニーア(1)
- 月のまとめ(1)
- 世の中(1)
- ハンドメイド制作ノート(1)
- さくらももこ(1)
- 令和(1)
- procreate(1)
- 愚か者(1)
- クリスタ(1)
- ポエム(1)
- Inktober(1)
- 刺繍(1)
- 画材(1)
- ピクミン(1)
- ドット絵(1)
- 龍が如く(1)
- 夏(1)
- Meditopia(1)
- 疑問(1)
- 創造性(1)
- マンガ(1)
- アマプラ(1)
- 富士山(1)
- 道具(1)
- ときメモ(1)
- アイデア(1)
- SV(1)
- あみ服(1)
- あみドール(1)
- SEO(1)
- CLUEDO(1)
- カービィ(1)
- 学び(1)
- デザイン(1)
- ナノブロック(1)
- げっし(1)
- ウマ娘(1)
- フィギュア(1)
- タマモクロス(1)
- シナモン(1)
- ピクロス(1)
- ゆっくり(1)
- 二次創作(1)
- ゆるキャン△(1)
- 映画(1)
- アニメ(1)

Switchユーザーの多くがティアキンでリンクと冒険していると思われるこのタイミングで、リングくんとの冒険がひと段落しました。
↑gif動きます
ネタバレがつ盛りで感想メモしておきます。
まずは突然の個人的ランキング発表から。
好きなフィットスキル
来たらゲンナリするゲームジム
最初は律儀に全部寄り道してクリアしてましたが、途中からスムージーのレシピや装備品が貰えないゲームジムやクエストはめんどくさかったらスルーしてました。
冒頭でひと段落、と言ったのは1週目クリアだからですね。
他で軽くネタバレ喰らってたので2週目以降があるのは事前に知ってました。
1週目クリアまでの期間は休みをちょいちょい入れながらだいたい3か月半だったので、ほとんどパッケージに書いてあるとおりのペースでした。
1日実運動時間で10分くらいしかやってません。ゲーム内で「今日はもう終わりにしませんか?」と勧められたらやめてました。
最初こそ張り切ってましたけど、すぐに体を壊したので…。
そんなぬるま湯ペースでも、心身ともに明らかに良い効果だらけでした。
私は食べることが生きがいなので、普通に好きなものを好きなだけ食べてましたからめっちゃ痩せたとかはないですけど、それでも見た目も結構スッキリしたみたいです。
それよりも肩こりとメンタルの沈みを何とかしたかったので、その点はもうすがすがしいほどに良くなりました。
リングフィットをやる前は割と生きてるだけで精一杯な状態で、必要な最低限の行動を何とかこなす以上のことは難しかったのですが、リングフィットを始めてからは創作意欲も湧いてサイトも頻繁に更新するようになりました。(もしかするとこれは季節的なものも大きいかも。冬になってみないと真相はまだわからないですね。)
それなりの体力もついたので、丸一日外に出歩いてもぐったりすることがなくなりました。(慣れない人と会うと疲れてぐったりするのはまた別の話…)
世の中の95%が自分の敵みたいな気分でしたが、それが50%くらいに感じる程度には余裕が出たと思います。
クリア時のステータスはこんな感じです。
途中で走るのをやめたので走行距離はかなり少ないです。
リングフィットのおかげでかなり体調が良くなったので、クリアしたからといって辞めたくないですし、ゲーム側で2週目3週目を用意してくれてるのは凄くありがたいです。
2週目はぼちぼち運動サポートを切って自分で走ろうと思います。様子見ながらだけど。
最後のドラゴ戦とか、運動サポなかったら相当キツいだろうなぁ。先が思いやられる🥲
あとこのゲームは音楽がとてもいいですね。
エンドロールの曲とても良かったのですが、リングコンを使ったギミックが素晴らしくて、クリア後で疲れてるのにずっと押したり引っ張ったりして遊んでました。
#リングフィット #神ゲー #健康 #ドラゴ様