10plog

てがろぐ実験場+スキン作成

てがろぐ実験場+スキン作成

ここにフリースペースとか入れたらいいんじゃないカナ!?
過去呟きランダムPickUp
Icon of moka

画像のタイムスタンプ(≒画像ファイルのUP日時)を出力できる…

画像のタイムスタンプ(≒画像ファイルのUP日時)を出力できる記法って要る?
https://www.nishishi.org/hougen/?postid=...

これ見てなんか思ったやつさっき思い出したので書きますがファイルのUP時じゃなくファイルの作成時って取得できないですかねローカルだと右クリ→プロパティで見れるんですけどwebにあげると消えちゃうんでしたっけ…
昔PHPでギャラリースクリプトカスタマイズしてた時は確かExif情報?取得して表示できる機能があったような
イラストとかは保存時にファイル名をその時の年月日にするように心がけてるけどそうじゃないのとかいろいろ事情あってなんか違うのとか、作成日時取得出来たら、欲を言えばアップ時にリネームされるのを作成日時にできたらうれしいな~と思ったけどそうでもないか…?
Icon of moka

#てがろぐ 管理画面で表示・非表示を設定できる項目

#てがろぐ 管理画面で表示・非表示を設定できる項目
についてまとめようと思ってたんだけど最初に最低限ここは設定しておきたいっていう項目(アイコンとかOGP設定あたり)と一緒に記事にしたくて保留中
あとはまぁ…普通に項目多いので…一通り管理画面自分で見てみたらわかる話でもあるし…一応メモ
  • 日付境界バー
  • 投稿の単独表示ページのユーティリティリンク群
  • 投稿欄・各種機能ボタン

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

>>115 配布を視野に入れてるスキンに関しては…

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

名前変換機能付き#てがろぐスキン への質問コメントにお返事し…

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

私の書いたものでなく動作確認板での要望へのお返事かと思います…

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

「てがろぐ」を使っている創作系サイトメインのサーチ、てがWA…

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

新しいスキンを作っています。

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

以下今作ってるスキンについてちょこちょこ書く。
実装できたもの
  • 認証モーダル
  • 新着画像スライダー
  • トップページ独自の表示
  • カテゴリによって表示モードを変える
  • 投稿フォームにカラーピッカー(これは無理やりすぎなので微妙)

ここまで出来たらデモを公開してもいいかなというもの
  • サイトデザイン(進捗:20%)
  • サンプルデータの投稿(進捗:0%)
  • 説明(進捗:10%)

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

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

#てがろぐ いろいろやってて気づいたことメモ
  • 下げる・下書きにしても記事単体表示したときのページ移動リンクに含まれてしまいます
    • 実際アクセスしたら見れないよ的(意訳)なメッセージが表示されるけどリンク自体出ないようになったらうれしいかも
Icon of moka

記事ナンバーリンクの表示 https://10prs.com…

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

>>124 書いたあと思ったけど

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

CMSkin for #てがろぐ  配布開始しまし…

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

#てがろぐ URL処理(処理?)について

#てがろぐ 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のトップ判別条件をなんかうまくいく感じに考え直す

他なんかいい方法あるかなぁ
Icon of moka

>>133 パラメータがついていないまたはついて…

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

いけた🤗

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

コミックビューワスキンを追加しました。 https://10…

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

しおり的なのを自力で実装できないかといろいろやってみてたんだ…

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

フォントの表示については

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

いただいたコメントやメッセージへのお返事です。

いただいたコメントやメッセージへのお返事です。

CMSkinへのコメントは配布ページにてお返事していますずいぶんお待たせしてしまい申し訳ありませんでした🙏
Waveboxにいただいたメッセージへのお返事です。
2023/5/10 22:48 Safariから閲覧した場合、シェアリンクのところにデフォルトの三角マークが表示され~ の件
まずはスキンのご利用とメッセージありがとうございました!とてもうれしいお言葉感謝です!
そしてデフォルト三角マークについてお知らせ&解決法のご教示ありがとうございます次回のスキン更新時に修正いたします!畳む

2023/6/24 15:22 まや様
メッセージありがとうございます、温かいお言葉本当に励みになります。ご指摘の件に関しましても自分で気づいてなかった部分もあったので非常に助かります🙇こちらに関しましても次回スキン更新時に修正や改善できればと思います。畳む
2023/07/03 19:02 やらっcom さま
メールにてお返事しておりますのでご確認ください~!万一不着の場合はまたお手数ですがご連絡いただければ幸いです。

コメントやメッセージありがとうございました!
Icon of moka

大変大変お待たせしてしまい申し訳ないですがメールにお返事いた…

大変大変お待たせしてしまい申し訳ないですがメールにお返事いたしました
てがろぐスキン配布サイトさんを一件リンクに追加しております
シンプル可愛いです
スキン配布されてる方も増えてきてうれしい反面ますます自分の作ったもの配布するハードルが自分の中で高くなっていく…作ってる段階で配布意識したらいいんですけど作ってる間は結構めちゃくちゃな書き方してるので😅
カスタマイズとか手入れはノーサポ前提でエイヤッて配布しちゃってもいいのかもですけど…
Icon of moka

久々にHTMLやCSSやPHPやjQueryを触って頭爆発し…

久々にHTMLやCSSやPHPやjQueryを触って頭爆発しそうになった
今やりたかったことは大体8割くらい達成できたかな…
そろそろてがろぐのことも着手したい!まずは本体バージョンアップから…😅
Icon of moka

というわけで拙宅のてがろぐも4.1.1にバージョンアップ。ツ…

というわけで拙宅のてがろぐも4.1.1にバージョンアップ。ツイッターでもぼやいたんですが新しいパソコンになってXAMPPのperlでてがろぐその他のCGIを動かすのに一行目のパス書き換えがめんどいのでシンボリックシンク張ったり色々試みたのに500エラーになるのをどうしても回避できなかったのでちょっとふてくされていたんですがあきらめてローカルでは一行目のパスをxamppのものに書き換えることにしました…🤕ナンデコウナッタ
とりあえずはそれでやろうと思うのでこれまでにいただいたウェーブボックスへのメッセージなどへの対応もしていきたいと思います、ひとまずdetailsの三角と漫画表示用スクリプトとfancyboxの件は今週末にでも…
Icon of moka

呑気にサイトリニュなんぞして見せてますが夏ごろあった原因不明…

呑気にサイトリニュなんぞして見せてますが夏ごろあった原因不明の体調不良が再発したためまた自宅謹慎しております(;´・ω・)症状出てるときだけやばくて普段は全然元気なんですけど症状出る前触れが解らないので例えばやばそうだったらちょっと休憩するとかができないんだよね…そんで周りにも迷惑かけちゃってるしどうしたらいいんだこれ
2023年2月
1234
567891011
12131415161718
19202122232425
262728
2023年3月
1234
567891011
12131415161718
19202122232425
262728293031