にしし ふぁくとりー:西村文宏 個人サイト

てがろぐ リリースノート

お手軽マイクロブログCGI「てがろぐ」のアップデート案内です。新機能や更新した仕様、新しいスキンなどを案内しています。
更新点だけではなく全体の機能説明をお読みになりたい場合や、CGIそのものをダウンロードしたい場合は、てがろぐ配布ページへお越し下さい。
セットアップやバージョンアップの前に最新版の使い心地を試したい場合は、動作テスト用てがろぐをご使用下さい。
次期バージョンの開発進捗状況をチェックしたい場合は、開発進捗報告ページをご覧下さい。

《最終更新: 2021年09月23日 木曜日 14時22分 》 RSSフィード

タグ「スキン」を含む投稿[8件]

てがろぐ Ver 3.2.0 を公開しました! #Update

てがろぐ Ver 3.2.0 を公開しました。複合検索窓の出力機能、投稿時の各種ボタンの取捨選択やラベル自由設定、全文検索の仕様強化、ルビ振りやclass指定など装飾記法の強化、投稿一覧画面の仕様強化、カテゴリなし投稿だけの表示機能、状況に応じた見出しのカスタマイズ支援、管理画面内ページネーション追加、画像管理画面の機能追加などの追加が主な更新点です。その他、多数の細かな機能追加や不具合修正を含んでいます。
https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgifumycts.pl の2ファイルだけ(※)を上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(Ver.2以下も含む過去のどのバージョンからでも)

※今回は標準添付スキンのソースも全体的に更新しています。標準添付スキンをそのままお使いの場合は、それらも上書きアップロードすると複合検索機能が使えます。スキンは更新しなくても動作に支障はありません。

🆕 Ver 3.2.0の更新点(概要):
複合検索窓の出力機能を追加
投稿欄の「装飾」ボタンで現れる各ボタンのラベルを変更できる機能を追加
投稿欄の「リンク」ボタンで表示される5つのボタンの取捨選択機能を追加
管理画面の「投稿の削除/編集」リストで、任意の検索語で絞り込める機能を追加
「カテゴリなし」の投稿だけを一括閲覧できる機能を追加
ルビを振る装飾記法を追加
全文検索でカテゴリIDもヒットできる仕様を追加
画像管理画面や投稿一覧画面にもページ番号リンクを表示する仕様を追加
画像管理画面に「その画像を使用している投稿」を探して一括閲覧できる機能を追加
「その投稿に含まれている画像の個数」を得られる記法 [[PICTCOUNT]] を追加
ページ番号リンクで「ページ番号とページ番号の間に挿入する記号」の設定機能を追加
「状況に応じた見出し」に表示される「該当件数やページ番号」のカスタマイズ機能を追加
class名を自由に指定できる装飾記法を追加
状況に応じてページデザインを切り替える用途に活用可能な記法を追加
カテゴリ名そのものもカテゴリ別に装飾可能にする仕様を追加
「そのとき限定されている表示内容」に限定したRSSフィードへのリンクが出力される仕様を追加
●事前に範囲選択していなくても文字装飾記法を挿入できるようにするオプションを追加
●パスワードを間違えた際に、直前に選択されていたユーザIDを覚えておく仕様に改良
●管理画面の「投稿の削除/編集」リストに「所属カテゴリID」も表示される仕様を追加
●「続きを読む」ボタンによって隠された範囲を表示する際に、隠されていた対象要素を inline, inline-block. block のどれで表示するかを指定できるようにする機能を追加
●カッコの対応が取れているなら、装飾範囲内に角括弧をそのまま書いても大丈夫な仕様に改良
●本文中に \[ 、 \] 、 \: と書けば、それら3種の記号が数値文字参照に置き換わる記述仕様を追加
●「指定No.リンク」ボタンでの投稿番号入力時に、余分な空白があっても自動で取り除く仕様を追加
●「状況に応じた見出し」に出力される『表示限定名称』にclassを付加するマークアップを追加
●サーバの時刻からずらす時間調整を0.5時間単位で設定できるよう改善
●YouTubeの埋め込み処理に、遅延読込用の「loading="lazy"」属性を追加する仕様に改良
標準添付の各種スキンを更新
エラー「CGIの設置ドメインとは異なる場所からデータが送信されました」発生の可能性を低減
エクスポート画面の「投稿日付」欄に日付がリストアップされない不具合を解決
記法 [[INFO:LASTUPDATE]] で挿入できる最終更新日時が、ずらす時間設定を考慮していない不具合を修正
管理画面の「投稿の削除/編集」リストでの冒頭抜粋部分に特殊記法がそのまま出てしまう問題を解消
内側スキンに [[COMMENT:TAGS]] の記述があるとき、「続きを読む」機能が使われている投稿を表示すると表示が崩れる可能性がある不具合を修正


▼今回の大きな機能追加:
🌸複合検索窓の出力機能を追加
任意の検索語に加えて、投稿者(ユーザ)名・投稿年月・ハッシュタグ・カテゴリの各条件を同時に指定して検索できる「複合検索窓」を出力できる機能を追加しました。
▼見え方:
複合検索窓は、下図の右側のように見えます。(下図は標準スキンでの見え方です。実際の表示はスキンや設定次第で変わります。)
202103082114421-nishishi.png

▼書き方:
従来の(検索語を指定するだけの)検索窓は、外側スキンに [[SEARCHBOX]] と書くと挿入されました。複合検索窓は [[SEARCHBOX:COMPLEX]] と書くことで挿入できます。
上図では(標準添付スキンでは)『複合検索窓に切り替える』リンクを押すと「従来の検索窓」と「複合検索窓」が切り替わるようになっていますが、これはスキンHTMLの中にJavaScriptで直接そのような処理を書いているだけです。もし最初から複合検索窓の方を表示しておきたいなら、スキンに [[SEARCHBOX:COMPLEX]] だけを書いておけば良いでしょう。もちろん、この複合検索機能が不要なら、スキンに書かなければ良いだけです。

▼オプション:
なお、[[SEARCHBOX:COMPLEX]] とだけ書くと全オプションがプルダウンメニューとして列挙されますが、 [[SEARCHBOX:COMPLEX:識別子]] の記述方法を使うことで、表示するオプションを取捨選択したり順序を指定したりできます。例えば1人で使っているなら「投稿者」の選択肢は不要でしょうから非表示にすると良いでしょう。
識別子は、 U=投稿者、D=投稿年月、H=ハッシュタグ、C=カテゴリ、O=出力順序 の5種類がありますので、例えば [[SEARCHBOX:COMPLEX:CDH]] のように、識別子として「CDH」を指定すると、(C)カテゴリ→(D)投稿年月→(H)ハッシュタグの順にプルダウンメニューが表示され、投稿者(U)と出力順序(O)は非表示になります。

▼設定:
項目名(オプションのラベル)をカスタマイズしたい場合は、管理画面の[設定]から下図のように指定できます。
20210308211442-nishishi.png
プルダウンメニューを見れば項目は明らかですから、ラベルはなしにしても良いかもしれません。もしくは、絵文字だけにして省スペース化を図っても良いかもしれません。その辺は個人の好みによって様々でしょうから、上記のカスタマイズ機能を使って自由にして頂ければ良いでしょう。

🌸投稿欄の「装飾」ボタンで現れる各ボタンのラベルを変更できる機能を追加
装飾ボタン13種類の表面に表示される「強」・「B」・「I」・「U」……等の文字(=ボタンラベル)を自由に変更できる機能を加えました。
▼設定箇所:
これまでのバージョンでは、装飾ボタンのラベルは「強」・「B」・「色」などに固定されていましたが、ここの文字列を自由に変更できるようにしました。例えば「強調」は「文字サイズを大きくする機能として使いたい」という場合には、ボタンのラベルを「強」ではなく「大」に変更すると、より分かりやすく使えるでしょう。
202103091812041-nishishi.png
※上図の緑色矢印の部分にある「自由装飾」は今回追加した新機能です。これについては後述します。

🌸投稿欄の「リンク」ボタンで表示される5つのボタンの取捨選択機能を追加
編集領域の下に表示される「リンク」系統の5つボタン「任意URLリンク」・「指定No.リンク」・「画像埋込リンク」・「ツイート埋込」・「YouTube埋込」の取捨選択と、ボタンラベルの変更ができるようになりました。
▼実装背景・設定箇所:
各種リンクを作る記法を挿入するための「リンク」ボタンが5つありますが、利用形態によっては「ツイートを埋め込むことはない」や「YouTube動画を埋め込むことはない」といったように、不要なボタンもあるでしょう。そこで、表示するボタンの取捨選択ができるようにしました。
20210309181204-nishishi.png
また、ボタンのデフォルトのラベルがそこそこ長いので、ボタンのラベルも自由に変更できるようにもしました。既に機能の詳細が分かりきっている場合には、もっとラベルを短くして「URL」・「No.」・「画像」・「Tweet」・「動画」などのようにすると、専有面積が少なくて済むでしょう。

🌸管理画面の「投稿の削除/編集」リストで、任意の検索語で絞り込める機能を追加
管理画面の「投稿の削除/編集」で表示される投稿リスト表でも、任意の検索語で絞り込み表示ができるようになりました。
▼表示例:
何らかのキーワードに関連する投稿を一括して再編集したり削除したりしたい場合に役立ちそうです。任意の検索語で絞り込んでいる際は、下図黄色矢印のように絞り込み中の表示と、下図青色矢印のように該当件数が表示されます。
202103091550461-nishishi.png
検索語には、投稿本文内にある文字のほか、カテゴリIDやユーザIDや投稿日時も検索対象になっています。なので、「特定のカテゴリに属する投稿のうち、指定の文字列を含む投稿」などのような複合検索による絞り込みも可能です。
20210309155046-nishishi.png
※投稿日時で絞り込む場合は、年だけ「2021」、年月「2021/01」、年月日「2021/01/05」のような書式(=一覧表の「投稿日時」欄に見えている日付書式)で検索語を入力する必要があります。

🌸「カテゴリなし」の投稿だけを一括閲覧できる機能を追加
どのカテゴリにも属していない投稿だけに限定した表示ができるようになりました。パラメータとして、カテゴリIDにハイフン1文字「-」を加えて「?cat=-」のように指定すると、下図のように「カテゴリなし」の投稿だけが表示されます。
▼表示例:
20210309154701-nishishi.png
また、カテゴリツリーの表示にも「なし」という項目を加えるかどうかを設定できるようにしました。標準では非表示です。(「なし」という名称も自由に変更できます。)
202103091545041-nishishi.png
なお、カテゴリツリーに「なし」項目を加えない場合でも、パラメータ「?cat=-」を自力で付加するなり、そういうリンクをあらかじめ作っておくなりすれば、カテゴリなしに限定した表示は可能です。

▼備考:
どのカテゴリにも属していない投稿に対して、「カテゴリなし」を表す文字列を出力する設定にしてある場合は、その文字列が「カテゴリなしの一覧を見るためのURL」へのリンクとして出力されます。
※どのカテゴリにも属していない場合に「カテゴリなし」を表す文字列を出力するかどうかは、管理画面の[設定]→[ページ設定]→【カテゴリの表示】→「カテゴリ名として表示する内容」項目で設定できます。(デフォルトでは「何も表示しない」になっているため、リンクも出力されません。)

🌸ルビを振る装飾記法を追加
本文中に [R:漢字:かんじ] のように書くと「漢字」の上にルビで「かんじ」が載る記法を加えました。装飾ボタンのクリックでも挿入できます。
▼表示例:
HTMLのruby要素等を使ってマークアップされ、例えば下図のように描画されます。
20210309154504-nishishi.png
ルビに対する文字装飾も有効なので、文字色を変化させたり色を付けたりもできます。ルビだけに色を付けることも、本体だけに色を付けることもできます。創作系サイト等でご活用頂けるかもしれません。

▼入力方法:
自力で本文中に [R:漢字:かんじ] のように書くこともできますし、対象の漢字部分を範囲選択した上で「装飾」ボタン→「ル」ボタンを押してルビを入力すると、この記法に整形して挿入されます。(このボタンを表示するかどうかは管理画面の「設定」→「投稿欄の表示」→【装飾ボタンの表示設定】で選択できます。また、ボタンのラベル「ル」もそこから変更できます。)


▼今回のその他の機能追加:
🌺全文検索でカテゴリIDもヒットできる仕様を追加
全文検索では、検索語にカテゴリIDも使えるようになりました。そのため、複数カテゴリでの絞り込み検索が可能になります。
例えば、検索語に「info memo」と入力して検索すると、『カテゴリ info と memo の両方に同時に属している投稿』のみを表示できます。
※カテゴリ名ではなくカテゴリIDだけが使えますので注意して下さい。
※カテゴリIDと全く同じ文字列が投稿本文に含まれている場合は、それもヒットします。カテゴリIDの大文字・小文字は区別しません。

🌺画像管理画面や投稿一覧画面にもページ番号リンクを表示する仕様を追加
画像管理画面や投稿一覧画面にもページネーション(ページ番号リンク)を表示するようになり、過去の投稿や画像を探しやすくなりました。ページの途中を省略するかどうかは、設定で選択できます。(標準では13ページ以上ある場合には途中が省略されます。)
※下図は投稿一覧画面での表示例です。管理画面内に表示される一覧画面に、このようなページネーションを表示するようにしました。(デフォルトでは、下図左上のように途中の番号が省略される設定です。)
202103091501204-nishishi.png
ページ番号の途中を省略するかどうかの設定場所は、管理画面の[設定]→[システム設定]→【管理画面内の表示】→[管理画面内のUI]です。下図の黄色矢印部分のように設定できます。
202103091501203-nishishi.png

🌺画像管理画面に「その画像を使用している投稿」を探して一括閲覧できる機能を追加
画像が実際に使われている投稿だけを見るボタンを画像管理画面に追加しました。ある画像が複数の投稿で使われているなら、その複数の投稿すべてを一括閲覧できます。
▼表示例:
202103091501202-nishishi.png
上図の黄色矢印部分のように表示されます。「投稿を見る」ボタンでは、その画像が使われている投稿に限って(複数あれば全部が)表示されます。「一覧で見る」ボタンでは、その画像が使われている投稿を(管理画面上の)投稿一覧画面で見られます。まだ1度も使われていない画像でも、ボタン自体は無条件で表示されます。

🌺「その投稿に含まれている画像の個数」を得られる記法 [[PICTCOUNT]] を追加
内側スキンの中に [[PICTCOUNT]] と記述すると、「その投稿に含まれている画像の個数」が数値で挿入されます。
▼使用例:
標準添付のギャラリーモード用スキンでも下図のように使用してあります。(※Ver 3.2.0 のZIPに含まれている新しい「ギャラリーモード用スキン」の場合)
20210309152129-nishishi.png
上図の緑色矢印の先に、その投稿に含まれている画像の個数が表示されています。キーワード [[PICTCOUNT]] で挿入されるのはあくまでも数字だけなので、前後の文字はスキンに直接記述する必要があります。

▼仕様:
※ギャラリーモード以外でも使用可能です。内側スキンならどこでも使えます。
※半角数値で画像枚数が挿入されます。画像がなければ「0」が挿入されます。
※[PICT:画像ファイル名]記法の個数をカウントしているだけなので、本当に画像ファイルが存在しているかどうかはチェックしていません。また、外部画像を埋め込んでいる分(=[IMG]URL記法で表示している場合)はカウントされません。

🌺ページ番号リンクで「ページ番号とページ番号の間に挿入する記号」の設定機能を追加
ページ番号リンクを掲載する際に、ページ番号とページ番号の間に区切り記号を入れたいケースもあるようでしたので、その設定項目を増やしました。
▼設定:
20210309160325-nishishi.png
▼補足:
従来でも「ページ番号の左側」や「ページ番号の右側」に何らかの記号を追加することはできたのですが、これらはあくまでもページ番号を (1)・(2)・(3)……などのようにカッコでくくったり、何らかのマークアップを加える用途を想定した設定項目でした。この設定項目を流用してページ番号の区切りにしようと思うと、どうしても先頭(または末尾)に1つだけ余分な記号が出てしまいます。なので、「ページ番号とページ番号との間」にだけ挿入される記号を別途設定できる項目を追加しました。(上図の緑色矢印の先)

🌺「状況に応じた見出し」に表示される「該当件数やページ番号」のカスタマイズ機能を追加
例えば、カテゴリ別表示時や、ハッシュタグ別表示時、何らかの検索結果などのように表示対象が限定されている状況では、『状況に応じた見出し』として該当件数が常に表示される仕様になっていました。また、それらの2ページ目以降ではページ番号も表示されます。その結果、『カテゴリ「情報」に属する投稿[53件](3ページ目)』のような感じで表示される仕様でした。この辺の表記をどうするかを少しカスタマイズできるように、下図のような設定項目を増やしました。
▼設定:
202103091603251-nishishi.png
上図の緑色矢印が増やした設定項目です。
「該当件数を表示するかどうか」・「ページ番号を表示するかどうか」だけでなく、どのように件数やページ番号を表示するのかも設定できます。日本語ではなく英語で表記したいとか、件数は表示したいがカッコで囲みたくはないとか、そういうカスタマイズも可能になるでしょう。

また、これまでは「何の表示条件も限定されていない場合」には、2ページ目以降を表示していても「状況に応じた見出し」には何も出力されない仕様でしたが、ページ番号を表示できるように設定もできるようにしました。デフォルトではOFFにしてありますが、スキンによっては「いま何ページ目を表示しているのか」を強調しないと分かりにくい場合もありそうでしたので加えました。

なお、ここでの設定は、スキン内に [[SITUATION:~]] というキーワードを書いた場所に挿入されます。標準添付スキンではページタイトル(HTMLのtitle要素)にも使われていますから、この設定を変更すると、同時にページタイトルのカスタマイズにもなります。

🌺class名を自由に指定できる装飾記法を追加
本文中に直接class名を指定してマークアップできる装飾記法を追加しました。
▼記述方法と出力例:
例えば、以下のⒶように記述すると、Ⓑのように出力されます。

Ⓐ自由装飾記法: [F:sakura:あいうえお]
Ⓑ出力されるHTML: <span class="deco-sakura">あいうえお</span>

「あいうえお」という文字列が、「deco-sakura」というclass名でマークアップされます。(使われるclass名は「sakura」ではなく「deco-sakura」になる点にご注意下さい。)

▼実装背景:
これまでの文字装飾は、専用記法を使って [B:この範囲が太字になります] のように書く仕様でしたから、てがろぐ側に用意されている装飾しか使えませんでした。しかし、これだと「強調」~「背景色」まで10種類の装飾しか使えないので自由度はあまりありませんから、細かな装飾を使い分けたい場合には困ります。そこで、自由にclass名を付加できる記法を加えました。

投稿時に自由なclass名を指定できるので、望みの装飾をCSS側に用意しておけば、装飾の数に制限なくいくらでも装飾可能です。事前に自力でCSSを書いておく必要がありますが、デフォルトの10種類を超えて細かく装飾したいと思う方々はCSSくらいは書けるでしょう、という前提で居ます。(^_^;)
※装飾種類の識別記号が「F」なのは、「Free」の意味です。

▼制約:
なお、投稿者が完全に自由なclass名を書けてしまうと、ページの表示が崩れるようなclass名が使われてしまったときに困りますので、それを避けるために実際に出力されるclass名には、必ず「deco-」という接頭辞が付く仕様にしてあります。

つまり、投稿時に「tomoyo」というclass名を指定したら、実際には「deco-tomoyo」というclass名としてspan要素に出力されるということです。この方法なら、既存のページ構造に使われているようなclass名を誤って(もしくは悪戯で)指定してしまうことを防げます。(※偶然、deco-XXXというclass名を使ってページを作っていた場合だけは例外ですが。^^;)

▼標準添付スキンでのサンプル:
標準添付スキンのCSSには、自由装飾の記述例として以下の3つを加えてあります。
Ⓐ [F:scream:あいうえお] ➡ 大きな文字で表示
Ⓑ [F:code:かきくけこ] ➡ 等幅フォントで表示(ソース等の掲載用)
Ⓒ [F:separator:さしすせそ] ➡ 区切り用の薄い横線を引く

▼補足:
この自由装飾機能もボタンクリックで挿入可能ですが、そのボタンはデフォルト設定では非表示になっています(CSSを自力で事前に書いておかない限り意味のない機能だからです)。使う場合には、管理画面の「設定」→「投稿欄の表示」→【装飾ボタンの表示設定】で、表示する設定に変えて下さい。なお、ボタンを表示しない場合でも、自力で記述すれば使えます。

🌺状況に応じてページデザインを切り替える用途に活用可能な記法を追加
「単独投稿が表示されている場合」や「表示対象が特定のカテゴリに限定されている場合」などのように、『そのとき表示されている状況』に応じて装飾を分けたい場合のために、外側スキンHTMLのbody要素を <body class="[[SITUATION:CLASS]]"> のように書ける機能を用意しました。
▼仕様:
例えば、HTMLを class="[[SITUATION:CLASS]]" のように記述しておくと、状況に応じて class="home nofiltering hit toppage" のように出力されます。

※body要素に使って <body class="[[SITUATION:CLASS]]"> のように書いておけば、HTMLとしては <body class="home nofiltering hit toppage"> のように出力されますから、CSSで(ページの状況に応じた)独自の装飾に使いやすいでしょう。

🌸HOMEページに居る場合: home
🌸何も表示が限定されていない状況: nofiltering
🌸ユーザ名限定の表示時: selected-user user-ユーザID
🌸カテゴリ限定の表示時: selected-cat cat-カテゴリID
🌸ハッシュタグ限定の表示時: selected-tag tag-ハッシュタグ名(※パーセントエンコーディング形式)
🌸日付限定表示時: selected-date date-日付
🌸検索表示時: search-result
🌸投稿単独表示時: onelog log-投稿番号
🌸表示データが1件以上ある場合: hit
🌸表示データが1件もない場合: nohit
🌸1ページ目が表示されている場合: toppage (※全1ページの場合でも出力されます。投稿単独表示時には出力されません。)
🌸2ページ目以降が表示されている場合: deeppage (※2ページ目以降なら何ページ目でも全部これ。)
🌸逆順に表示している場合: reversed

これらのサインが(状況によっては複数個)出力されます。

例えば、
🍅HOMEページ(1件以上の投稿がある場合)なら:home nofiltering hit toppage
🍅カテゴリ「info」の1ページ目なら: selected-cat cat-info hit toppage
🍅ユーザ「admin」の2ページ目なら: selected-user user-admin hit deeppage
🍅ハッシュタグ「メモ」の1ページ目なら: selected-tag tag-%e3%83%a1%e3%83%a2 hit toppage
🍅検索結果で1件もヒットしなかった場合: search-result nohit
🍅何も表示を限定していない状況の2ページ目: nofiltering hit deeppage
🍅投稿No.400の単独表示時(その投稿が存在する場合): onelog log-400 hit
🍅投稿No.500の単独表示時(その投稿が存在しない場合): onelog log-500 nohit

※「HOMEページ」は同時に「1ページ目」でもあり「何も表示条件が限定されていない状況」でもありますから、 home は常に toppage と nofiltering も同時に出力されます。

この機能があると、例えばCSSを「 .onelog { ~装飾~ } 」のように書けば、投稿単独表示時のみに適用される装飾を用意できます。さらに、ある特定の投稿だけに特別な装飾を施したければ、「 .log-123 { ~装飾~ } 」などのようにも書けます。

カテゴリ限定表示時に限った装飾は「 .selected-cat { ~装飾~ } 」で書けますし、カテゴリのうち「infoカテゴリ」に限定した装飾を作りたければ「 .cat-info { ~装飾~ } 」と書けば良いことになります。

🌺カテゴリ名をカテゴリ別に装飾可能にする仕様を追加
各投稿に付加される所属カテゴリリンクも、カテゴリ別に装飾できるように仕様を拡張しました。
▼記述方法:
内側スキンには、[[CATEGORYLINKS]] や [[CATEGORYNAMES]] のキーワードを使って、各投稿が属するカテゴリへのリンクやカテゴリ名を表示できます。

このとき、カテゴリ名を出力する際のマークアップは、カテゴリに関係なく単に <span class="categoryname">カテゴリ名</span> や <a class="categorylink" ~>カテゴリ名</a> などのようになっていたのですが、これだとカテゴリ別に色を分けるような装飾ができません。

そこで、カテゴリIDそのものもclass属性値に加えるようにしました。
これによって、例えばカテゴリ別にカテゴリリンクの配色を指定する等の装飾ができるようになります。

例えば、従来なら、カテゴリ「リンゴ」と、カテゴリ「みかん」の2つに属している投稿は、 <span class="categoryname">リンゴ</span>,<span class="categoryname">みかん</span> などのようにマークアップされていました。(※カテゴリをリンクにして出力する場合と、リンクにせず出力する場合とで、class名は異なります。詳しい仕様は、カスタマイズ解説ページの「各投稿に表示されるカテゴリ名の装飾方法」をご覧下さい。)

これを、<span class="categoryname cat-apple">リンゴ</span> や <span class="categoryname cat-orange">みかん</span> のように、カテゴリID(の頭にcat-を加えた文字列)もclass属性値に加わるようにしました。
カテゴリIDに応じたCSSを事前に書いておけば、カテゴリ名のリンク自体をカテゴリ別に分けることもできるでしょう。

🌺「そのとき限定されている表示内容」に限定したRSSフィードへのリンクが出力される仕様を追加
状況に合致したRSSフィードを指すURLが得られる記述方法と、常に全投稿を対象にしたRSSフィードを指すURLが得られる記述方法とを別々に用意しました。
▼背景:
てがろぐCGIには、RSSフィードを出力する機能があります。
そのRSSフィードは、「全投稿を対象にしたRSS」だけでなく、特定のカテゴリに限定したRSS、特定の日付に限定したRSSなど、表示時に使えるすべての限定条件を使って絞り込んで出力できます。

しかし、これまでは [[RSS:URL]] のキーワードで挿入される「RSSフィードへのURL」は、常に「全投稿を対象にしたRSSフィード」に固定されていました。

とはいえ、例えば特定のカテゴリに限定した表示を見ている際のRSSボタンは、「そのカテゴリに限定されたRSSフィードが得られるRSS」になっている方が便利な場合もあるでしょう。

▼記述方法と出力:
そこで、そのようなRSSフィードへのURLも出力できるよう、下記のようにキーワードの仕様を拡張しました。

Ⓐ [[RSS:URL]] ←状況に合致したRSSフィードのURLを挿入
Ⓐ [[RSS:URL:FULL]] ←状況に合致したRSSフィードのURLを絶対URIで挿入
Ⓑ [[RSS:URL:PURE]] ←常に投稿全体を含んだRSSフィードのURLを挿入
Ⓑ [[RSS:URL:PURE:FULL]] ←常に投稿全体を含んだRSSフィードのURLを絶対URIで挿入

上記のうち、Ⓐは従来からある記法ですが、出力内容が変わります。
Ⓑは新規に追加した記法で、従来のバージョンでのⒶの記法で得られる内容を出力します。

なお、パラメータ mode=rss で出力されるRSSフィードそのものの内容に変更はありませんのでご安心下さい。
RSSフィードを読み取って何らかの処理を加えているようなカスタマイズをなさっている場合、それらには何ら影響しません。あくまでも「スキンに埋め込む『RSSフィードへのURL』」にバリエーションが増えただけのことです。

上記の仕様によって、例えばスキン内に [[RSS:URL]] の記述を使ってRSS Auto-Discoveryの記述がある場合は、
✅HOMEを表示しているときにブラウザのRSSボタンを押すと、全投稿を対象にしたRSSフィードが得られるが、
✅カテゴリupdatesに限定したページを表示しているときにブラウザのRSSボタンを押すと、そのカテゴリに限定した内容だけを収録したRSSフィードが得られる。(限定条件はカテゴリ以外でも有効。)
……のように動作します。


▼その他の細かな機能改善:
●事前に範囲選択していなくても文字装飾記法を挿入できるようにするオプションを追加。
※文字装飾系のボタンでは、範囲選択していない状態でボタンを押すと「先に装飾対象を範囲選択して下さい」というダイアログが表示されるのがデフォルトの動作です。しかし、モバイル端末で投稿する際などのように、事前に範囲選択する操作が面倒な場合もあります。この機能をONにすると、範囲選択していなくても専用記法がカーソル位置に挿入されるようになるため、モバイル端末で使いやすくなります。
202103091501201-nishishi.png
※この機能をONにした場合、何も範囲選択されていない場合には、挿入される記法に対して適切に(文法通りに)文字を追加しないと、装飾として機能しない点に注意して下さい。

●パスワードを間違えた際に、直前に選択されていたユーザIDを覚えておく仕様に改良。
※ログイン画面でパスワードを間違えた場合には再入力画面が表示されますが、その際、これまでは「ユーザIDの選択状態」が解除されてしまって、プルダウンメニューの最上位のIDが表示されてしまう仕様でした。これを改善し、直前に選択していたユーザIDを維持する仕様にしました。(※自らログアウトした後に表示されるログイン画面では維持されません。)

●管理画面の「投稿の削除/編集」リストに「所属カテゴリID」も表示される仕様を追加
管理画面の投稿一覧表にカテゴリIDも表示するようになりました(下図緑色矢印の先)。そうすることで表が少々横長になりますので、マウスを載せた行を緑色でハイライトする装飾も加えました(下図黄色矢印の先に見える緑色帯の部分)。
20210309160854-nishishi.png
※カテゴリ名ではなくカテゴリIDが表示される仕様なのは、てがろぐCGIでは「カテゴリを削除するとカテゴリ名は表示できなくなるものの、各投稿に設定されたカテゴリIDまで消えるわけではない」仕様だからです。(そのため、削除したカテゴリIDと同じIDで新規にカテゴリを追加すると、カテゴリの所属は復活します。) ユーザ名ではなくユーザIDが表示されているのも同じ理由からです。

●「続きを読む」ボタンによって隠された範囲を表示する際に、隠されていた対象要素を inline, inline-block. block のどれで表示するかを指定できるようにする機能を追加。
※ 隠された範囲が「続きを読む」ボタンによって表示される際に、その隠されていた領域(=動的に表示されるブロック)をどのように表示したいかを、「inline」・「inline-block」・「block」の3つから選べるようにしました。
設定箇所は、管理画面の[設定]→[ページの表示]→【投稿本文の表示/テキスト】→「展開する範囲の表示方法」です。下図のように3通りから選んで設定できます。(デフォルトは従来通り inline です。)
202103091521291-nishishi.png
隠されている範囲だけに特別な装飾(CSS)を施したい場合には、必要に応じて設定を変更して下さい。

●カッコの対応が取れているなら、装飾範囲内に角括弧をそのまま書いても大丈夫な仕様に改良。
これまでのバージョンでは、装飾記法の内側に角括弧を1つでも書くと、装飾全体が無効になってしまう仕様でした。この点をやや改善して、装飾記法の内側に角括弧 [] を書いても(ほぼ)大丈夫な仕様にしました。

具体的には、角括弧の「開き」と「閉じ」の個数が1対1で正しく対応している限りは問題なく記述できます。
例えば、 [B:この範囲が[太字]になります。] のような記述なら問題なく装飾されます。もちろん入れ子にしても大丈夫なので [B:この[U:範囲が[太字[&]下線]になり]ます。] のような記述でも大丈夫です。これらの場合は、装飾範囲に含まれる角括弧の開き「 [ 」と閉じ「 ] 」の個数が一致しているからです。

※開き角括弧と閉じ角括弧の対応がおかしい場合には、おかしい位置で装飾が終わる可能性があります。特に閉じ角括弧「 ] 」だけを含めると、そこが装飾の終了位置を示す記号だと解釈されてしまいます。(とはいえ、角括弧の「開く方だけ」や「閉じる方だけ」を単独で装飾したいケースというのはそれほどなさそうですから、あまり問題にはならないと考えています。)

●本文中に \[ 、 \] 、 \: と書けば、それら3種の記号が数値文字参照に置き換わる記述仕様を追加
角括弧を角括弧としてそのまま表示したい際は、従来は &#91;&#93; のような数値文字参照の書き方を使うしかありませんでした。しかし、それだとあまりにも面倒なので、プログラミング言語でよくある「\」記号を使ったエスケープ記法が使える仕様も加えました。

具体的には、
●「 \[ 」と書くと [ 記号として表示されます。
●「 \] 」と書くと ] 記号として表示されます。
●「 \: 」と書くと : 記号として表示されます。(※注)
これらの記法を使う限りは、は、いくらでも装飾範囲内に含めて問題ありません。

※コロン記号「:」は、装飾の対象範囲外に書く場合は、そのまま「:」だけを書いて問題ありません。装飾の範囲内に書く場合は、色指定やオプション指定記法だと解釈されるのを防ぐために、「\:」のように書く方が無難です。

●「指定No.リンク」ボタンでの投稿番号入力時に、余分な空白があっても自動で取り除く仕様を追加
編集領域の下にある「リンク」ボタン→「指定No.リンク」ボタンを押して、望みの投稿番号を入力する際、番号の前後に誤って空白文字が入ってしまうことがあります。従来のバージョンでは、余分な空白もそのまま挿入されてしまっていましたが、それだと投稿しても正しいリンクになりません。そこで、数値の前後に含まれる空白文字は自動で除外するようにしました。

●「状況に応じた見出し」に出力される『表示限定名称』にclassを付加するマークアップを追加
※外側スキンにキーワード [[SITUATION:HTML]] を書いた場合のみ、そのときに限定されている表示対象を下記のclass名を使ってspan要素でマークアップした状態で出力します。文字を装飾する用途のほか、JavaScriptのgetElementsByClassNameで値を取得することで、状況に応じたメッセージを自前で1から組み立てる用途にも使えそうな気がします。
●日付限定時の日付: class="situation-date"
●全文検索時の検索語: class="situation-search"
●ハッシュタグ限定時のハッシュタグ名: class="situation-tagname"
●カテゴリ限定時のカテゴリ名: class="situation-catname"
●投稿者限定時のユーザ名: class="situation-username"
●単独表示時の投稿No.: class="situation-postno"
●2ページ目以降のページ番号: class="situation-page"
●該当件数の数値: class="situation-hits"
※同種のキーワードでも、[[SITUATION:TITLE]] や [[SITUATION]] では上記のようなマークアップは加わりません。

●サーバの時刻からずらす時間調整を0.5時間単位で設定できるよう改善。
※サーバの時刻から1時間単位ではなく30分単位で時刻設定をずらせる仕様にしました。GMT+9:30のように、標準時が半時間ずれているような地域でご使用の場合にも現地時刻に対応できるようになりました。
20210309150120-nishishi.png

●YouTubeの埋め込み処理に、遅延読込用の「loading="lazy"」属性を追加する仕様に改良。
※YouTubeを埋め込むためのiframeに、遅延読み込み用の属性を付加する仕様にしました。これによって(iframeの遅延読み込みが可能なブラウザでは)YouTubeの埋め込み位置にスクロールされるまで動画が読み込まれることはなくなるため、ページの表示速度向上に繋がります。
※この設定をOFFにする機能はありません。
※この機能が有効になるのは、現時点では「Chrome」や「Edge」や「Opera」などのようなChromiumベースのブラウザのみです。


▼今回の標準添付スキンの改良:
🌷標準添付スキン10種類を更新しました。 #スキン
※完全版パッケージに付属している標準添付スキンを更新しました。一般用途のスキンには複合検索窓を掲載したり、ギャラリーモード用スキンには [[PICTCOUNT]] を加えて画像数を掲載したりしています。標準添付スキンをそのままお使いの場合は、上書きアップロードして下さい。


#不具合修正
❎エラー「CGIの設置ドメインとは異なる場所からデータが送信されました」発生の可能性を低減
※サーバ側のhttpsの仕様によっては、httpsとhttpが異なるだけで「CGIの設置ドメインとは異なる場所からデータが送信されました。リクエストは受け付けられませんでした」のエラーが表示されてしまう不具合を修正しました。

❎エクスポート画面の「投稿日付」欄に日付がリストアップされない不具合を解決
※Ver 3.1.0で追加した機能の副作用によって、エクスポート画面(=「条件を指定して出力」画面)の「エクスポート対象の抽出条件」区画にある「投稿日付」欄で、日付がリストアップされなくなってしまっていた不具合を解決しました。

❎記法 [[INFO:LASTUPDATE]] で挿入できる最終更新日時が、ずらす時間設定を考慮していない不具合を修正
※管理画面の「設定」→「システム設定」→「時刻設定」で設定された「ずらす時間」が、最終更新日時の表示部分には反映されていなかった不具合を修正しました。

❎管理画面の「投稿の削除/編集」リストでの冒頭抜粋部分に特殊記法がそのまま出てしまう問題を解消
※投稿一覧表では、本文の冒頭最大18文字が抜粋して表示されていましたが、従来では装飾記法がそのまま表示されてしまっていて、本文の内容が分かりにくい場合もありました。そこで、装飾記法は除外して抜粋表示される仕様にしました。そのほか、リンクラベル付きのリンクがある場合にはラベルだけを抜粋したり、動画やツイートの埋め込みではURLを出さずに「(動画)」や「(ツイート)」等の表示に留めることで、本文の中身が抜粋されやすいように仕様変更してあります。

❎内側スキンに [[COMMENT:TAGS]] の記述があるとき、「続きを読む」機能が使われている投稿を表示すると表示が崩れる可能性がある不具合を修正
※ハッシュタグだけでなく、前後の文章まで一緒に抜き出されてしまう不具合を解消しました。


以上、ご活用頂ければ幸いです。

※不具合の修正も含んでおりますので、使いたい追加機能がない場合でもアップグレード頂くことをお勧め致します。(アップグレードしても、ログインし直す必要はありません。ログイン状態は維持されます。)

:17148文字 修正

てがろぐ Ver 3.1.0 を公開しました! #Update

てがろぐ Ver 3.1.0 を公開しました。先頭固定機能ハッシュタグやカテゴリのプルダウンメニュー型表示機能カレンダー先頭列への曜日表示機能などの追加が主な更新点です。その他、多数の細かな更新を含んでいます。
https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgifumycts.pl の2ファイルだけ(※)を上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(過去のどのバージョンからでも)

※今回は「Twitterっぽいスキン(ブルー/ピンク)」も更新しています。先頭固定に関連する表示機能を使いたい場合は、これらのスキンもアップデートして下さい。

🆕 Ver 3.1.0の更新点(概要):
任意の投稿の先頭固定機能
ハッシュタグをプルダウンメニュー形式で表示する機能
カテゴリ一覧をプルダウンメニュー形式で表示する機能
カレンダーの先頭列に曜日を表示する機能
設定画面の上部にショートカットリンクを表示
そのページ内での表示順を整数で得られる [[LOOPCOUNT]] 記法を追加
ランダムな数値を挿入する [[RANDOM:n]] 記法を追加
キーワード [[USERURL]] にも、フルパスやデフォルトスキンを指定する記法を追加
キーワード [[CATEGORYLINKS]] にも、フルパスやデフォルトスキンを指定する記法を追加
●ページネーションの設定項目では空欄のままも許容する仕様に変更
●モバイル端末での新規投稿(編集)画面の無駄空間を削減
●キーワード [[HASHTAGLIST]] の記法を拡張
●画像管理画面から画像をUPした直後に、コードとプレビューリンクを表示
●削除ボタンの見た目をシンプルに作り替え
標準添付スキン「Twitterっぽいスキン(ブルー/ピンク)」を修正
ハッシュタグの中に引用符を含めた場合の問題を修正
パスワード変更時の再入力画面がおかしい問題を修正
1行目に「続きを読む」系の出力があるときの行分割「TITLE」の結果がおかしい問題を解消
1行目にツイートの埋め込みがあるとき、行分割「TITLE」の結果がおかしい問題を解消
管理画面のカラーテーマをデフォルト配色以外に設定しているときの問題を修正
一部の記号を含む検索語で正しく検索できない問題を修正
管理画面の「設定」を生成するHTMLの文法ミスを修正
スマートフォンで削除確認画面を見たときに、冒頭抜粋部分が縦長に伸び過ぎる問題を解消

▼今回の大きな機能追加:
🌸任意の投稿の先頭固定機能
任意の投稿を先頭に固定配置できます。固定する投稿の個数に制限はありませんから、いくつでも好きなだけ固定できます。
▼表示例:
先頭固定投稿例
上図は標準スキンを使って、2つの投稿を先頭固定した表示例です。
▼設定方法:
先頭に固定する投稿や、固定する際に表示される文字列については、下図のように管理画面の[設定]→[ページの表示]→[先頭に固定表示する投稿]欄から設定できます。
先頭固定設定画面
なお、管理者権限のあるIDを利用している場合は、投稿フォームに先頭固定用のボタンが表示されるため、新規投稿時や再編集時に先頭固定(や解除)ができます。
先頭固定チェックボックス
▼設定・カスタマイズ解説:
※先頭固定機能の使い方については、使い方解説ページの「先頭固定」をご覧下さい。
※先頭固定機能の表示上のカスタマイズについては、カスタマイズ解説ページの「先頭固定の装飾方法」項目をご参照下さい。

🌸ハッシュタグをプルダウンメニュー形式で表示する機能
ハッシュタグ一覧を(従来からあるリスト形式ではなく)プルダウンメニュー形式でも表示できるようになりました。
▼表示例:
左側は、[[HASHTAG:LIST]]と書くと表示できる従来のリスト形式です。従来の表示形態に変更はありません。
202012092137074-nishishi.png
上図ではプルダウンメニューの隣に「表示」ボタンが見えていますが、「表示」ボタンを非表示にして、プルダウンメニューの項目を切り替えると同時にページ移動するようにすることもできます。
▼書き方:
外側スキンに [[HASHTAG:PULL]] と書けばプルダウンメニュー形式で表示され、[[HASHTAG:PULL:JS]] と書けばさらに「表示」ボタンが非表示になってJavaScriptで移動できる形態で表示されます。
カスタマイズ解説ページの「スキンのカスタマイズ方法」内にある「サイドコンテンツ要素」項目もご参照下さい。

🌸カテゴリ一覧をプルダウンメニュー形式で表示する機能
カテゴリ一覧も(従来からあるツリー形式ではなく)プルダウンメニュー形式でも表示できるようになりました。
▼表示例:
左側は、[[CATEGORY:TREE]]と書くと表示できる従来のツリー形式です。従来の表示形態に変更はありません。
202012092137073-nishishi.png
上図ではプルダウンメニューの隣に「表示」ボタンが見えていますが、「表示」ボタンを非表示にして、プルダウンメニューの項目を切り替えると同時にページ移動するようにすることもできます。
▼書き方:
外側スキンに [[CATEGORY:PULL]] と書けばプルダウンメニュー形式で表示され、[[CATEGORY:PULL:JS]] と書けばさらに「表示」ボタンが非表示になってJavaScriptで移動できる形態で表示されます。
カスタマイズ解説ページの「スキンのカスタマイズ方法」内にある「サイドコンテンツ要素」項目もご参照下さい。

🌸カレンダーの先頭列に曜日を表示する機能
カレンダーには曜日行を加えられるようになりました。曜日の文字は自由に変更可能ですし、曜日行を加えるか加えないかも設定で選択できます。デフォルト設定では曜日行が表示されますので、不要なら非表示に設定して下さい。
▼表示例:
カレンダーの表示例
上図は、標準スキン・Twitterっぽいスキン(ブルー)・Twitterっぽいスキン(ピンク)でカレンダーを表示させてみたところです。曜日行にはそれ専用のclass名を付加してありますから、CSSで装飾するのも簡単です。自由にカスタマイズ頂けるでしょう。
詳しくは、カスタマイズ方法ページ内の「カレンダー表示の装飾方法」をご覧下さい。
▼バージョンアップ時の注意:
カレンダーの曜日行はth要素でマークアップされます(※全体はthead要素の内側で、daysofweekというclass名のtr要素に含まれます)。したがって、従来のCSSのままだと、カレンダーの曜日行は何も装飾されないため罫線も引かれず太字で表示されてしまいます。標準添付スキンをそのまま使っている場合は、完全パッケージに含まれる新しいスキンに差し替えてお使い下さい。CSSを独自にカスタマイズしている場合は、添付スキン内の /* ▼カレンダー区画 */ 部分を参考にするか、少なくとも以下のCSSを追加することをお勧め致します。
.calendar th {
   border: 1px solid #ace3ac; /* 内側の枠線(※注:標準スキンの配色) */
   padding: 2px; /* セル内側の余白 */
   text-align: center; /* 中央寄せ */
   font-size: 0.9em; /* 文字サイズ */
   line-height: 1; /* 行の高さ */
}
/* 曜日行 */
.daysofweek th {
   background-color: #d9ffd9; /* 背景色(※注:標準スキンの配色) */
   font-weight: normal; /* 太字キャンセル */
   padding: 6px 0; /* 内側の余白量 */
   font-size: 0.8em; /* 文字サイズ */
}



▼今回のその他の機能追加:
🌺設定画面の上部にショートカットリンクを表示
設定項目がずいぶん増えてきましたので、「どこに設定項目があるか」を見つけにくい問題がありました。そこで、設定画面の上部に下図のようなショートカットリンクを用意しました。
202012092137072-nishishi.png
このショートカットリンク部分から目的の設定を探してクリックすれば、設定画面内をスクロールして項目を探す手間が省けるでしょう。

🌺そのページ内での表示順を整数で得られる [[LOOPCOUNT]] 記法を追加
そのページ内で「何番目に表示されている投稿なのか?」という表示順を整数で得られる [[LOOPCOUNT]] 記法を追加しました。内側スキンでのみ使えます。表示される投稿番号に関係なく、そのページ内で上から順に何番目に表示されているのかを数値で得られます。
▼使い方:
※表示位置に応じて装飾を変化させたい場合や、単純に上から1、2、3……と番号を表示したい場合などに活用できます。活用例は、カスタマイズ解説ページの以下の項目などをご参照下さい。
➡「ページ内リンクを作れるLOOPCOUNT記法の活用例

🌺ランダムな数値を挿入する [[RANDOM:n]] 記法を追加
1~指定数値までの間のランダムな数値を挿入する [[RANDOM:n]] 記法を追加しました。「n」の部分には10桁までの任意の数値を指定できます。
▼使い方:
※[[RANDOM:10]] のように記述すると、1~10の間の整数(1と10も含む)から1つがランダムに得られます。HTMLのclass名などに使えば、ランダムに配色を変化させたい場合などに活用できるでしょう。外側スキンでも内側スキンでも使えます。(※数値は10桁まで。負の値や小数点以下は指定できません。0を指定すると「10」を指定したものと解釈されます。)

🌺キーワード [[USERURL]] にも、フルパスやデフォルトスキンを指定する記法を追加
ユーザ別URLを挿入する内側スキン用キーワード [[USERURL]] に対して、次の3バリエーションの記法を追加しました。
➡フルパスで出力する [[USERURL:FULL]]
➡デフォルトスキンが適用される [[USERURL:PURE]]
➡その両方の [[USERURL:PURE:FULL]]
▼背景:
※SSIで他ページに投稿を埋め込む際、ユーザ限定ページのURLを出力する [[USERURL]] を使うと、埋め込み用スキンが維持されてしまって望みのリンクが出力できなかったり、(相対パスで出力されるために)正しいURLにならなかったりする問題がありました。今回に追加した [[USERURL:PURE:FULL]] 等を使えば、『デフォルトスキンが適用されるユーザ限定ページへのURL』がフルパスで出力されますから、この問題を解決できます。
カスタマイズ解説ページの「スキンのカスタマイズ方法」内にある「投稿ユーザ関連要素」項目もご参照下さい。

🌺キーワード [[CATEGORYLINKS]] にも、フルパスやデフォルトスキンを指定する記法を追加
カテゴリを挿入する内側スキン用キーワード [[CATEGORYLINKS]] に対して、次の3バリエーションの記法を追加しました。
➡フルパスで出力する [[CATEGORYLINKS:FULL]]
➡デフォルトスキンが適用されたリンクを出力できる [[CATEGORYLINKS:PURE]]
➡その両方の [[CATEGORYLINKS:PURE:FULL]]
▼背景:
※SSIで他ページに投稿を埋め込みたい場合、従来の [[CATEGORYLINKS]] だと、埋め込み用スキンが維持されてしまって望みのリンクが出力できなかったり、(相対パスで出力されるために)正しいURLにならなかったりする問題がありました。今回に追加した [[CATEGORYLINKS:PURE:FULL]] を使えば、『デフォルトスキンが適用されるカテゴリリンク』がフルパスで出力されますから、この問題を解決できます。
カスタマイズ解説ページの「スキンのカスタマイズ方法」内にある「カテゴリ関連要素」項目もご参照下さい。


▼その他の細かな機能改善:
●ページネーションの設定項目では空欄のままも許容する仕様に変更
※ページ移動リンク部分の設定に関しては、従来では空欄にして保存すると自動的にデフォルト値が補われる仕様でした。ここを、空欄のまま保存されるように仕様変更しました。これによって、強引に空白文字を入れて保存するような工夫をしなくてもカスタマイズしやすくなるでしょう。

●モバイル端末での新規投稿(編集)画面の無駄空間を削減
※小型のモバイル端末で編集画面を表示する際には、ヘッダ部分の専有面積を小さくするようにしました。
202012092137071-nishishi.png
ページ上端には余計な空間が少ない方が、ソフトキーボードを表示させた際に編集部分の見える面積が多く確保できて望ましいでしょう。

●キーワード [[HASHTAGLIST]] の記法を拡張
※リストのほかにプルダウンメニューでの挿入形式([[HASHTAG:PULL]])を追加したため、従来の記法 [[HASHTAGLIST]] は [[HASHTAG:LIST]] とも書けるようにしました。(古い書き方を修正する必要はありません。古い書き方も引き続き使用可能です。)

●画像管理画面から画像をUPした直後に、埋め込み用コードと表示プレビューリンクを表示
※画像管理画面から「新規投稿に使う」をマウスで選択するよりも、コードを自力でコピー&ペーストした方が早いと思う方々のための改良です。

●削除ボタンの見た目をシンプルに作り替え
※少しだけ押しやすい形になりました。

▼今回の標準添付スキンの改良:
🌷標準添付スキン「Twitterっぽいスキン(ブルー/ピンク)」を修正 #スキン
※完全版パッケージに含まれるスキン「Twitterっぽいスキン(ブルー/ピンク)」にも、[[NEW]]の記述を加えて、「New!」サインを表示できるように更新しました。この記述は、「先頭固定サイン」を表示する場所としても使われますので、その機能を使いたい場合にはスキンを新しいものに差し替えて下さい。


#不具合修正
❎ハッシュタグの中に引用符を含めた場合の問題を修正
※ハッシュタグの中に引用符を含めると、無駄にエスケープされた状態で表示されてしまう上に、クリックしても「該当なし」になってしまう問題を修正しました。

❎パスワード変更時の再入力画面がおかしい問題を修正
※パスワードを変更する際に、確認用パスワードが一致しなかった場合の再入力画面として「新規作成画面」が表示されてしまう問題を修正しました。

❎1行目に「続きを読む」系の出力があるときの行分割「TITLE」の結果がおかしい問題を解消
※1行目に「続きを読む」系の出力があるとき、行分割キーワード[[TITLE]]部分にJavaScriptソースがそのまま見える形で表示されてしまう問題を解消しました。

❎1行目にツイートの埋め込みがあるとき、行分割「TITLE」の結果がおかしい問題を解消
※1行目にツイートの埋め込みがあるとき、行分割キーワード[[TITLE]]部分に埋め込み待ちメッセージが挿入されてしまう問題を解消しました。

❎管理画面のカラーテーマをデフォルト配色以外に設定しているときの問題を修正
※管理画面のカラーテーマをデフォルト配色以外に設定しているとき、「アクセス権限がない」ことを示すグレーアウトができていなかった点を修正しました。(表示の問題だけで、実際にはクリックしてもアクセスはできませんでしたから実害はありません。)

❎一部の記号を含む検索語だと正しく検索できなかった問題を修正
❎管理画面の「設定」を生成するHTMLにいくつかの文法的なミスがあった点を修正
❎スマートフォン端末で削除確認画面を見たときに、冒頭抜粋部分だけが妙に縦長に伸びてしまう問題を解消

以上、ご活用頂ければ幸いです。

※セキュリティと不具合の更新も含んでおりますので、使いたい追加機能がない場合でもアップグレード頂くことをお勧め致します。(アップグレードしても、ログインし直す必要はありません。ログイン状態は維持されます。)

:6814文字 修正

てがろぐ Ver 2.3.0 を公開しました! #Update

てがろぐ Ver 2.3.0 を公開しました。てがろぐCGIを2つ以上設置しても個別にログイン状態を維持できる新仕様、掲載画像も装飾できる仕様、画像で任意のURLへリンクできる書き方の追加、RSSフィードのカスタマイズ機能が主な更新点です。
https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgifumycts.pl の2ファイルだけを上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。(過去のどのバージョンからでも)

🆕 Ver 2.3.0の更新点(概要):
てがろぐCGIを複数設置しても、それぞれでログイン状態を維持可能になりました。
任意のURLへ画像を使ってリンクできるようになりました。 #仕様改良
画像も装飾できるようになりました。(掲載画像ごとに適用CSSを分ける用途にも使えます)
RSSフィードの出力に関する設定が可能になりました。
RSSフィードに含める本文の分量を選択できるようになりました。
RSSフィード用スキンを作ることで、自由な中身のRSSフィードを出力可能になりました。
RSSフィード出力用のサンプルスキンを公開しました。

▼今回の大きな機能追加:
🌸てがろぐCGIを複数設置しても、それぞれでログイン状態を維持可能になりました。
同一ドメイン下に複数個のてがろぐCGIをセットアップしても、それぞれでログイン状態を維持し続けられる仕様になりました。(※従来は、同一ドメイン下に複数個のてがろぐをセットアップしているとき、どれか1つにログインすると、他のすべてのログイン状態は解除されてしまっていました。)
▼背景説明:
※従来は、てがろぐCGIが利用するCookie名が固定されていたために、1つのドメインにつき1つのログイン状態しか維持できない仕様でした。Ver 2.3.0からは、設置した1つ1つのCGIで別々のCookie名を使える仕様に変わったため、CGI単位でログイン状態を維持し続けられる仕様になりました。
▼設定箇所:
※Cookie名は、デフォルトでは自動でランダムな文字列に決定されますが、管理画面の「設定」→「システム設定」→「ログイン維持設定」区画内にある『このCGI固有の識別文字列』項目から自由に指定することもできます。(他と重複しない文字列を指定して下さい。)
▼注意点:
※設定で「このCGI固有の識別文字列」項目を書き換えるたびに(認証状態を保持するCookie名が変わるため)、全ユーザが自動ログアウトしてしまいますのでご注意下さい。(再度ログインすれば、もちろん従来通りずっとログインしたままにできます。)

🌸任意のURLへ画像を使ってリンクできるようになりました。
画像を掲載する際に、任意のURLへリンクする「リンク画像」として掲載することもできるようになりました。(※従来は、任意のURLへはテキストリンクしか作れませんでした。また、画像リンクとしては「拡大画像へのリンク」しか作れませんでした。)具体的な記述方法は、リリースノートNo.20をご覧下さい。
※てがろぐに投稿した「内部画像」を使うこともできますし、画像URLを直接指定して掲載する「外部画像」を使うこともできます。
※実は、掲載画像を「拡大画像へのリンクにしない」設定にしている場合は、従来バージョンでもこの方法が裏技的に使えていました。

🌸画像も装飾できるようになりました。(画像1つ1つで適用スタイルを分ける用途にも使えます)
文字装飾の範囲内に画像を含めることもできる仕様になりました。そのため、あらかじめCSSを用意しておけば、画像を対象にした様々な装飾を加えることもできるようになります。
また、掲載画像1つ1つに異なるCSSを適用する用途にも使えます。活用例は、リリースノートNo.19もご覧下さい。
▼背景説明:
※画像を掲載する際に、直接任意のclass名を付加したいというご要望を頂いていたので(直接class名を書けるわけではありませんが)同様の掲載方法を実現できる方法として実装しました。
▼サンプル装飾:
※標準添付の各スキンでは、画像装飾のサンプルとして、画像に影を付けたり半透明にしたり角丸にしたりする画像用の装飾がCSSに加えられています。
▼注意点:
※既存バージョンをお使いの方で、スキン用CSSを上書きしない場合は、自力でCSSを書かないと何も装飾はされません。(逆に言えば、CSSを書きさえすれば好きなように画像を装飾できます。)


▼今回のその他の機能追加:
🌺RSSフィードの出力に関する設定が可能になりました。
RSSフィードに収録する投稿数を設定できるようになりました。また、RSSフィードの出力が不要な場合は、出力しない設定にもできるようになりました。
▼設定箇所:
※設定項目は、管理画面の「設定」→「ページの設定」→「RSSフィードの出力」区画にあります。

🌺RSSフィードに含める本文の分量を選択できるようになりました。
RSSフィードに含める投稿本文の分量を「先頭から120文字だけの抜粋」か「全文収録」かを選択できるようになりました。「全文収録」を選択すれば、画像や文字装飾もそのままRSSフィードに含まれるようになります。
※RSSフィードに画像も含めたい場合は「全文収録」を選択して下さい。「抜粋収録」では画像や文字装飾は省略されます。
▼注意点:
※本文内で「続きを読む」機能を使っている場合、「全文収録」を選択すると、RSSフィードには続き部分も含めた全文が収録されます。

🌺RSSフィード用スキンを作ることで、自由な中身のRSSフィードを出力可能になりました。
自作のRSSフィード用スキンを使ってRSSフィードを出力できるようになりました。RSSフィード用スキンは、てがろぐCGIのあるディレクトリ内に「rss」という名称のサブディレクトリを作って格納することで認識します。
RSSフィード用スキンのサンプルは、てがろぐCGIの完全構成パッケージに含まれています。それをベースに書き換えると作りやすいでしょう。
※RSSフィード用のスキンも、作り方はその他の一般のスキンと同じです。単に、HTMLを出力すれば一般用スキンになり、XMLを出力すればRSSフィードになるだけのことです。
※RSSフィード用のスキンは、管理画面の「スキンの切り替え」リストには表示されません。


▼今回の標準添付スキンの追加:
🌷RSSフィード出力用のサンプルスキンを公開しました。自力でRSSフィードを好きなように出力させたい際には、このサンプルをベースにしてカスタマイズすると楽に作れるでしょう。 #スキン
詳しくは、リリースノートNo.18もご参照下さい。
※スキンの先頭は、必ずXML宣言で始まっている必要があります。(XML宣言で始まっている場合のみ、XML用のHTTPヘッダを出力します。)
※Powered-by表記を埋め込むための [[VERSION]] を定位置から動かさないことをお勧め致します。特に削除してしまうと、XMLとして正しくない出力になってしまいます。


以上、ご活用頂ければ幸いです。

※バージョンアップ後に一度だけ、すべてのユーザのログイン状態が解除されます。Cookieの名称が変わるためです。(再度ログインすれば、従来通りずっとログインしたままにできます。)
※Cookieの名称が変わっても、サーバ側に保存してある認証記録は消えないため、管理画面に表示される「ログイン人数」は減りません。そのままでは正しいカウント値になりませんので、それが気になる場合は、バージョンアップ後に一度だけ「全員を強制ログアウト」ボタンを押してサーバ側の認証記録をクリアすることをお勧め致します。

:3309文字 修正

新スキン「ブログタイプスキン」を作りました! #スキン

新作スキン「ブログタイプスキン」を作りました。
動作テスト版は下記URLで公開しています。ご自由にお試し下さい。
https://www.nishishi.org/testground/tegalog/?skin=skin-blogtype

この「ブログタイプスキン」では、投稿1行目の最大30文字を『タイトル』として扱い、投稿2行目以降を『本文』として扱うことで、タイトルと本文とを別々に表示できる書き方を採用しています。
それによって、タイトル付きのブログっぽい表示ができるようになっています。

20190507171022-nishishi.png

▼このスキンで使用している新機能:
🌻投稿本文内の一部分だけを抜き出して掲載する機能が加わっています。
従来の内側スキンでは、 [[COMMENT]] と書くことで本文全部が挿入されていました。
試験公開版 Ver 2.0.3 以降では、以下の書き方ができるようになっており、このスキンで使用しています。

[[COMMENT:TITLE]] で、投稿の1行目だけがプレーンテキストで挿入されます。
※プレーンテキスト化されるため、装飾は無効化され、ハッシュタグやリンクも無効化されます。
※1行目が空行の場合や、画像しかない場合は、それらは挿入されずに「No.123」の形式で投稿番号が入ります。

[[COMMENT:TITLE:30]] だと、投稿1行目の最大30文字までがプレーンテキストで挿入されます。
※文字数は自由に指定できます。指定文字数よりも多い部分は、三点リーダ「…」が表示されて切り捨てられます。
[[COMMENT:BODY]] で、投稿の2行目以降(最後まで)が挿入されます。ただし、投稿が全1行しかない場合には、1行目の全文が挿入されます
※プレーンテキスト化はされません。装飾やリンクはすべて有効なまま挿入されます。

▼関連する新機能:
他にも、任意の行ごとに別々の役割を加えてスキンを作ることもできる仕様になっています。
🌼[[COMMENT:LINE:1]] で、投稿の1行目だけが挿入されます。
※先程の [[COMMENT:TITLE]] とは異なり、プレーンテキスト化はされず、1行目に書かれている内容がそのまま挿入されます。(装飾やハッシュタグやリンクも有効なまま挿入されます。)
※1行目が空行の場合でも調整はされず、空行がそのまま挿入されます。1行目が画像の場合は、画像がそのまま挿入されます。

🌼[[COMMENT:LINE:2]] で、投稿の2行目だけが挿入されます。
🌼[[COMMENT:LINE:3]] で、投稿の3行目だけが挿入されます。
※以降、行数指定に上限はありません。1行ずつ挿入可能です。この記述方法を使うと、各行で役割の異なるスキンを作ることもできます。指定の行がない場合は何も挿入されません。

🌼[[COMMENT:LINE:2*]] で、投稿の2行目以降(最後まで)が挿入されます。
※先程の [[COMMENT:BODY]] とは異なり、投稿が1行しかない場合は何も挿入されません。
🌼[[COMMENT:LINE:3*]] で、投稿の3行目以降(最後まで)が挿入されます。
🌼[[COMMENT:LINE:4*]] で、投稿の4行目以降(最後まで)が挿入されます。
※以降、行数指定に上限はありません。

🌼文法上は、[[COMMENT:LINE:1*]] という書き方も可能です。これは、投稿の1行目以降(最後まで)が挿入されますから、事実上は [[COMMENT]] と同じ結果になります。
※ただし、[[COMMENT:LINE:1*]] と記述すると、 [[COMMENT]] よりも動作は重たくなりますのでご注意下さい。 [[COMMENT:……]] の記述方法を使うと、投稿本文を行単位で分割する処理が入るためです。

▼リリース計画:
動作に問題ないことを確認したら、後日に「てがろぐ Ver 2.1.0」のリリースと同時に配布する予定です。既に配布を開始しています。
ご試用・ご要望は歓迎致します。

:1736文字 修正

メジャーバージョンアップ版 Ver 2.0.0 を公開しました! #Update

てがろぐ Ver 2.0.0 を公開しました。画像投稿機能の搭載が最大の更新点です。
https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgifumycts.pl の2ファイルだけを上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。

🆕 Ver 2.0.0の更新点(概要):
画像の投稿や管理が可能になりました。
Lightboxの自動読み込みが可能になりました。
スキン内で外部ファイルの合成が可能になりました。
表示対象の投稿数を好きな場所に挿入可能になりました。
標準添付7種類のスキンを改良しました。
●管理画面での投稿一覧が100件ずつ表示するようになりました。
●管理画面でのデータサイズ表記が、KBやMBなどの単位付き数値になりました。
●総ページ数を超えるページ番号が指定されても、無駄なページを生成しない仕様になりました。
●設定画面上の軽微な不具合を解消しました。
●ウェブサーバのログファイルにWarningが大量に記録されてしまう可能性がある問題を解消しました。

▼今回の大きな機能追加:
🌸画像の投稿や管理が可能になりました。
画像だけをアップロードすることも、本文と同時に画像を投稿することもできます。#画像
※画像投稿を可能にするためには、てがろぐの存在するディレクトリ内に images サブディレクトリを作って、CGIがファイルを書き込み可能な状態にしておく必要がありますので注意して下さい。サブディレクトリは自動では作られないので、自ら作っておく必要があります。
※投稿可能な画像サイズは、設定で上限値を設けられます。
▶公式マニュアル内の『画像を直接アップロードする仕様』もご参照下さい。

🌸Lightboxの自動読み込みが可能になりました。
Lightboxが必要な状況でだけ、動的に jQuery+Lightboxを読み込む [[JS:LIGHTBOX:JQ]] や、Lightboxだけを読み込む [[JS:LIGHTBOX]] が外側スキン内で使用可能になりました。#Lightbox #スキン用キーワード
※「Lightboxが必要な状況」とは、表示されている投稿内に画像が含まれている場合で、その画像にLightbox用の属性data-lightboxが含まれている場合です。その状況でのみ、Lightboxスクリプトが動的に読み込まれます。(Lightboxを利用する画像が1つも表示されない状況ではLightboxスクリプトを読み込まないので無駄な通信を省けます。)

▼今回のその他の機能追加:
🌺スキン内で外部ファイルの合成が可能になりました。
スキン内に外部ファイルを合成できるSSI(Server Side Include)のような機能を搭載しました。外側スキン内に [[INCLUDE:ファイル名]] の書式を使って合成できます。
※例えば [[INCLUDE:apple/pen.html]] と記述すると、その位置にappleフォルダのpen.htmlの中身がそのまま挿入されます。てがろぐの表示を、自サイトのデザインと合致させるためには、自サイト用のヘッダやフッタをそのまま表示に使えると便利ですよね。そのような場合の合成用途に使えます。
※安全のため、デフォルト設定では上位ディレクトリの参照はできない設定になっています。設定はCGIソース冒頭付近で変更できます。

🌺表示対象の投稿数を好きな場所に挿入可能になりました。
表示対象になっている投稿の数を挿入する [[INFO:TARGETPOSTS]] が外側スキン内で使用可能になりました。投稿数を自分流に表示するスキンを自作したいときなどにお使い下さい。#スキン用キーワード
※表示対象が限定されていない状況では「全投稿数」が表示されますが、表示対象が限定されている状況(ハッシュタグ限定や日付限定など)では「対象の投稿数」が表示されます。常に全投稿数を表示する用途には使えませんので注意して下さい。

▼今回の標準添付スキンの改良:
🌷標準スキンも別スキンも合わせて全7種類のスキンについて、HTML・CSSソースを最新バージョン用に新しくしました。(Lightboxを必要な場合に限って読み込む記述など、新たに増えた機能を使うようになっています。) #スキン
🌷Twitterっぽいスキン(ブルー・ピンク共に)は、モバイル版での表示時に余白が少なすぎた問題を少々改善しました。
🌷チャットタイプスキンは、繰り返し読み込むためにできるだけスキンを軽くするよう、いろいろ削減しました。

▼その他の細かな機能改善: #管理画面 #不具合修正 #仕様改良
●過去投稿数が100件を超えている場合には、管理画面での投稿一覧を100件ずつ表示する仕様になりました。(投稿一覧表が無駄に縦長にならずに済みます。)
●管理画面でのデータサイズ表記が、KBやMBなどの単位付き数値で表示する仕様になりました。(従来のBytes表記よりもサイズが分かりやすいでしょう。)
●総ページ数を超えるページ番号が指定されても、無駄なページを生成しない仕様になりました。
●設定画面上の軽微な不具合を解消しました。
●ウェブサーバ側のログファイルにWarningが大量に記録されてしまう可能性がある問題を解消しました。

以上、ご活用頂ければ幸いです。
軽微な不具合修正も含んでおりますので、バージョンアップ頂くことをやや強くお勧め致します。

:2381文字 修正

Ver 1.4.0 をようやく公開しました! #Update

てがろぐ Ver 1.4.0 を公開しました。文字装飾関連UIを強化したり、その他の機能強化を図りました。
https://www.nishishi.com/cgi/tegalog/

アップデートするには、tegalog.cgifumycts.pl の2ファイルだけを上書きアップロードして下さい。
データファイルや設定ファイルは、すべてそのまま引き継げます。

🆕 Ver 1.4.0の更新点(概要):
本番採用するスキンを管理画面上からの操作で変更可能になりました。
文字装飾ボタンを表示する機能を追加しました。
スキン(標準スキンも別スキンも)のHTML・CSSソースを本バージョン用に新しくしました。
●管理画面で投稿一覧を表示した際に、見やすいようタグを除外して表示するようになりました。
●全員一括強制ログアウト機能に、JavaScriptによる事前確認を挟むようになりました。
●画像リンクに data-lightbox 属性を自動で付加し、Lightbox対応を支援できるようになりました。
●出力時の無駄な記述を若干削減できる機能を加え、より軽く(通信量を削減して)動作するようになりました。

▼今回の大きな機能追加:
🌸本番採用するスキンを管理画面上からの操作で変更可能になりました。
管理画面の「スキンの切り替え」メニューから、本番適用するスキンを変更できるようになりました。従来通り、一時的な試験採用も可能です。
※管理画面からスキンを切り替える機能は、あくまでも簡易的な機能です。FTPアクセスが可能なら、採用したいスキンを「CGI本体と同じディレクトリ」に自力で移動させる方がより高速に動作します。
🌸文字装飾ボタンを表示する機能を追加しました。
文字装飾ボタンの表示機能を搭載し、投稿画面上から簡単に文字装飾記法を挿入できるようになりました。どの装飾ボタンを表示するかは、管理画面の「設定」→「投稿欄の表示」で選択できます。 #装飾
※文字装飾機能をOFFに設定している場合は、(ボタン表示/非表示の選択設定状態に関係なく)装飾ボタンは表示されません。
▶公式マニュアル内の『文字装飾記法の仕様』もご参照下さい。


▼今回の標準添付スキンの改良:
🌷標準スキンも別スキンも合わせて全7種類のスキンについて、HTML・CSSソースを最新バージョン用に新しくしました。(引用直後の無駄な空行もなくせます。) #スキン
※注:
QUICKPOST内に表示される文字装飾ボタンのCSSは「スキンに付属しているCSSファイル」に含まれています。そのため、スキンに付属しているCSSファイルを更新しないと、QUICKPOST内の文字装飾ボタンは「スタイルなしの状態」で表示されますのでご注意下さい。(かなりカスタマイズしてお使いの場合は、最新スキンCSSソース内に「文字装飾ボタン群」と書いてある区画全体をコピー&ペーストして追記して下さい。)


▼その他の細かな機能改善: #管理画面 #画像 #Lightbox #仕様改良
●管理画面で投稿一覧を表示した際に、見やすいようタグを除外して表示するようになりました。(投稿の冒頭から文字を装飾している場合に、投稿一覧表では本文の文字がまったく見えなくなっていた仕様を改善しました。)
●全員一括強制ログアウト機能に、JavaScriptによる事前確認を挟むようになりました。(ただし、JavaScriptがOFFだと1回クリックするだけで一括強制ログアウトが実行されますのでご注意下さい。)
●画像リンクに data-lightbox 属性を自動で付加し、Lightbox対応を支援できるようになりました。(標準ではONですが、設定でOFFにもできます。)
●出力時の無駄な記述を若干削減できる機能を加え、より軽く(通信量を削減して)動作するようになりました。

以上、ご活用頂ければ幸いです。 今回のアップデートに関するやや詳しめな話

:1696文字 修正

黒板っぽいスキンを新しく作ってみました #スキン

新スキン「黒板スキン」です。動作テストと試用は以下のURLでできます。
https://www.nishishi.org/testground/tegalog/tegalog.cgi?skin=skin-kokuba...

どうかな……。うーむ、もうちょっと何か見やすくならないか改良の余地がありそうな……。
既存スキンが明るい背景ばかりだったので、暗い背景のスキンも1つくらいあった方が良いかなと思いまして。(^_^;) あんまり日付を大きくは出さないスキンですが、日付境界バーを月単位ではなく日単位で出すように設定すれば、日単位で分かりやすくできるとは思います。

20190507171008-nishishi.png

:314文字 修正

ツイッターっぽいスキン(ピンク版)の配布を開始 #スキン

新作スキン「ツイッターっぽいスキン(ピンク版)」の配布を開始しています。
Ver 1.3.0の完全構成版ZIPをダウンロードすると含まれているほか、スキンだけのZIPにも含まれています。

▼標準添付スキンも改良:
🌷なお、Ver 1.3.0の配布に合わせて、全スキンも更新しています。
文字装飾や画像掲載に関するCSSを加える必要があったためです。
既存ユーザの方々は、CSSファイルを差し替えるかまたは追記するなどして下さい。主にCSSソースの冒頭付近に追記してあります。

20190507171308-nishishi.png

:269文字 修正

DASHBOARD

■リリースノート内を検索:

■最近の投稿:

■その他のご案内:

▼現在の公開バージョン:

配布版:Ver 3.4.0

▼ご質問やご要望がある場合:

ご質問やご要望がある場合は、動作テスト用てがろぐもご利用下さい。事実上のサポート掲示板にもなっておりますので。(^_^;)

編集

■日付検索:

▼現在の表示条件での投稿総数:

8件

このリリースノートも、てがろぐCGIを使って生成しています。
てがろぐCGIでページの生成に使用しているスキンファイルの実体は普通のHTMLファイルですから、一般のウェブページと同様の手順で自由に書き換えられます。

Powered by てがろぐ Ver 3.4.0.

--- 当サイト内を検索 ---