2021年11月 この範囲を時系列順で読む この範囲をファイルに出力する
#感謝
web拍手やいいねボタンの制作を検討していらっしゃるようですが、個人的にこちらのサイトで配布してくれるととても嬉しいです!
Twitterみたいに記事ひとつひとつにいいねボタンつけられるようになったりするのも嬉しいです
正常動作を確認するためにも、β版をお試し頂ければ幸いです。
🆕 Ver 3.4.6βの更新点(概要):
●下書き(非公開)保存機能を追加。
●管理画面を出力するHTTPヘッダに「cache-control: no-cache」を追加。(※管理画面のみ)
●細かな仕様改善。
●サーバのエラーログに「Use of uninitialized value~」と出力される問題を解決。
下書き(非公開)機能に付随して、下記の3点も追加しています。
■データファイルの仕様を拡張。
■管理画面の投稿一覧で「下書き」状態の投稿だけを特別な装飾で表示する機能を追加。
■管理画面の投稿一覧で「下書き」状態の投稿だけを下書きだけを検索できる機能を追加。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところ、そこ以外に解説はありません。
下書き保存の操作方法も、上記ページで紹介しています。
てがろぐCGIがお役に立っているようで嬉しいです。(╹◡╹)
開発放言も覗いて下さってありがとうございます。メジャーどころなWeb拍手CGI配布サイトが閉鎖されたというような話も小耳に挟みましたし、てがろぐCGIにWeb拍手機能をくっつけて運営している方々もちらほらいらっしゃるようなので、ちょっくらいいねボタンにもなるWeb拍手CGIでも作ってみようかな……と思ったのですが、個人サイト向けテンプレートを多々配布なさっているdoさんのところで何やら機能強化版のいいねボタンスクリプトが出る予定らしいので、似たものを作っても仕方ないのでどうしようかな……と思っているところです。^^;
開発放言で呟かれていた、いいねにもなるウェブ拍手CGI、もし本格始動となれば嬉しいです😆最近使えるウェブ拍手のプログラムが減ってしまい、悩んでいたところなので。気長にお待ちしています💕
寒くなってきましたのでお体ご自愛ください☃️
ありがとうございます。そうなのですね。
フレームワークなどが使えないのがperlの痛い所ですが・・÷
お早いご回答本当にありがとございます!なんと、既に専用ページを掲載してくださっていたにも関わらずリサーチ不足ゆえに大変お手数をお掛けしました…。
教えて頂いた通りに記載して無事に実装できました。
本当にありがとうございました!
🍜Re:2511◆Perl5は枯れた言語なので、わりと古い資料がそのまま役に立ちます。2000年代に書かれたものでも今でも通用します。(笑) なので、参照しようとした資料が古い場合でもあまり気にしなくて大丈夫です。PHPのような速度では進化していませんので。その分、「PHPでは簡単にできるのにPerlでは大変」ということが多々ありますね。
🍜Re:2514◆はやい。^^ お役に立ったようで良かったです。(╹◡╹)
ラーメンの絵文字はあったよな……と思ったのだけどもRamenで検索しても出てこない。Unicodeの名称は「STEAMING BOWL」だった。何が入っているかは問題ではないのか。
の質問をした者です。
ご丁寧な解説をありがとうございました!
早速試してみますね。
てがろぐは本当に痒いところに手が届くcgiでお世話になり通しでありがたい限りです。
追記:無事実装できました。
ページ上部へ戻るスムーズアニメーションだけならわざわざjQueryを使う必要はありません。ページ上端に戻るボタンや、下端に進むボタンの簡単な作り方にあるソースをコピー&ペーストしてみて下さい。HTML+JavaScriptソースは合わせて1行だけ、装飾が必要な場合でもCSSも数行で実現できます。#🌱豆知識
なお、[[JS:LIGHTBOX:JQ]]の記述は、画像が表示される場合にだけjQueryが読み込まれる点にご注意下さい。表示される投稿本文に画像が1つもない状況では、LightboxだけでなくjQueryも読み込まれません。ページ内でjQueryを常に読み込んでおきたい場合は、外側スキンに直接jQueryを読み込む記述を書く必要があります。その際は、[[JS:LIGHTBOX:JQ]]ではなく[[JS:LIGHTBOX]]にして、画像の存在と連動するのをLightboxだけにする必要があります。(でないと、画像がある際にjQueryを2重に読み込んでしまいますので。)
恐らくLightboxと競合してなのでしょうが、ページ上部へもどるための別のjQueryを読み込んでも矢印が表示されません。
[[JS:LIGHTBOX:JQ]]の下に直接コードも書いたのですが、それでもだめでした。
解決策はありますでしょうか。
ネットでの資料が古いし散逸してるから本に頼るしかないのかと考え中です。
てがろぐCGIには「続きを読む」ボタンのラベルを変更する設定機能がありますが、すべての「続きを読む」ボタンのラベルが一括で変わります。そのため、そのままでは『普段は「続きを読む」という設定にしておいて、ある記事だけ「ネタバレ」などに個別に変更する』といったことはできません。しかし、「続きを読む」ボタンそのものを文字装飾の範囲内に含められる仕様がありますから、これとJavaScriptを併用すれば、「続きを読む」ボタンのラベルのバリエーションを複数用意することもできそうです。
長いので折りたたんでおきます。➡
▼投稿時の工夫
まず、「続きを読む」ボタンを、何らかの文字装飾の内側に書きます。
例えば、 [B:太字の[H:内側を隠す]感じです。]
このようにすると、<b class="decorationB">太字の<a class="readmorebutton readmoreopen" ……>続きを読む</a>~ のような感じでHTMLが出力されます。
▼ラベルを変えるJavaScript
なので、JavaScriptを以下のように書けば、『太字装飾の内側にある「続きを読む」ボタン』に限定して、ラベルを変更できます。
const readMoreBtn1 = document.querySelectorAll(".decorationB .readmoreopen");
readMoreBtn1.forEach(function(oneItem) {
oneItem.innerHTML = 'ネタバレ';
});
上記のJavaScriptソースを、外側スキンの末尾(</body>タグの直前あたり)に書いておけば、『太字装飾の内側にある「続きを読む」ボタン』はすべて「ネタバレ」というラベルに変わると思います。
※上記のJavaScriptソースの記述位置は、必ず「ページの末尾」でないとうまくいかない点にご注意下さい。(対象のHTMLをすべて読んだ後に実行しないと意味がないからです。)
▼ラベルのバリエーションを追加する場合は
デフォルトの「続きを読む」、バリエーション1「ネタバレ」以外にもいくつかのバリエーションを用意したい場合は、『斜体装飾の内側』とか『下線装飾の内側』などの装飾を使うと良いでしょう。
『斜体装飾の内側』を使う場合は、
const readMoreBtn2 = document.querySelectorAll(".decorationI .readmoreopen");
readMoreBtn2.forEach(function(oneItem) {
oneItem.innerHTML = 'つぼやき';
});
などのように書くと良いでしょう。
▼たぶんこれが一番良い?
ボタンのラベルや隠された範囲全体が太字や斜体などに装飾されてしまうのを避けたい場合は(たいてい避けたいでしょうね^^;)、既定の文字装飾ではなく自由装飾機能 [F:hogehoge:~] を使うと良いと思います。
例えば、[F:netabare:[H:ここにネタバレ]~] のように投稿するなら、ここの「続きを読む」ボタンのラベルだけを「ネタバレ」に変更するには、以下のJavaScriptソースを書いておけば良いでしょう。
const readMoreBtn3 = document.querySelectorAll(".deco-netabare .readmoreopen");
readMoreBtn3.forEach(function(oneItem) {
oneItem.innerHTML = 'ねたばれ';
});
※自由装飾でclass名を「netabare」と指定した場合、実際のHTMLに出力されるclass名は「deco-netabare」になる点にご注意下さい。
#🌱豆知識 畳む
🍔Re:2505◆みんなー!ヾ(๑╹◡╹)ノ"
🍔Re:2506◆下書き(非公開)機能は今まさに実装している最中でして、次のβ版でご試用頂けるようになる予定です。たぶん今月中には配布できる気がしています。クリップボードの画像貼り付けは、何か良さげな実装方法があれば良いと思ってはいるのですけどもね……。当面は[Windows]キー+[PrintScreen]のような、キャプチャと同時にファイル化されるような手法などキャプチャ側の省力化を図る方向で対処頂ければ幸いです。
🍔Re:2507◆自己登録型のユーザリンク集ページを作りつつあります。てがろぐCGIの開発よりも進行速度は遅いので完成がいつになるかは分かりませんが。というか、完成しても登録してくれる方々がいらっしゃるかどうかは別の話ですけども。(笑) スキンの編集は、とりあえずHTMLの方で「順序を入れ替える」みたいなところから少しずつ初めていけばステップアップしやすいのではないかな、と思います。
🍔食べたのは肉まんだったと思うのだけど、謎肉すぎて難の肉なのかは分からなかった。たぶん豚だと思うのだけど。少なくとも魚ではなかった気がする。ただ、見た目は魚のミンチでもおかしくないなと思えるような感じだったけども。(笑) もらった肉まんなので、どこで買った何なのかまったく分からない……。
🍔肉まんの絵文字はないのか……。仕方がないのでハンバーガーで代用。
私はてがろぐを設置するだけで手一杯なのでスキンの変更が難しくて出来ません…
>>2501
神…!毎度なにげに面倒くさかったので早速真似したいと思います!シェアありがとうございます!!#感謝
最初はサイトで活用していたのですが、てがろぐが便利すぎてついにローカルでも使用するに至りました(にししさんのANHTTPDの記事参考にさせていただきました。ありがとうございます)。ただActivePerlに関してはDLするのに登録?Githubアカウント?が必要らしかったのでStrawberryPerlというのをDLしてインストールし使っています。
何度かここでもお見かけした#要望 ではありますが、
・下書き(投稿を非表示)機能
・クリップボードから画像を直に貼り付け
があればもう文句なしです。私は作業進捗もてがろぐにUPしているんですが、WindowsPCだけでなくスマホなどからも見え方のチェックができ、かつメモもつけられて、時系列で俯瞰できるソフト(プログラム)というのが意外とないんです。でもツイッター連携のサービスやスマホアプリなどは使いたくない……ので、てがろぐが本当にありがたい存在なのですが、画面のスクショを一度保存しなければならない点だけが惜しい! 長々と書いてしまいましたが、ご検討に加えていただければ幸いです。
なるほど、そんな手が……! たしかに楽で良い方法ですね。ちなみに INFO:LASTUPDATE の記法は(最新投稿の日時ではなく)データファイルの更新日時を出力しているので、新規投稿をしていなくても既存の投稿を再編集するだけで更新されます。(1文字も増減していなくても、既存投稿の投稿ボタンを押すだけでデータファイルは再生成されます。)
……と書いてから気付いたのですが、新規投稿で本文に1文字も入力せずに投稿ボタンを押すと「データファイルをリフレッシュしました」という報告だけが表示される仕様ですが、このときにもデータファイルは再生成されていますので、この方法でもデータファイルの更新日時は更新されますから INFO:LASTUPDATE の日時も変わります。^^;
図鑑みたいな用途とは新しいですね! 活用の幅が広がっていることは開発者としてとても嬉しいです。(╹◡╹) ご要望は歓迎ですのでお気軽にどうぞー。
やっぱり任意URLとしてリンクする方法しかないのですね。了解しました。
てがろぐをブログ日記や交流の場ではなく図鑑みたいな感じで使用しているので、関連記事へのリンクは文字より画像の方がわかりやすいかなという超個人的理由で質問させていただきました。
実装してもらえたら嬉しいですけれど、どうぞお気遣いなく!
ご返答ありがとうございました。