てんぷろぐ

てがろぐのカスタム絵文字が面白い - 10press
絵文字ピッカーの話書いたー。
ここのコードで多分ほかのスキン使っててもいけるはず。改変同梱公開を許可してくださったおくとさんに感謝🙏
本当はいろいろ本家から変えた部分とかそれがどういう意図でそうしたかとか書こうと思ったけど力尽きた
なんだっけ…
edit.jsで使いたかったからピュアjsにして入れ物のdivもjsで出力するようにしたとかそんなんだっけ

クイック投稿フォーム周りをjavascriptでいじっているときの覚書

設定でログインしてないときは表示しないようにしてるとフォームのHTML自体も出力されないのでその中の要素を引っ張ってくるようなコード書くと非ログイン時にエラーなる。これで非ログイン時にTwemoji効かなくなってて焦った。今は修正済み。
対応としては.postformがあるかどうか見たほうが良さげ。

てがろぐスキン「ポストイット」 の配布を開始しました。
ミスがなければいいんだけど…あったら教えてください🙏#ポストイット

投稿フォーム周りの機能を追加・修正しています。

• カスタム絵文字ピッカーを「絵文字をクリックしたらtextareaのカーソル位置にコード挿入」仕様に
• textarea内の文字列を選択して押したらtextarea内の同一文字列すべてを自由装飾コードで囲める「自由装飾一気置換ボタン」

これも試してみてください～。

お盆休み始まるというのに地震が続いて心配ですね🥺大きな被害がないといいのですが…。
本日までの#進捗 は以下

• 自由装飾「twimage」の整え（#CSS ・奇数個対応）>>112：
• ギャラリーモードと画像一覧モードでNSFWフラグ付きのものがない場合には表示非表示ボタンを非表示に
• 絵文字ピッカーと画像一覧取得の表示の整え
• 投稿日時ボタンの表示をオンにしたときの投稿日時入力欄の表示整え

盆休み中にしたい#作業覚書

• スキン「ポストイット」配布ページ（済）
• スキンカスタマイズ入門解説

関係ないけど掃除と模様替えもしたい

ギャラリーモードのカスタマイズの話
https://www.nishishi.org/testground/tegalog/tegalog.cgi?posts=4618,4619
の件
てがろぐ「ギャラリーモード」のカスタマイズ | 10press
これじゃダメ？🥺わかりにくいかなぁ…🤔サポート板でのお答えだと確かにスマートだけどNSFWフラグが無視されちゃうんですよね
でも「画像一覧モード」ができたことだし差別化の意味でもギャラリーモードはデフォルトで記事に飛べるようになってもいいのかなぁとも思うけどどうでしょうか。私が現時点でギャラリーモードと画像一覧モードの差異があんまり理解できてないってだけかもしれない

【追記】って言ってたら来た～～～～！
https://www.nishishi.org/testground/tegalog/tegalog.cgi?postid=4620

次のバージョンで実装されそうな新機能も楽しみ！

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

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

偶数個の画像を自由装飾「twimage」で囲んで並べられる記述
キャプション付・NSFWフラグ付の表示が微妙だったのを修正しました

以下のように画像表示のてがろぐ記法を自由装飾記法「twimage」で囲むことで画像をまとめて表示することができます。

[F:twimage:[PICT:20240716211222-admin.jpg][PICT:FIG:202407162112221-admin.jpg][PICT:FIG:202407162111121-admin.jpg][PICT:20240716211112-admin.jpg]]

上記のコードの実際の表示例↓

【追記】奇数個の画像を囲んだ場合にも対応しました（要#jQuery ）。一番目の画像が大きく表示されます。

意図しない空白（ソース内改行による）をなくすための#CSS
リストなどを横並びにしてかつ改行（タグではなくエンターキー押して入れるやつ）による空白を埋めるならdisplay:inline-flex
figureタグの中のリンク付き画像に余白出る場合は.imagelinkにvertical-align: middle（bottomとかtopでもいい多分）←これimgにすでにvertical-align: middle設定してるのに何で余白が消えないのか～？と少々手間取った

コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔
以前いただいたfancybox閉じた後…って言うのと同じ感じかも（そちらは自分の環境では再現しなかった）？、今のCSSの組み方だともしかしたらそっちでも出るかもしれない😅
一応解決目指しはするけど今の時点ではお手上げっぽい…お盆休みにはポストイットかノートっぽいを配布したいからそっち先やっちゃうね＞＜＞＜

前のデモに貰ってたいいねボタンのいいねを今の該当記事に移す作業をちょこちょこしてました。
URLというか記事ナンバーが変わらなければ前のデータのままでも反映されてたんだと思うのですがローカルで再構築したときに日付順に並べる→投稿ナンバーを振り直すをしまくったので…このてがろぐの機能自体は神だなと思いましたがいいねボタンのデータは盲点でした、
ゼロからまたやり直しても全然いいというかそういうほうがクールでよいのかもだけどやっぱりもらったいいね👍️はとても励みにさせてもらってるので…はい

LATESTLIST:CAT(カテゴリID)って何回でも記述できたんだ？
https://www.nishishi.com/cgi/tegalog/custom/#customizeinfo-cover-newposts

なにかで1つしか書けないって見た気がして思い込んでたかもしれない。>>106： 頑張ったけど素直にこっちの#てがろぐ記法 使ったほうがいいのかもしれません😅
でもほらこっちの方法だとカテゴリ増やしたときに自動で表示も増えてくれる（はず）だからいちいちスキン編集しなくていいという意味ではまぁ有用だと思いたい

#てがろぐ RSSを利用してサイトトップにカテゴリ別新着一覧を表示できるようにしました（#jQuery ）
当てがろぐトップページ下部で表示確認が出来ます。#てがろぐ記法 のカテゴリツリーを利用しているのでIDに「novel」を含むカテゴリを増やしても自動で表示が増える…はずです。
ここでは小説カテゴリとしてIDに「novel」を含むもののみ表示してますが応用すればほかのカテゴリもこういう表示ができると思います#試行錯誤

ポップアップの表示位置>>104：
結構苦労したけど
ポップアップが画面内に収まらない場合に自動的に表示位置を調整する #CSS Anchor Positioning
https://azukiazusa.dev/blog/css-anchor-positioning/
これが全ブラウザで使えるようになったらもう少し楽になるのかもしれない…？
(追記）下にはみ出るのはもう…これも実は下にはみ出そうなら上に表示するようできたもののそうすると普通に表示できる位置のポップアップが微妙な位置に行ってしまうっぽいのでスクロールで対応してもろて…スマホとかタッチスクリーンでもポップアップ領域を触るようにしたらポップアップが消えずスクロールできるはず…

記事リンクポップアップの挙動を改善しました
記事リンクが右端のほうに来た時にポップアップが画面右からはみ出したりはみ出さなくてもポップアップの表示幅がとても狭くなっていたのが気になっていたので。Windows11・AndroidのFirefox及びChrome系のブラウザで確認しています。
>>1： 文頭など左端
これは#CSS で>>17： リンクを真ん中に
同様にリンクを右端に>>13：
閲覧環境やスキンによって微妙に表示位置が変わることもありそうですが基本的に画面からはみ出すことはなくなった…と思いますがどうでしょうか。変なところがあったら教えてくださるとありがたいです。

あ〜なるほどほかの投稿サイト的なところから個人サイトに移行したいなってときに独自のルビタグをそのまま使えると嬉しいのか
自分があまりルビ使わないからわかってなかった