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

てがろぐ リリースノート

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

《最終更新: 2023年12月13日 水曜日 21時04分 》 RSSフィード

タグ「91」を含む投稿18件]2ページ目)

てがろぐ 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にいくつかの文法的なミスがあった点を修正
❎スマートフォン端末で削除確認画面を見たときに、冒頭抜粋部分だけが妙に縦長に伸びてしまう問題を解消

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

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

:7438文字 修正

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

てがろぐ Ver 3.0.0 を公開しました。カテゴリ機能の追加、ツイート埋め込み機能の追加が主な更新点です。
https://www.nishishi.com/cgi/tegalog/

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

※Ver.1系、Ver.2系どちらからのアップグレードでも、データや設定ファイルはすべてそのまま引き継げます。(詳しくは、バージョンアップ方法をご覧下さい。) ※一旦バージョンアップした後のバージョンダウンも可能です。

※標準添付スキンのCSSも更新(修正)していますので、もし標準添付スキン各種をそのままご使用の場合は、スキンも最新版にアップデートして下さい。カテゴリを表示する機能を使うためには、スキン側もカテゴリ機能に対応している必要があります。

🆕 Ver 3.0.0の更新点(概要):
カテゴリ分類機能を追加しました。(カテゴリを多重階層で登録しておく機能、投稿1つ1つにカテゴリを好きなだけ設定できる機能、特定のカテゴリに限定して表示する機能)
指定ツイートを埋め込む機能を追加しました。
●URL自動リンクの特殊表示化をする各種ラベルは、大文字小文字を区別せず記述できるようになりました。
●CGIの改行コードを[LF]のみに変更しました。
ユーザ権限Lv.3~7のユーザが、ある細工によって管理者権限を獲得できてしまう不具合を解消しました。

▼今回の大きな機能追加:
🌸カテゴリ分類機能を追加しました。
カテゴリを登録しておく機能(階層の深さに制限はなし)、投稿1つ1つにカテゴリを好きなだけ設定できる機能(1投稿を複数のカテゴリに属させられます)、特定のカテゴリに限定して表示する機能を搭載しました。
▼カテゴリ機能の基本的な使い方・カスタマイズ方法:
※カテゴリの設定方法については、使い方解説ページの「カテゴリ設定」をご覧下さい。
※カテゴリの表示カスタマイズについては、カスタマイズ解説ページの以下の項目などをご参照下さい。
 ➡(1)「カテゴリツリーの装飾方法
 ➡(2)「所属カテゴリ別に装飾を変化させる方法

カテゴリ管理画面 標準スキンでの所属カテゴリ表示

▼カテゴリの表示(スキン):
※標準添付スキンなら、どれも所属カテゴリを表示する機能をスキンに加えてあります。標準添付スキンをそのまま使っているなら、ZIPに含まれているスキンを上書きアップロードするだけでカテゴリ表示機能が有効になります。
※自作スキンを使っている場合は、ZIPに含まれるスキンのソースを参考にするか、または専用解説ページのカスタマイズ方法ページ内で、外側スキンに関しては「サイドコンテンツ要素・その他」項目を、内側スキンに関しては「カテゴリ関連要素」項目をご覧下さい。簡単に紹介しておくと、以下のような記述が使えます。(他にも記述方法がありますので、詳しくは先のリンク先をご覧下さい。)

✅外側スキンに [[CATEGORY:TREE]] と記述すると、その位置にカテゴリリストがツリー形式で挿入されます。
✅内側スキンに [[CATEGORYLINKS]] と記述すると、その位置にその投稿が属しているカテゴリが相対パスのリンク形式で挿入されます。

▼カテゴリの選択方法:
投稿フォームの下に「区分」というボタンが見えます。(ボタンのラベルは設定で自由に変更可能です。)その「区分」ボタンを押すと、カテゴリを選択するチェックボックスがカテゴリの数だけ表示されます。そこにチェックを入れた上で投稿ボタンを押すだけです。
20200930225022-nishishi.png

▼カテゴリ選択チェックボックスを #QUICKPOST で表示する際の調整について:
※QUICKPOST(ページ内に埋め込む投稿欄)を使用している場合、そこにも「カテゴリを選択するチェックボックス」が表示されます。しかし、従来のCSSだけだと、「カテゴリを選択するチェックボックス」の見た目が少し間延びしてしまいます。下記のCSSソース4行(コメントを含めると7行)をお使いのスキンのCSSに追記することをお勧め致します。

/* -------------------------------- */
/* ▼カテゴリ選択チェックボックス群 */
/* -------------------------------- */
.catChecks { font-size:0.9em; padding-top: 0.5em; }
.catChecks label { display:inline-block; cursor:pointer; margin:0 0.75em 0 0; }
.catChecks label:hover { text-decoration:underline; }
.catChecks input { min-width:0; min-height:0; margin-right:0.2em; }

上記のCSSをQUICKPOSTに対して適用すると、「カテゴリを選択するチェックボックス」が、管理画面での投稿編集画面と同じ見え方になります。

🌸指定ツイートを埋め込む機能を追加しました。
Twitterサイト上で公開されている任意のツイートを、直接埋め込んで表示できるようになりました。公開されてさえいれば、誰のツイートでも埋め込むことができます。
▼使い方:
※本文内に [Tweet] というラベルの後に twitter.com ドメインで始まる任意のツイートのURLを記述するだけで埋め込めます。(この機能は、設定で無効にすることもできます。)また、ボタンクリックで入力することもできます。
※詳しい書き方や使い方は、使い方解説ページの「Twitterの任意の1ツイートを埋め込む書き方」をご覧下さい。
※LightモードとDarkモードのどちらを使って埋め込むかは、管理画面の設定から指定できます。
ツイートの埋め込み表示例
▼注意点:
※mobile.twitter.comドメインでのURLだと埋め込まれません。サブドメインの付かない twitter.com ドメインを使って下さい。
※投稿内容を行単位に分割して使うタイプのスキンでは、(たまたまプレーンテキスト化される部分にツイートの埋め込み処理が入ってしまった場合などでは)そのページ全体でツイートが埋め込まれなくなります。(今のところは「仕様」です。)


▼その他の細かな機能改善:
●URL自動リンクの特殊表示化をする各種ラベルは、大文字小文字を区別せず記述できるようになりました。
※URLの直前に記述することでリンクを特殊な表示にする各種ラベルがあります。外部画像を埋め込む [IMG:~]ラベル、YouTube動画を埋め込む [YouTube]ラベルと、ツイートを埋め込める [Tweet]ラベルです。これらのラベルで、大文字小文字を区別せず記述できるようになりました。

●CGIの改行コードを[LF]のみに変更しました。
※CGIをアップロードする際に「アスキーモード」が使えなくても(バイナリモードで転送しても)エラーにならずに動作可能になる可能性が高まりました。
※その代わり、Windows7以下の「メモ帳」では編集できませんのでご注意下さい(改行が認識されなくなるため)。CGIソースの編集にはEmEditorがお勧めですが、改行コードLFを認識できて文字コードUTF-8が取り扱えるなら何でも構いません。


#不具合修正
❎ユーザ権限Lv.3~7のユーザが、ある細工によって管理者権限を獲得できてしまう不具合を解消しました。
❎そのほか、細かなセキュリティ上の不具合を修正しています。


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

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

:3483文字 修正

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

てがろぐ Ver 2.7.0 を公開しました。リンク挿入ボタンの追加、ページ番号の途中省略機能、アイコンサイズ指定機能、[Ctrl]+[Enter]キーでの投稿機能、カラーテーマ選択機能などが主な更新点です。
https://www.nishishi.com/cgi/tegalog/

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

※標準添付スキンのCSSも更新(修正)していますので、もし標準添付スキン各種をそのままご使用の場合は、スキンも最新版にアップデートして下さい。

🆕 Ver 2.7.0の更新点(概要):
リンクをボタンクリックで記述できるようになりました。
ページ番号リンクを「1・2・3……38・39・40」のように省略表示できるようになりました。
ユーザアイコンの表示サイズを管理画面上から変更できるようになりました。
投稿ボタンを [Ctrl]+[Enter]キーでも押せるようになりました。
投稿欄の高さを [Ctrl]+[↓]キーで拡張できるようになりました。
「 >>123 」と書くと投稿No.123へのリンクになる記法が使えるようになりました。
管理画面の配色(カラーテーマ)を選択できるようになりました。
管理画面下部の「てがろぐHOMEに戻る」の文言などを変更できるようになりました。
他ユーザの投稿を編集できなくする機能制限を設定できるようになりました。
●管理画面に表示される各種の表を、小型モバイル端末でも見やすくなるようにしました。
●装飾やリンクボタンをキャンセルした際に、入力欄内にフォーカスが自動で戻るようにしました。
●色名などの英数字が全角で入力されても、自動的に半角に変換するよう改良しました。
●該当投稿が1件もなかった場合には、その場で再カウントできるリンクを表示する仕様になりました。
●認証情報(ログイン状態)を保持するCookieの取り扱いを、より安全な形態になるよう修正しました。
「続きを読む」ボタンの出力HTMLに、余計なid属性が含まれていた点を修正しました。
YouTubeの埋め込み枠をモバイル端末で見たときに、動画の縮尺がおかしくなるCSSを修正しました。
ギャラリー用スキンで縦長の画像が表示された際に、画像の縦横比(縮尺)がおかしくなってしまう点を修正しました。

▼今回の大きな機能追加:
🌸リンクをボタンクリックで記述できるようになりました。
任意のURLへのテキストリンク、指定の投稿番号へのリンク、外部画像を埋め込むリンク、YouTube動画の埋め込み、の各リンクを作るための記法を、ボタンクリックで入力できるようになりました。デフォルトでは投稿欄下部の「🔗」ボタンを押すと展開されます。設定を変更すれば、常時展開しておくことも、非表示にすることもできます。
▼使い方:
※リンクにしたい範囲を選択してからボタンを押して下さい。(「指定No.リンク」は、そのまま押せば番号リンクになり、範囲選択してから押せば任意の文字をリンクにできます。「画像埋込リンク」は、範囲選択してから押せば選択範囲が代替文字になります。「YouTube埋込」では選択範囲は何にも使いません。)
20200630150843-nishishi.png
▼設定箇所:
※管理画面の「設定」→「投稿欄の表示」→「リンクボタンの表示設定」で表示形態を選択できます。なお、「指定No.リンク」、「画像埋込リンク」、「YouTube埋込」の各ボタンは、それぞれの機能が無効に設定されている場合は表示されません。
▼注意点:
※「画像埋込リンク」や「YouTube埋込」機能では、指定されたURLが本当に画像か動画なのかは確認しません。
※「YouTube埋込」では、YouTubeドメインのURLが指定された場合にのみ動画として埋め込まれます。それ以外のURLを書いた場合は、「YouTube」というラベルのテキストリンクになるだけです。
※従来は「画像」ボタン側に含まれていた「画像埋込リンク」は、今バージョンから「🔗(リンク)」ボタン側に移動しました。(元々この機能は「リンクを画像として表示する機能」として実装されていたためです。)

🌸ページ番号リンクを「1・2・3……38・39・40」のように省略表示できるようになりました。
総ページ数が多い場合(13ページ以上の場合)に、ページ番号リンクの途中を「1・2・3……38・39・40」のように省略して短く表示できるようになりました。(ただし、標準設定では省略せずに全数を表示します。)
▼仕様・表示例:
※総ページ数が13ページ以上ある場合は、「最初の3ページ」+「現在ページを中心にした3ページ」+「最後の3ページ」の最小6ページ~最大9ページだけがリンクとして表示されます。
※省略に使われる記号「…」は、設定で自由に変更できます。
202006281959571-nishishi.png
▼設定方法:
※管理画面の「設定」→「ページの表示」→「ナビゲーションリンクの表示」内の『総ページ数が多い場合に途中のページ番号リンクを省略する』をONにすると有効になります。デフォルトではOFFです。
▼注意点:
※デフォルトでは全数表示に設定されています。
※総ページ数が12ページ以下の場合には、設定に関係なく全数を表示します。

🌸ユーザアイコンの表示サイズを管理画面上から変更できるようになりました。
ユーザアイコンの表示サイズは、従来は自力で(スキンに)CSSを加えないと変更できませんでしたが、管理画面から表示サイズを変更できるようになりました。また、表示サイズを指定せずに「画像の原寸」で表示することもできるようになりました。
▼設定箇所:
※管理画面の「設定」→「ページの表示」→「ユーザ情報の表示」の『ユーザアイコンの表示』区画でサイズと出力方法を選択できます。
20200628210629-nishishi.png
▼設定の選択肢と効果:
※「HTMLで出力」を選ぶと、スキン側でサイズが指定されていればスキン側のサイズが採用されます。
※「CSSで出力」を選ぶと、スキン側でサイズが指定されていても管理画面での設定サイズが優先採用されます。
※特に問題がなければ「HTMLで出力」を選択しておき、お使いのスキンでは設定が反映されないようなら「CSSで出力」に変更してみて下さい。
▼注意点:
※従来でもCSSを使って .usericon { width: 64px; height: 64px; } のようにサイズを指定すれば自由な表示サイズにできました。このようなCSSは、今回のバージョンでも有効ですから、スキンを修正する必要はありません。
※スキン側のCSSでアイコンのサイズが指定されている場合で、CSSに「!important」の記述が併用されている場合は、管理画面の設定からではサイズを上書きできません。その場合は、(管理画面上でどのように設定しても)スキン側の設定値が使われます。
※ピクセル(px)単位以外の方法でアイコンのサイズを指定したい場合は、(従来通り)自力でスキンにCSSをお書き下さい。

🌸投稿ボタンを [Ctrl]+[Enter]キーでも押せるようになりました。
投稿入力欄内にカーソルがあるとき、[Ctrl]+[Enter]キーを押すことでも投稿が可能になりました。いちいちマウスを使わずに済むため、素早く投稿できます。(このショートカットキーは無効にも設定できます。)
▼設定箇所:
※管理画面の「設定」→「投稿欄の表示」→「投稿コントロール枠内の設定」にある『ボタンを [Ctrl]+[Enter] キーでも押せるようにする』チェックボックスをONにするとショートカットキーが有効になります。(デフォルトでONです。)
▼注意点:
※投稿入力欄内にカーソルが入っている場合でのみ機能します。(装飾ボタンなどにフォーカスがある状態では機能しません。)
※JavaScriptが有効な場合でのみ使用可能です。
▼備考:
※この機能を使わなくても、(従来から)投稿入力欄内にカーソルがあるとき、[Tab]キー→[Enter]キーの順で押せば、キー操作だけで投稿はできます。この場合はJavaScriptは不要です。(ブラウザ側の仕様として、最初の[Tab]キーでフォーカスが投稿ボタンに移動し、次の[Enter]キーでボタンを押下できるためです。)

🌸投稿欄の高さを [Ctrl]+[↓]キーで拡張できるようになりました。
投稿入力欄内にカーソルがあるとき、[Ctrl]+[↓]キーでテキストエリアの高さを拡張できるようになりました。逆に、[Ctrl]+[↑]キーで縮小もできます。(このショートカットキーは無効にも設定できます。)
▼使い方:
※投稿入力欄内にカーソルがあるとき、[Ctrl]+[↓]キーを1回押せば、テキストエリアの高さが2倍になります。押す度に2倍になり、最大でブラウザ描画領域の高さまで広げられます。したがって、全画面で編集したければ[Ctrl]+[↓]キーを1~2秒程度押しっぱなしにすれば良いでしょう。
※投稿入力欄内にカーソルがあるとき、[Ctrl]+[↑]キーを1回押せば、テキストエリアの高さが半分になります。押す度に半分になり、最小で48pxまで小さくなります。
20200628195957-nishishi.png
▼設定箇所:
※管理画面の「設定」→「投稿欄の表示」→「投稿入力欄の表示と動作」の「入力欄の高さ(編集領域の表示行数)と動作」にある『入力欄の高さを [Ctrl]+[↓] キーで拡張できるようにする』チェックボックスをONにするとショートカットキーが有効になります。この項目で、[↓]キーと[↑]キーの両ショートカットが有効になります。
▼注意点:
※投稿入力欄内にカーソルが入っている場合でのみ機能します。(装飾ボタンなどにフォーカスがある状態では機能しません。)
※JavaScriptが有効な場合でのみ使用可能です。

🌸「 >>123 」と書くと投稿No.123へのリンクになる記法が使えるようになりました。
本文中に「 >>123 」と書くだけで投稿No.123の単独ページへのリンクになる記法が使えるようになりました。従来からある [>123] や [>123:ラベル] の記法も有効です。(設定でOFFにすることもできます。デフォルトではONです。)
▼書き方:
※この機能が有効なら、本文中にただ「 >>123 」と半角で書くだけで、その文字列全体がNo.123単独ページへのリンクになります。
※任意のラベルでテキストリンクを作りたい場合は、従来からある [>123:ラベル] の記法を使って下さい。
▼設定箇所:
※管理画面の「設定」→「ページの表示」→「投稿本文の表示/テキスト」内の『書式「>>123」形式でのリンク記法も許可』チェックボックスをONにすると使えるようになります。
▼注意点:
※この機能がONのとき、本文中に「 >>>123 」のように「 > 」記号を3つ以上連続して使ったり、「 -->>123 」などのように『「>>」+「半角数字」』が先頭以外の場所にラベルとして使われたテキストリンクを書いている場合には、出力されるリンクが正しくなくなる弊害があります。その際は、この機能を無効に設定してお使い下さい


▼今回のその他の機能追加:
🌺管理画面の配色(カラーテーマ)を選択できるようになりました。
管理画面の配色(カラーテーマ)を4種類の中から選んで使えるようになりました。てがろぐCGIを複数個設置する場合に、配色で分かりやすく区別したい場合などにご活用頂けます。(デフォルトの配色は従来と同じです。)
▼設定箇所:
※管理画面の「設定」→「システム設定」→「管理画面内の表示」内の『カラーテーマ』項目で変更できます。
20200628195957-nishishi.jpg
※一度カラーテーマを変更すれば、ログアウトしている状態で見えるログイン画面も、そのカラーテーマで表示されます。

🌺管理画面下部の「てがろぐHOMEに戻る」の文言などを変更できるようになりました。
管理画面の下部に表示される「てがろぐHOMEに戻る」の文言を変更したり、ギャラリーモードへのリンクを追加したりできるようになりました。
▼設定箇所:
※管理画面の「設定」→「システム設定」→「管理画面内の表示」内の「管理画面の最下部に表示される「戻る」リンク」区画で設定できます。
※「ギャラリーページに移動するリンク」は表示/非表示を選択できますが、「初期表示ページに移動するリンク」はリンクラベルを変更できるだけで非表示にはできません。

🌺他ユーザの投稿を編集できなくする機能制限を設定できるようになりました。
編集者権限(Lv.7)や管理者権限(Lv.9)のあるIDを使っていても、他のユーザの投稿を編集できなくする設定ができるようになりました。(デフォルトでは編集できる状態です。)
ユーザIDをカテゴリのような機能の代わりとして活用している場合に、他のユーザに名義を変更してしまう誤操作を防ぐ目的などにご活用頂けます。
▼設定箇所:
※管理画面の「設定」→「システム設定」→「機能制限」内の『管理者や編集者IDでも、他者の投稿の再編集を禁止する』チェックボックスをONにすると制限できます。
▼注意点:
※この機能がONだと、権限レベルに関係なく、他者の投稿は再編集できなくなります。ただし、削除は(権限に応じた範囲内で)可能です。


▼その他の細かな機能改善:
●管理画面に表示される各種の表を、小型モバイル端末でも見やすくなるようにしました。
※管理画面内に表示される「投稿一覧」・「画像一覧」・「バックアップ一覧」などの表組みを、スマートフォンなどの小型モバイル端末からでも(多少は)見やすくなるように改善しました。

●装飾やリンクボタンをキャンセルした際に、入力欄内にフォーカスが自動で戻るようにしました。
※JavaScript経由の入力を伴う装飾(色指定)系ボタンやリンク挿入系ボタンを押してから入力をキャンセルした場合でも、投稿入力欄内にフォーカスが自動で戻るように改良しました。選択範囲領域を維持したままの状態で戻れるため、ボタンを押し間違えた場合でも、手間なくやり直せるようになります。

●色名などの英数字が全角で入力されても、自動的に半角に変換するよう改良しました。
※ボタンクリックでの色名指定時に、英数字を全角で入力した場合でも、自動的に半角に変換して挿入されるように改良しました。日本語入力機能をいちいちOFFに切り替える手間を省けます。(※ただし、ボタンを使わずに自力で全角英数字を本文に書いて投稿した場合は、全角のままです。)

●該当投稿が1件もなかった場合には、その場で再カウントできるリンクを表示する仕様になりました。
※ハッシュタグ限定表示時や日付限定表示時に、該当する投稿が1件もなかった場合には、「表示できる投稿が1件も見つかりませんでした」というメッセージと同時に、投稿を再カウントしてキャッシュを更新するためのリンクを表示する仕様になりました。ログインユーザがそのリンクを押せば、再カウントされ、ハッシュタグや日付別件数のデータが更新されます。(ログインしていない場合は、ログイン画面を経てから再カウントされます。)

●認証情報(ログイン状態)を保持するCookieの取り扱いを、より安全な形態になるよう修正しました。
※ログイン状態を維持するためのCookieに、セキュリティを向上させる属性を付加するようになり、より安全に動作するようになりました。


#不具合修正
❎「続きを読む」ボタンの出力HTMLに、余計なid属性が含まれていた点を修正しました。(ページ内の全リンクを対象にして動作するスムーズスクロール系のスクリプトと合わせて使った場合に発生しそうな問題を予防できる気がします。)
❎YouTubeの埋め込み枠をモバイル端末で見たときに、動画の縮尺がおかしくなってしまうCSSを修正しました。(スキンのCSSを修正しましたので、スキンを上書きするか、スキンCSS内の「埋め込み動画」区画(.embeddedmovie)をコピーすれば問題を解消できます。)
❎ギャラリー用スキンで縦長の画像が表示された際に、画像の縦横比(縮尺)がおかしくなってしまう点を修正しました。(スキンskin-galleryに含まれるCSS「tegalog-gallery.css」を修正しました。)


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

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

:7338文字 修正

DASHBOARD

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

■最近の投稿:

■その他のご案内:

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

正式版:Ver 4.2.0
β版は適宜。)

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

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

編集

■日付検索:

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

18件

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

Powered by てがろぐ Ver 4.2.1.

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