10plogてがろぐ実験場＋スキン作成

生きてます
6月から頑張る…現時点で頂いてるコメント等見ております！明日以降お返事いたします🙏🙇🙏

Win10 → win11に乗り換えました
ついでにいろいろ愛用ツールやブラウザの設定などを見直しています
毎回移行が楽なようにってそれなりに工夫してるのにどうせなら刷新したいってなって時間食ってしまいます😇

一日に警報二回も聞くことになるとは…そしてまぁまぁ大きな揺れでビビりました
この程度でおさまってくれたらいいんですけど

フォントの表示については
自分がだいぶん目が悪くなってきてるのでわからないだけかもしれない…
のでほかの方からどう見えてるか教えてもらえてありがたいです🤓
あとここの表示が変だよとかあればそれもどんどん教えてほしい
複数あるデザインのどれかが表示にラグあるとかはまぁ…いろいろ余計な記述読み込んだうえでっていうのがあるので改善難しいかな、どうだろうもっと効率のいい書き方あるかもしれないので教えてもらえるならそれはそれでありがたいです

微妙な天気だな〜
今日は実家に来ています

こっちもCMSkinベースのスキンにした
カスタマイズしやすくしたつもりと言ったな、あれは嘘だ😩

しおり的なのを自力で実装できないかといろいろやってみてたんだけどめげた
これはもうすでに公開してらっしゃる方に任せて自分は違うことしたほうがいい…
次のベータ版待ってる

Firefoxくんのhas()実装はいつですか

コミックビューワスキンを追加しました。 https://10prs.com/tegalog-cms/?postid=35＆skin=skin-comic
暫定的に別スキンにしたけどいろいろと（主にページ内リンク処理）面倒があるのでメインスキンに組み込みのほうがいいかも
あとは投稿時に画像アップしても元ファイル順じゃなくアップ順になって多分ファイルサイズ順になるのかなぁ、手動で並べ替えが必要なのでせめて画像くらいはプレビューほしいかも…

>>133 パラメータがついていないまたはついていても「?」だけで終わるとき
みたいな条件にしたらいいのかな…
↓
いけた🤗

スマホでクイックポスト開くと高さが広がったとき困ることに気づいたので要対処

#てがろぐ URL処理（処理？）について
ギャラリーモード用スキンを2種作ってて両方使ってみたい的なとき（例：CMSkin）にサブのほうを?mode=gallery&skin=スキンディレクトリで別スキンでギャラリーモード表示できるのはありがたいけどそのままだと諸々内部リンクがそのスキン適用パラメータつきっぱなしになっちゃうので[[NO-LINKADJUSTMENT]]入れたんですけど初期表示に戻るとかのリンクがパラメータ切れなくて😔
公式に質問したら仕様なので[[HOME:URL]]じゃなくて[[HOME:URL:FULL]]使うといいよって教えてもらえたのでなるほど～と思って書き換えたら「?」がつかないURL出力されるので個人的な好みでこれいいな～！となってたんですがCMSkinはjQueryでURLが「/」か「?」で終わるときにサイトトップだと判断するようにしてるのでDirectoryIndex 設定してないローカルでは[[HOME:URL:FULL]]で出力されるURLが「tegalog.cgi」で終わってトップで表示しないはずのものがドバーッて出てきて焦った😅
なのでURL判別処理に「cgi」で終わるURL…を足したんだけどそうすると今度はVivaldiのurl欄でパラメータ部分カットされて表示されてるせいか？カテゴリ選んだときとかのパラメータついてる時もトップとして判断されて記事が表示されないという…Chrome系のブラウザは今Vivaldiでしか見てないけど全部そんな感じなのかな
ていうか勝手に憶測で言ってるけどそんなことある！？[[HOME:URL:FULL]]じゃなくて「?」でもいいってにししさんはおっしゃってたけど個人的にはトップページはできたら「/」で終わりたい…

• ギャラリーモード・サイトマップモードで複数スキンを使わないまたは作り方を工夫する
• DirectoryIndex 用.httacessを同梱する
• jQueryのトップ判別条件をなんかうまくいく感じに考え直す

他なんかいい方法あるかなぁ

CMSkin for #てがろぐ  配布開始しました！よろしくお願いします！
https://10prs.com/web-tips/tegalog/downl...
一応できる範囲で表示確認したうえで配布ページ作りましたがいかんせん一人でやってることなので変な箇所あるかと思います、そういう指摘やその他なんでもご意見いただけると嬉しいですよろしくお願いいたします🙏
ドキュメント書き頑張ったので見るだけでも…🙇‍♂️

audioタグってheight:autoつけてるとChrome系で高さ0になっちゃうんだ
Firefoxメインで使ってて気づかなかったよ～修正しました！　#気づき

>>129
セレクトボックスのvalueを書き換えはできたけどいざ飛んでみると「&」「=」が%から始まる文字列(なんていうの？数値参照？）に変換されて該当カテゴリがないって言われちゃうな～保留…

カテゴリによってとび先を自動で書き換えたはいいけどセレクトボックスのこと考えてなかったな…

>>126 ポップアップのほうはなんとかできた感じあるけど埋め込み引用のほうは微妙…
いろいろいじくってたけどわけわからなくなってきたのでこれはいったん置いておきます😫

>>124 書いたあと思ったけど
下げると下書きを同時に指定することって想定されてないのかも、普通そんなことしないだろうし😅
下げるを解除すれば前後移動リンクに出てこなそう（未検証、帰宅したら試します
下書きは下書きで大事な部分に使ってるので今の仕様が変わっても困るかも

記事ナンバーリンクの表示 https://10prs.com/tegalog-cms/?postid=30
ここで使ってるものから少し改良をしました。ここでは記事リンクにマウスオーバーするとポップアップしますが、スマホなどタッチパッド？だとホバーっていうのがないのでポップアップが出た瞬間にページ遷移しちゃうのでそれをどうにかしたかった…
jsほぼ解らないなりに色々試行錯誤して実装しましたが実機で確認したら記事ナンバーリンクが画面右端に来たときの表示厳しいですね…これもなんか対処します

まだもう少し煮詰めたいけどモチベ保持のために見て見てします😙
https://10prs.com/tegalog-cms/
#てがろぐ をCMSっぽく使うためのスキン「CMSkin for てがろぐ」のデモサイトです。デザインは叩き台的な状態ですがいろいろ盛りつつあるのでちょっと見てみてほしいです🙏パスワードなしでログインできるゲストアカウントでテスト投稿などもできるのでよろしくお願いします〜

#てがろぐ いろいろやってて気づいたことメモ

• 下げる・下書きにしても記事単体表示したときのページ移動リンクに含まれてしまいます
  • 実際アクセスしたら見れないよ的（意訳）なメッセージが表示されるけどリンク自体出ないようになったらうれしいかも

スライダーを#CSS アニメーションでなく
スクロールスナップにしようとしたけど適当にスタイル書いただけではスマホでうまくいかず失敗
また落ち着いたら何か考える…
参考：表示領域にピタッと移動！CSSでスクロールスナップを実装しよう | Webクリエイターボックス
https://www.webcreatorbox.com/tech/scrol...

#HTMLで改行コードが空白として表示されるのいまだにCSSでコレ！っていう解決方法ないのかな～
コメントで改行挟んだり閉じかっこ前で改行したりすればいいっていうのは知ってるけどソースの可読性的に悩ましい…

新しいスキンを作っています。
が、機能？的なものは実装していってるものの肝心のデザインが💩で作業が辛い（）
ほかの配布されてる方のデザインを見てすごいなぁと思うばかりですがまぁなんとかがんばろ…
もう少し何かコンテンツ増やせたらいえつく さんにも登録したいですね🤗
プログラムからたぶんフルスクラッチっぽく、新しいサーチシステムという意味でもこれから楽しみです。

以下今作ってるスキンについてちょこちょこ書く。
続きを読む実装できたもの

• 認証モーダル
• 新着画像スライダー
• トップページ独自の表示
• カテゴリによって表示モードを変える
• 投稿フォームにカラーピッカー（これは無理やりすぎなので微妙）

ここまで出来たらデモを公開してもいいかなというもの

• サイトデザイン（進捗：20％）
• サンプルデータの投稿（進捗：0％）
• 説明（進捗：10％）

カスタマイズ土台な意味もあって#てがろぐ デフォの機能全部盛りでやろうとしてるから道のりは遠い…
でもこれができたらこれ土台にしてほかのスキンも配布まで持っていけるかなと思ってるので焦らず作業しましょう畳む

自サイトおよび拙作スキンを作り直す過程でFont Awesome からLine Awesome に乗り換えようと思ったんだけど見たら「無料で使うならicons8.comにリンクしてね！」とのことだったので忘れないように。
これも使い方説明してるサイトさんあんまり書いてない気がする。探し方が足りなかったのに傲慢な物言いをしてしまいました…😅
詳しくは https://icons8.com/pricing を、
リンクの貼り方に関しては https://icons8.com/license を参照のこと
追記です！
この記事をツイッターにポストしたらリプをいただきました！

（ツイート埋め込み処理中...）Twitterで見る

リンク貼らなくても大丈夫な模様です。
こういうふうに投げたものに意見や訂正を得られるのありがたいです〜🙏これが気軽にできるのがSNSのいいところ…

GoodBoyLicence…初耳です…標準規格とかではないのかな？また調べてみます。
でもやっぱ解説記事書く有識者の方にはライセンス周りの解説もして欲し〜🥹
と思ったけど自分でも調べて覚書作ります…

完成したスキンとして配布するより
パーツのソース公開みたいな感じがいいのかもしれないなぁと思ったりした自分の中のハードルの高さ的に

「てがろぐ」を使っている創作系サイトメインのサーチ、てがWA! さんに登録しました。
登録受付開始から2日で60件越えの登録があり、以前からお見掛けしているサイトや新発見のサイトを見ることができて楽しいです。当サイトは創作サイトではないんですけれども#てがろぐ Tipsなどを掲載しているなら登録おｋとのことだったので登録させていただきました、よろしくお願いいたします。
同系統のサーチというかリンク集でfreoユーザーリンク集 というのがあり、こちらはCMS「freo」を使ってサイト構築されてる方が登録できます。てがWAさん登録サイトをめぐってた時にfreo使ってるサイトさんをお見かけした気がしたのでよかったらこちらも…

私の書いたものでなく動作確認板での要望へのお返事かと思います、が >>115 に多分関係するもののお話がにししさんからあったのでメモ。
作らないものの話　https://www.nishishi.org/testground/tega...
管理画面からの設定を反映するスキンを作るのはまぁまぁスキンの構造が複雑になりがち、なるほど…あとはまぁそういう機能を持たすのはCGI的にも煩雑になるのかも？Perl知らないので憶測ですけど、設置ファイル数少なく設置が簡単というのはてがろぐのコンセプトの一つではあると思ってるのであまり機能増やすとメインCGIファイルの記述量も増えてメンテとか大変になるのかもですねぇあくまで憶測ですけど。
上記記事を見る限り表示非表示くらいはスキン用HTML見て自分で編集しましょうというスタンスがこの先も保持されるのかな、と思ったので配布用スキンを作るならコメント行で「ここから〇〇」～「ここまで〇〇」みたいなのを書いておくほうがベターなのかもしれないですね、留意しておこう…

名前変換機能付き#てがろぐスキン への質問コメントにお返事しました
てがろぐスキン「daydream」
https://10prs.com/web-tips/tegalog/downl...
このスキンのトップページなどでの複数記事並ぶ画面では一覧性重視で一行目（タイトル扱いしている行）の表示が長い場合はCSSで省略するようにしてたんですけど確かにスマホ等幅が狭い場面だと表示される文字数が少なくなりすぎちゃうことがあるかも…次に更新することがあればその辺も考慮に入れます。
実際使ってくださってるだけでもありがたいですけどフィードバックいただけると自分では気づけないことたくさん知れるので本当に感謝ですありがとうございます～！🙏

>>115 配布を視野に入れてるスキンに関してはカレンダー等は一応スタイル当てておいて
シンプル表示にしたいと思ったスキンではCSSで非表示しようかなとも思ってるんですけど（たしかdaydreamはそうなってる気がする…？どうだったかな…）
にししさんも
https://www.nishishi.org/hougen/?postid=...
って言ってるので微妙な方法ではあると思ってて、なのでその辺も管理画面で表示非表示設定できるといいなぁというお話でした

#てがろぐ 管理画面で表示・非表示を設定できる項目
についてまとめようと思ってたんだけど最初に最低限ここは設定しておきたいっていう項目（アイコンとかOGP設定あたり）と一緒に記事にしたくて保留中
あとはまぁ…普通に項目多いので…一通り管理画面自分で見てみたらわかる話でもあるし…一応メモ

• 日付境界バー
• 投稿の単独表示ページのユーティリティリンク群
• 投稿欄・各種機能ボタン

上記は完全にそのものの表示非表示を管理画面でコントロールできるものをリストアップ、各機能内の細かい出力をコントロールできるものは除外しています（ページ移動リンクの「次へ」とかの文言変更等）。
確かに検索フォーム、カレンダー、新着投稿・画像リストあたりも管理画面で表示非表示を選べたら便利かな～っては思います…が各種機能表示部分の見出しとかはスキンにべた書きなので難しいところもあるかも（今の仕様だと管理画面で例えばカレンダーを非表示にしてもスキンで「カレンダー」とか見出しつけてるとそこまで非表示にできない気がします）
前回のアプデでPowered-byのa要素の属性を変えられるっていうのも管理画面で変えられるのかなと思ったらそれ用のスキン記法ができたという感じだったので、管理画面で設定できるのとスキン記法でできるようにしてるのとどういう基準で区別してるんでしょうかね～

ときどき無性に聴き・観たくなる
春なのでこの曲をチョイスしました