2022年10月 この範囲を時系列順で読む この範囲をファイルに出力する
開発進捗状況報告サイトで、てがろぐ Ver 3.8.3(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 3.8.3βの更新点(概要)：
《▼新機能・仕様改善》
●リストを表示するための専用記法。（箇条書きリストや番号付きリストが表示可能に）
●ページ番号の省略を始める総ページ数を自由に設定できる機能。
●ページ番号リンクの両端（先頭と末尾）に何ページずつ固定表示するかを変更できる機能。
●記法 [!-- 中身 --] で、任意の範囲をコメントアウトできる仕様。
●記述サンプルを自動入力するかどうかの設定項目を追加（リスト、文字色、背景色のサンプル自動入力のON/OFFをまとめて設定）
《▼不具合修正》
●鍵付き投稿に含まれる画像が、記法 [[COMMENT:PICTS]] で抽出されるかどうかを、設定項目『n枚目の画像を [[ONEPICT:n]] 記法等で表示する』の設定値に従うよう修正。
●内側スキンに記述できる [[PARMAURL]] キーワードのスペルを [[PERMAURL]] でも認識するよう改善。┌(:3」└)┐ （※両方使用可能）
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。
🆕 Ver 3.8.3βの更新点(概要)：
《▼新機能・仕様改善》
●リストを表示するための専用記法。（箇条書きリストや番号付きリストが表示可能に）
●ページ番号の省略を始める総ページ数を自由に設定できる機能。
●ページ番号リンクの両端（先頭と末尾）に何ページずつ固定表示するかを変更できる機能。
●記法 [!-- 中身 --] で、任意の範囲をコメントアウトできる仕様。
●記述サンプルを自動入力するかどうかの設定項目を追加（リスト、文字色、背景色のサンプル自動入力のON/OFFをまとめて設定）
《▼不具合修正》
●鍵付き投稿に含まれる画像が、記法 [[COMMENT:PICTS]] で抽出されるかどうかを、設定項目『n枚目の画像を [[ONEPICT:n]] 記法等で表示する』の設定値に従うよう修正。
●内側スキンに記述できる [[PARMAURL]] キーワードのスペルを [[PERMAURL]] でも認識するよう改善。┌(:3」└)┐ （※両方使用可能）
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。
🌰Re:3140◆残念ながら、今のところ欠番ができるのを回避する方法はありません。（下書き機能とは関係なく）全投稿を1から採番し直す機能の実装を計画はしていますので、それができれば欠番をなくすことはできます。気長にお待ち頂ければ幸いです。
回答ありがとうございます。
3137の方法、投稿番号を新たに採番した場合や新規に投稿した場合は欠番が出てしまうと思うのですが、それを回避する方法はありますか？🙋
可能であれば投稿番号に欠番がでないようにしたいです。
3137の方法、投稿番号を新たに採番した場合や新規に投稿した場合は欠番が出てしまうと思うのですが、それを回避する方法はありますか？🙋
可能であれば投稿番号に欠番がでないようにしたいです。
おなかすいた……。_(┐｢ε:)_
🌰Re:3132◆できるだけ説明なくても直感だけで使えるようなツールを目指したいとは思っているのですけどもね。^^; 機能が増えてくると、なかなか難しいものですね。
🌰Re:3136◆下書きを本番公開するときに、投稿番号を新たに採番するには、公式ヘルプの「使い方：下書き状態を解除して公開する方法」にある図で、水色矢印の方を選択した上で、紫色矢印の部分にチェックを入れた状態（※デフォルトでチェックが入っていますが）で投稿して下さい。すると、最新投稿として先頭に投稿されます。
🌰Re:3132◆できるだけ説明なくても直感だけで使えるようなツールを目指したいとは思っているのですけどもね。^^; 機能が増えてくると、なかなか難しいものですね。
🌰Re:3136◆下書きを本番公開するときに、投稿番号を新たに採番するには、公式ヘルプの「使い方：下書き状態を解除して公開する方法」にある図で、水色矢印の方を選択した上で、紫色矢印の部分にチェックを入れた状態（※デフォルトでチェックが入っていますが）で投稿して下さい。すると、最新投稿として先頭に投稿されます。
3128です。
あ〜！「日付の自由入力ボタン」を使えばよかったんですね。ただこのテクニックを使った場合でも、投稿番号は下書き作成時の番号で固定されるんですね。
もし検討後実装して頂けるのであれば、下書きは投稿番号の連番に含めないようなシステムだとありがたいかもしれません。
あ〜！「日付の自由入力ボタン」を使えばよかったんですね。ただこのテクニックを使った場合でも、投稿番号は下書き作成時の番号で固定されるんですね。
もし検討後実装して頂けるのであれば、下書きは投稿番号の連番に含めないようなシステムだとありがたいかもしれません。
ね……、む……、い……。_(┐｢ε:)_
🌰Re:3128◆ご要望をありがとうございます。検討します。現状ではとりあえず「日付の自由入力ボタン」を表示させて、日付入力欄を空っぽにしてから投稿すると、投稿した瞬間の日時で投稿できますのでご活用頂ければ幸いです。
🌰Re:3129◆WYSIWYG編集(＝見たままに編集できる機能)を実装しようとすると、読み込むファイル数も増えて重たくなる上に実装が大変だと思いますので、てがろぐでは（将来的にも）実装はしない考えでおります。ご期待に添えず申し訳ありませんが、軽さ第一で考えておりますのでご理解頂ければ幸いです。。既存のライブラリを読み込むことでもっと簡単に実装できる可能性もありますが、そうすると記法の仕様を修正しないといけないでしょうし、読み込むファイルが増えて重たくなる点には変わりないでしょうから。◆リスト機能は、もう間もなくβ版としてご提供できる予定です。
🌰Re:3130◆非公開、下げる、鍵付きでの絞り込み機能は既にありますので、公式ヘルプの「下書き、鍵付き、下げる投稿だけを探す検索コマンド」をご覧下さい。検索コマンドを使わなくても、「 draft 」や「 lock 」等とだけ検索してもヒットします（※検索コマンドを使わない場合は、余分な投稿も同時にヒットしてしまう可能性はありますが）。絞り込み検索窓に自力で入力しなくても、例えば「下書き」投稿のカテゴリID欄に表示されている「下書き」というリンクをクリックすることでも、下書き投稿の絞り込み検索ができます。（「下げる」や「鍵付き」も同様です。）ご活用頂ければ幸いです。
🌰Re:3128◆ご要望をありがとうございます。検討します。現状ではとりあえず「日付の自由入力ボタン」を表示させて、日付入力欄を空っぽにしてから投稿すると、投稿した瞬間の日時で投稿できますのでご活用頂ければ幸いです。
🌰Re:3129◆WYSIWYG編集(＝見たままに編集できる機能)を実装しようとすると、読み込むファイル数も増えて重たくなる上に実装が大変だと思いますので、てがろぐでは（将来的にも）実装はしない考えでおります。ご期待に添えず申し訳ありませんが、軽さ第一で考えておりますのでご理解頂ければ幸いです。。既存のライブラリを読み込むことでもっと簡単に実装できる可能性もありますが、そうすると記法の仕様を修正しないといけないでしょうし、読み込むファイルが増えて重たくなる点には変わりないでしょうから。◆リスト機能は、もう間もなくβ版としてご提供できる予定です。
🌰Re:3130◆非公開、下げる、鍵付きでの絞り込み機能は既にありますので、公式ヘルプの「下書き、鍵付き、下げる投稿だけを探す検索コマンド」をご覧下さい。検索コマンドを使わなくても、「 draft 」や「 lock 」等とだけ検索してもヒットします（※検索コマンドを使わない場合は、余分な投稿も同時にヒットしてしまう可能性はありますが）。絞り込み検索窓に自力で入力しなくても、例えば「下書き」投稿のカテゴリID欄に表示されている「下書き」というリンクをクリックすることでも、下書き投稿の絞り込み検索ができます。（「下げる」や「鍵付き」も同様です。）ご活用頂ければ幸いです。
新規投稿ページが、Wordpressの投稿画面みたいに装飾をしたら再現されるビジュアルエディタみたいな仕様になってほしい……またはそういうソフトがほしい。
文字装飾のリストが実装されそうで今からワクワクしてます。
何か月か前に装飾でリストをお作りになられている画像が投稿されていたので自分も真似をしようとしたんですができなくて断念したんですよね……
文字装飾のリストが実装されそうで今からワクワクしてます。
何か月か前に装飾でリストをお作りになられている画像が投稿されていたので自分も真似をしようとしたんですができなくて断念したんですよね……
草
下書きに関する要望なんですけど、下書き作成日ではなく、投稿日で表示されるようになると個人的に使いやすくて嬉しいです〜。
下書きに関する要望なんですけど、下書き作成日ではなく、投稿日で表示されるようになると個人的に使いやすくて嬉しいです〜。
てがろぐを始めてくれ。(笑)
参考までにお知らせしますが、ここにリンクを書いても rel="nofollow" が自動付加される設定なのでSEO効果はありませんよ。😇 >>3126
参考までにお知らせしますが、ここにリンクを書いても rel="nofollow" が自動付加される設定なのでSEO効果はありませんよ。😇 >>3126
（ツイート埋め込み処理中...）Twitterで見る
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
明日こそは、ドーナツを買おうかな……？🍩🍩🍩
🍩Re:3121◆そこまで作成なさっていましたか。^^; ご活用ありがとうございます。(╹◡╹) 使い慣れた書き方を使うのが一番だと思います。
🍩Re:3122◆もしかしてどこかのページでてがろぐを使って下さっているのかな、と思ったんですけどもそうではなさそうですし、投稿テストなのか、無差別な宣伝なのか、イマイチ判断が付かないんですが、まあどちらの場合でも消して問題なさそうなので消しておきました。(^_^;;;
投稿テストはお気軽にどうぞ。ただの呟きもご自由にどうぞ。ただ、紛らわしくない感じでお願いします。(^_^;)
もちろんご要望投稿も歓迎致します～。
てがろぐを使って下さっているサイトの宣伝なら特に歓迎ですよ！
🍩Re:3121◆そこまで作成なさっていましたか。^^; ご活用ありがとうございます。(╹◡╹) 使い慣れた書き方を使うのが一番だと思います。
🍩Re:3122◆もしかしてどこかのページでてがろぐを使って下さっているのかな、と思ったんですけどもそうではなさそうですし、投稿テストなのか、無差別な宣伝なのか、イマイチ判断が付かないんですが、まあどちらの場合でも消して問題なさそうなので消しておきました。(^_^;;;
投稿テストはお気軽にどうぞ。ただの呟きもご自由にどうぞ。ただ、紛らわしくない感じでお願いします。(^_^;)
もちろんご要望投稿も歓迎致します～。
てがろぐを使って下さっているサイトの宣伝なら特に歓迎ですよ！
セントラルリーグ
パシフィックリーグ
- ヤクルト
- DeNA
- 阪神
- 読売
- 広島
- 中日
パシフィックリーグ
- オリックス
- ソフトバンク
- 西武
- 楽天
- ロッテ
- 日本ハム
おお…リストが加わりましたか。
自由装飾記法でリスト表示するようにしてるからどうしよう💦
自由装飾記法でリスト表示するようにしてるからどうしよう💦
今日はちょっと暑いような……？
- 箇条書きって「そう見えるように書けば済む」と考えていたので、ずっと専用記法は設けなかったのですけども、ul要素とかol要素とかでインデントされれば、それはそれで見やすいんですよね。特に、ウインドウの端で折り返された2行目以降にもインデントが影響する点が。
- あと、HTMLのリストとして出力できれば、それ専用のCSSを用意しておくことで自由に装飾しやすいメリットもある気がします。
- デフォルトではul要素を使う箇条書きリストになりますが、オプションでol要素を使う番号付きリストにしたり、dl要素を使う説明リストにしたりもできます。任意のclass名を指定することもできるので、事前に装飾を用意しておけばいろいろ活用の幅は広げられる（かもしれない）な……とは思います。
文字装飾に「リスト」が加わった Ver 3.8.3(未配布)の動作テスト。
▼普通の箇条書きリスト
▼箇条書きリストの中に箇条書きリスト（何層でも可）
▼先頭記号を指定した箇条書きリスト
▼番号付きリスト（開始番号指定）
▼任意のclass名を付加した箇条書きリスト
▼説明リスト(dl要素＋奇数dt要素＋偶数dd要素)
▼普通の箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼箇条書きリストの中に箇条書きリスト（何層でも可）
- チョコレート
- ドーナツ
- ゴールデンチョコレート
- チョコファッション
- エンゼルフレンチ
- ショートケーキ
▼先頭記号を指定した箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼番号付きリスト（開始番号指定）
- チョコレート
- ドーナツ
- ショートケーキ
▼任意のclass名を付加した箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼説明リスト(dl要素＋奇数dt要素＋偶数dd要素)
- チョコレート
- 食べたい🍫🍫🍫
- ドーナツ
- 食べたい🍩🍩🍩
ドーナツ食べたい……のだけど、4分の1くらいでいい。
🍩Re:3111＆3114◆反応ありがとうございます。予約投稿機能も需要はあると分かってありがたいです。そう遠くないうちに実装する予定でいます。
🍩Re:3112◆β版のご試用をどうもありがとうございます。たしかに新着画像リストは、あるのとないのとではずいぶんリッチさが異なるなとは感じました。意図していませんでしたが意外な効果です。^^; ご活用頂ければ幸いです。
🍩Re:3113◆β版のご試用をどうもありがとうございます。Instagramの埋め込みはもっと大変だと思っていたんですが、よくよく調べるとTwitterとほぼ同じ感じで埋め込めることが分かったので実装できました。いつからこの仕様だったのか分かりませんが、昔からそうだったのならもっと早くに実装できていたハズでした。^^;;;
🍩Re:3111＆3114◆反応ありがとうございます。予約投稿機能も需要はあると分かってありがたいです。そう遠くないうちに実装する予定でいます。
🍩Re:3112◆β版のご試用をどうもありがとうございます。たしかに新着画像リストは、あるのとないのとではずいぶんリッチさが異なるなとは感じました。意図していませんでしたが意外な効果です。^^; ご活用頂ければ幸いです。
🍩Re:3113◆β版のご試用をどうもありがとうございます。Instagramの埋め込みはもっと大変だと思っていたんですが、よくよく調べるとTwitterとほぼ同じ感じで埋め込めることが分かったので実装できました。いつからこの仕様だったのか分かりませんが、昔からそうだったのならもっと早くに実装できていたハズでした。^^;;;
>3099 予約投稿機能について
深夜帯に投稿してしまうことが多々あるので、実装していただけると嬉しく思います・・・！
深夜帯に投稿してしまうことが多々あるので、実装していただけると嬉しく思います・・・！
開発進捗状況報告サイトで、てがろぐ Ver 3.8.2(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 3.8.2βの更新点(概要)：
《▼新機能・仕様改善》
●インスタグラムの埋め込み機能。
●新着画像リスト（最近に投稿された画像だけの一覧）の出力機能。
●投稿本文内に含まれる画像をすべて抽出して表示できる記法 [[COMMENT:PICTS]] の追加。
●全文検索の強調表示では、半角英字の大文字小文字が一致しなくても強調対象になるよう仕様改善。
《▼不具合修正》
●「skin=」パラメータでスキンが指定されているとき、投稿本文内のハッシュタグをすべて抜き出す記法 [[COMMENT:TAGS]] が動作しない不具合を解消。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。
🆕 Ver 3.8.2βの更新点(概要)：
《▼新機能・仕様改善》
●インスタグラムの埋め込み機能。
●新着画像リスト（最近に投稿された画像だけの一覧）の出力機能。
●投稿本文内に含まれる画像をすべて抽出して表示できる記法 [[COMMENT:PICTS]] の追加。
●全文検索の強調表示では、半角英字の大文字小文字が一致しなくても強調対象になるよう仕様改善。
《▼不具合修正》
●「skin=」パラメータでスキンが指定されているとき、投稿本文内のハッシュタグをすべて抜き出す記法 [[COMMENT:TAGS]] が動作しない不具合を解消。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。
てがろぐCGIでギャラリーサイトっぽい構造を作った際の実例：
🌰この名古屋のリフォーム会社の施工例ページが、てがろぐで生成されています。ギャラリーっぽい表示で、クリックすると個別ページに飛びます。これは特にギャラリーモードを活用しているわけではなく、「全投稿に必ず1枚以上の写真を掲載する」という前提で運営しているので、「画像ありき」のスキンを作って通常モードで使っています。（たとえ画像がなくても、サムネイル領域が空白になるだけで、表示が崩れることはありませんけども。）
🌰スキンが1つしかないのに「TOPではギャラリーっぽい表示」で「単独投稿ページでは全文表示」になっているのは、内側スキンskin-onelog.htmlを次のように書いているからです。
<!-- ▼TOPでのみ表示する部分 -->
<div class="oneWorkBox forLinkListBox">
<a href="[[PARMAURL:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="300" height="300" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</div>
<!-- ▼単独投稿表示時でのみ表示する部分 -->
<div class="oneWorkBox forIndividual">
<p class="workDate">[[DATE:Y.M.D]]</p>
<h3 class="workTitle"><a href="[[PARMAURL:FULL]]">[[COMMENT:TITLE]]</a></h3>
<p class="workMain">
[[COMMENT:BODY]]
</p>
</div>
このようにHTMLを書いておいて、
●投稿単独表示時では .forLinkListBox を display:none; にし、
●それ以外の状況では .forIndividual を display: none; に
しています。こうすると、1つのスキンだけでも「単独投稿表示時」と「それ以外」とでデザインを別々に用意できます。（よほど本文が長い場合には、無駄にHTMLソースが長くなる問題はありますが。）
畳む
🌰さらに、このリフォーム会社のHOMEページ冒頭では、投稿の最新10件をループスライダーで無限ループ表示させています。右から左へ向かって流れていく「施工例」の部分です。ここは、埋め込み用に作成したスキンを使って埋め込んでいます。クリックすると、投稿単独ページに飛びます。
🌰ここは、外側スキンを次のように書いて
<!-- ループスライダー -->
<div class="loopSlider">
<ul>
[[TEGALOG:10]]
</ul>
</div>
[[VERSION]]
（※VERSION部分は、ライセンスがあるので非表示になっています。）
畳む、内側スキンを以下のように書いて
<li>
<p class="loopBoxImage forLinkListBox">
<a href="[[PARMAURL:PURE:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="142" height="142" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</p>
</li>
（※ここでも「1枚目の画像」をbackground-imageで掲載しているのは、さっきと同じ理由です。）
畳むいるだけです。
使っているスキンは、メインのが1つと、ループスライダー埋め込み用のが1つの、計2つです。
🌰この名古屋のリフォーム会社の施工例ページが、てがろぐで生成されています。ギャラリーっぽい表示で、クリックすると個別ページに飛びます。これは特にギャラリーモードを活用しているわけではなく、「全投稿に必ず1枚以上の写真を掲載する」という前提で運営しているので、「画像ありき」のスキンを作って通常モードで使っています。（たとえ画像がなくても、サムネイル領域が空白になるだけで、表示が崩れることはありませんけども。）
🌰スキンが1つしかないのに「TOPではギャラリーっぽい表示」で「単独投稿ページでは全文表示」になっているのは、内側スキンskin-onelog.htmlを次のように書いているからです。
<!-- ▼TOPでのみ表示する部分 -->
<div class="oneWorkBox forLinkListBox">
<a href="[[PARMAURL:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="300" height="300" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</div>
<!-- ▼単独投稿表示時でのみ表示する部分 -->
<div class="oneWorkBox forIndividual">
<p class="workDate">[[DATE:Y.M.D]]</p>
<h3 class="workTitle"><a href="[[PARMAURL:FULL]]">[[COMMENT:TITLE]]</a></h3>
<p class="workMain">
[[COMMENT:BODY]]
</p>
</div>
このようにHTMLを書いておいて、
●投稿単独表示時では .forLinkListBox を display:none; にし、
●それ以外の状況では .forIndividual を display: none; に
しています。こうすると、1つのスキンだけでも「単独投稿表示時」と「それ以外」とでデザインを別々に用意できます。（よほど本文が長い場合には、無駄にHTMLソースが長くなる問題はありますが。）
※上記で、「投稿1枚目の画像」を background-image で表示しているのは、元の写真の縦横比に関係なく正方形に描画するためです。今ならそんな回りくどい方法を使わなくてもCSSで object-fit: cover; とか書けば良いのですが、このサイトでは（企業サイトなので）一応ふるーいブラウザ(IE11等)で閲覧された場合も考慮して、背景画像を駆使する方法を使っています。
畳む
🌰さらに、このリフォーム会社のHOMEページ冒頭では、投稿の最新10件をループスライダーで無限ループ表示させています。右から左へ向かって流れていく「施工例」の部分です。ここは、埋め込み用に作成したスキンを使って埋め込んでいます。クリックすると、投稿単独ページに飛びます。
🌰ここは、外側スキンを次のように書いて
<!-- ループスライダー -->
<div class="loopSlider">
<ul>
[[TEGALOG:10]]
</ul>
</div>
[[VERSION]]
（※VERSION部分は、ライセンスがあるので非表示になっています。）
畳む、内側スキンを以下のように書いて
<li>
<p class="loopBoxImage forLinkListBox">
<a href="[[PARMAURL:PURE:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="142" height="142" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</p>
</li>
（※ここでも「1枚目の画像」をbackground-imageで掲載しているのは、さっきと同じ理由です。）
畳むいるだけです。
使っているスキンは、メインのが1つと、ループスライダー埋め込み用のが1つの、計2つです。
