お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。) RSSフィード

てがろぐ - Fumy Otegaru Memo Logger -

2025年11月11日(火) 07:31:28〔4日前〕 更新

( 5324

■フリースペース: 編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

■日付検索:

■全文検索:

or 管理画面へ

2022年10月 この範囲を時系列順で読む この範囲をファイルに出力する

回答/返信 〔119文字〕 編集

No.3141 by NO IMAGE にしし 〔3年以上前〕

🌰Re:3140◆残念ながら、今のところ欠番ができるのを回避する方法はありません。(下書き機能とは関係なく)全投稿を1から採番し直す機能の実装を計画はしていますので、それができれば欠番をなくすことはできます。気長にお待ち頂ければ幸いです。

〔107文字〕 編集

No.3140 by Icon of admin あどみ 〔3年以上前〕

回答ありがとうございます。
3137の方法、投稿番号を新たに採番した場合や新規に投稿した場合は欠番が出てしまうと思うのですが、それを回避する方法はありますか?🙋
可能であれば投稿番号に欠番がでないようにしたいです。

回答/返信 〔270文字〕 編集

No.3137 by NO IMAGE にしし 〔3年以上前〕

おなかすいた……。_(┐「ε:)_

🌰Re:3132◆できるだけ説明なくても直感だけで使えるようなツールを目指したいとは思っているのですけどもね。^^; 機能が増えてくると、なかなか難しいものですね。
🌰Re:3136◆下書きを本番公開するときに、投稿番号を新たに採番するには、公式ヘルプの「使い方:下書き状態を解除して公開する方法」にある図で、水色矢印の方を選択した上で、紫色矢印の部分にチェックを入れた状態(※デフォルトでチェックが入っていますが)で投稿して下さい。すると、最新投稿として先頭に投稿されます。

〔136文字〕 編集

No.3136 by Icon of admin あどみ 〔3年以上前〕

3128です。
あ〜!「日付の自由入力ボタン」を使えばよかったんですね。ただこのテクニックを使った場合でも、投稿番号は下書き作成時の番号で固定されるんですね。
もし検討後実装して頂けるのであれば、下書きは投稿番号の連番に含めないようなシステムだとありがたいかもしれません。

〔100文字〕 編集

No.3132 by Icon of admin あどみ 〔3年以上前〕

>>3131
3130です。うっ…完全に見落としてました…。早速クリップボード拡張アプリにコマンドを登録しました。直感的に使ってるとこういう見落としがあるから駄目ですね😂
説明書を読まずに使うタイプ…

回答/返信 〔783文字〕 編集

No.3131 by NO IMAGE にしし 〔3年以上前〕

ね……、む……、い……。_(┐「ε:)_

🌰Re:3128◆ご要望をありがとうございます。検討します。現状ではとりあえず「日付の自由入力ボタン」を表示させて、日付入力欄を空っぽにしてから投稿すると、投稿した瞬間の日時で投稿できますのでご活用頂ければ幸いです。

🌰Re:3129◆WYSIWYG編集(=見たままに編集できる機能)を実装しようとすると、読み込むファイル数も増えて重たくなる上に実装が大変だと思いますので、てがろぐでは(将来的にも)実装はしない考えでおります。ご期待に添えず申し訳ありませんが、軽さ第一で考えておりますのでご理解頂ければ幸いです。。既存のライブラリを読み込むことでもっと簡単に実装できる可能性もありますが、そうすると記法の仕様を修正しないといけないでしょうし、読み込むファイルが増えて重たくなる点には変わりないでしょうから。◆リスト機能は、もう間もなくβ版としてご提供できる予定です。

🌰Re:3130◆非公開、下げる、鍵付きでの絞り込み機能は既にありますので、公式ヘルプの「下書き、鍵付き、下げる投稿だけを探す検索コマンド」をご覧下さい。検索コマンドを使わなくても、「 draft 」や「 lock 」等とだけ検索してもヒットします(※検索コマンドを使わない場合は、余分な投稿も同時にヒットしてしまう可能性はありますが)。絞り込み検索窓に自力で入力しなくても、例えば「下書き」投稿のカテゴリID欄に表示されている「下書き」というリンクをクリックすることでも、下書き投稿の絞り込み検索ができます。(「下げる」や「鍵付き」も同様です。)ご活用頂ければ幸いです。

〔101文字〕 編集

No.3130 by Icon of admin あどみ 〔3年以上前〕

管理画面で投稿を固定、非公開、下げる、鍵付きなどの条件で絞り込みできたら便利かなと思います。#要望

>>3129
多分リストの投稿は私です…。どうしてもリストを使いたくて一気に作ったのを覚えてます😂

〔175文字〕 編集

No.3129 by Icon of admin あどみ 〔3年以上前〕

新規投稿ページが、Wordpressの投稿画面みたいに装飾をしたら再現されるビジュアルエディタみたいな仕様になってほしい……またはそういうソフトがほしい。

文字装飾のリストが実装されそうで今からワクワクしてます。
何か月か前に装飾でリストをお作りになられている画像が投稿されていたので自分も真似をしようとしたんですができなくて断念したんですよね……

〔62文字〕 編集

No.3128 by Icon of admin あどみ 〔3年以上前〕



下書きに関する要望なんですけど、下書き作成日ではなく、投稿日で表示されるようになると個人的に使いやすくて嬉しいです〜。

〔90文字〕 編集

No.3127 by NO IMAGE にしし 〔3年以上前〕

てがろぐを始めてくれ。(笑)
参考までにお知らせしますが、ここにリンクを書いても rel="nofollow" が自動付加される設定なのでSEO効果はありませんよ。😇 >>3126

〔1文字〕 編集

No.3125 by Icon of sakura さくら 〔3年以上前〕

〔1文字〕 編集

No.3124 by Icon of admin あどみ 〔3年以上前〕

Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。

〔346文字〕 編集

No.3123 by NO IMAGE にしし 〔3年以上前〕

明日こそは、ドーナツを買おうかな……?🍩🍩🍩

🍩Re:3121◆そこまで作成なさっていましたか。^^; ご活用ありがとうございます。(╹◡╹) 使い慣れた書き方を使うのが一番だと思います。
🍩Re:3122◆もしかしてどこかのページでてがろぐを使って下さっているのかな、と思ったんですけどもそうではなさそうですし、投稿テストなのか、無差別な宣伝なのか、イマイチ判断が付かないんですが、まあどちらの場合でも消して問題なさそうなので消しておきました。(^_^;;;

投稿テストはお気軽にどうぞ。ただの呟きもご自由にどうぞ。ただ、紛らわしくない感じでお願いします。(^_^;)
もちろんご要望投稿も歓迎致します~。
てがろぐを使って下さっているサイトの宣伝なら特に歓迎ですよ!

〔98文字〕 編集

No.3121 by Icon of admin あどみ 〔3年以上前〕

>>3119
3118です。仰る通り、ul、li、ol、dl、dt、ddに該当するclass名を作ってCSSでなんちゃってリストを作ってます💦
これはこれで慣れたのでそれなりに使い勝手がいいです😅

テストテスト 〔82文字〕 編集

No.3120 by Icon of sakura さくら 〔3年以上前〕

セントラルリーグ
  1. ヤクルト
  2. DeNA
  3. 阪神
  4. 読売
  5. 広島
  6. 中日

パシフィックリーグ
  1. オリックス
  2. ソフトバンク
  3. 西武
  4. 楽天
  5. ロッテ
  6. 日本ハム

回答/返信 〔297文字〕 編集

No.3119 by NO IMAGE にしし 〔3年以上前〕

🍩Re:3118◆自由装飾記法を駆使して下さってありがとうございます。新たに加えたリスト記法は、記述を簡単にするために「1行で1項目を作る」仕様になっています(No.3116の編集画面を見て頂くとお分かり頂けると思います)。これは記述量が少なくて済む反面、リスト1項目内に「改行を伴う複数行」を書くことはできません。なので、自由装飾記法を駆使して作成なさった記法も継続活用の余地はあると思います(おそらく「ul要素に相当するclass」と「li要素に相当するclass」等を個別に定義なさっているのですよね? その場合、書くのが大変な代わりに、中身の自由度は高いでしょうから)。

〔45文字〕 編集

No.3118 by Icon of admin あどみ 〔3年以上前〕

おお…リストが加わりましたか。
自由装飾記法でリスト表示するようにしてるからどうしよう💦

〔353文字〕 編集

No.3117 by NO IMAGE にしし 〔3年以上前〕

今日はちょっと暑いような……?
  • 箇条書きって「そう見えるように書けば済む」と考えていたので、ずっと専用記法は設けなかったのですけども、ul要素とかol要素とかでインデントされれば、それはそれで見やすいんですよね。特に、ウインドウの端で折り返された2行目以降にもインデントが影響する点が。
  • あと、HTMLのリストとして出力できれば、それ専用のCSSを用意しておくことで自由に装飾しやすいメリットもある気がします。
  • デフォルトではul要素を使う箇条書きリストになりますが、オプションでol要素を使う番号付きリストにしたり、dl要素を使う説明リストにしたりもできます。任意のclass名を指定することもできるので、事前に装飾を用意しておけばいろいろ活用の幅は広げられる(かもしれない)な……とは思います。

〔380文字〕 編集

No.3116 by Icon of admin あどみ 〔3年以上前〕

文字装飾に「リスト」が加わった Ver 3.8.3(未配布)の動作テスト。

▼普通の箇条書きリスト
  • チョコレート
  • ドーナツ
  • ショートケーキ

▼箇条書きリストの中に箇条書きリスト(何層でも可)
  • チョコレート
  • ドーナツ
    • ゴールデンチョコレート
    • チョコファッション
    • エンゼルフレンチ
  • ショートケーキ

▼先頭記号を指定した箇条書きリスト
  • チョコレート
  • ドーナツ
  • ショートケーキ

▼番号付きリスト(開始番号指定)
  1. チョコレート
  2. ドーナツ
  3. ショートケーキ

▼任意のclass名を付加した箇条書きリスト
  • チョコレート
  • ドーナツ
  • ショートケーキ

▼説明リスト(dl要素+奇数dt要素+偶数dd要素)
チョコレート
食べたい🍫🍫🍫
ドーナツ
食べたい🍩🍩🍩

〔397文字〕 編集

No.3115 by NO IMAGE にしし 〔3年以上前〕

ドーナツ食べたい……のだけど、4分の1くらいでいい。

🍩Re:3111&3114◆反応ありがとうございます。予約投稿機能も需要はあると分かってありがたいです。そう遠くないうちに実装する予定でいます。
🍩Re:3112◆β版のご試用をどうもありがとうございます。たしかに新着画像リストは、あるのとないのとではずいぶんリッチさが異なるなとは感じました。意図していませんでしたが意外な効果です。^^; ご活用頂ければ幸いです。
🍩Re:3113◆β版のご試用をどうもありがとうございます。Instagramの埋め込みはもっと大変だと思っていたんですが、よくよく調べるとTwitterとほぼ同じ感じで埋め込めることが分かったので実装できました。いつからこの仕様だったのか分かりませんが、昔からそうだったのならもっと早くに実装できていたハズでした。^^;;;

〔120文字〕 編集

No.3114 by Icon of misaki みさき 〔3年以上前〕

>>3099予約投稿機能ほしいです!
朝下書き保存して帰宅してから投稿しようと思ってもなかなか思った時間に間に合わなかったりするので実装していただけると助かります!
いろいろ快適な機能を考えてくださりありがとうございます!
#感謝 #要望

〔99文字〕 編集

No.3113 by Icon of admin あどみ 〔3年以上前〕

β版にアップデートしました。Instagramの埋め込み、とても嬉しいです!
画像関連の新機能は使う予定がありませんが、トップページでスライド表示できれば面白そうかなと思いました。
#報告 #感謝

〔145文字〕 編集

No.3112 by Icon of admin あどみ 〔3年以上前〕

>>3110 ベータ版の新機能、どれも素敵ですばらしいです!!

新着画像リストが出力されると一気にリッチな感じにできそうで、どうやって組み込もうかな~と悩んでおります。楽しいです。
また、ギャラリーサイト風の例の解説( >>3106 )も有難うございます。

参考にさせていただきます!!

〔59文字〕 編集

No.3111 by Icon of sakura さくら 〔3年以上前〕

>3099 予約投稿機能について
深夜帯に投稿してしまうことが多々あるので、実装していただけると嬉しく思います・・・!

アップデート✨ 〔420文字〕 編集

No.3110 by NO IMAGE にしし 〔3年以上前〕

開発進捗状況報告サイトで、てがろぐ Ver 3.8.2(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🆕 Ver 3.8.2βの更新点(概要):
《▼新機能・仕様改善》
インスタグラムの埋め込み機能。
新着画像リスト(最近に投稿された画像だけの一覧)の出力機能。
投稿本文内に含まれる画像をすべて抽出して表示できる記法 [[COMMENT:PICTS]] の追加。
●全文検索の強調表示では、半角英字の大文字小文字が一致しなくても強調対象になるよう仕様改善。

《▼不具合修正》
「skin=」パラメータでスキンが指定されているとき、投稿本文内のハッシュタグをすべて抜き出す記法 [[COMMENT:TAGS]] が動作しない不具合を解消。

詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。今のところそこ以外に解説はありません。

〔169文字〕 編集

No.3109 by NO IMAGE にしし 〔3年以上前〕

冷凍のたこ焼き(20個入り)を買ってきました。まだ食べてはいません。

🌰Re:3108◆いつの話だったかな……と思ったら、もう1ヶ月前だったんですね。ご活用頂ければ幸いです。他のユーザの方々にも便利にご活用頂けているようですので、てがろぐの便利さが向上して嬉しいです。(╹◡╹) ご要望をどうもありがとうございました!

〔155文字〕 編集

No.3108 by Icon of admin あどみ 〔3年以上前〕

>>3037 の者です。
Ver.3.8.1にて要望を実装して頂きありがとうございます。
こんなに早く実装されるとは思わなかったので嬉しいです!
上手く活用させていただきます。

新着画像リストも面白そうですね。
自分では全部の機能を使いこなせないのに続々と追加されていく機能に毎回わくわくしています。
#感謝

回答/返信 〔163文字〕 編集

No.3107 by NO IMAGE にしし 〔3年以上前〕

牛乳の消費期限チェックを忘れないように……!(>_<)

🌰Re:3104◆新機能がお役に立っているようで嬉しいです。(╹◡╹)
🌰Re:3105◆感想ありがとうございます。需要があると分かると開発モチベーションが維持しやすいのでありがたいです。順調にいけば、近日中にβ版として公開できそうな気がしています。

〔2290文字〕 編集

No.3106 by NO IMAGE にしし 〔3年以上前〕

てがろぐ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を書いておいて、
●投稿単独表示時では .forLinkListBoxdisplay:none; にし、
●それ以外の状況では .forIndividualdisplay: 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つです。

〔67文字〕 編集

No.3105 by Icon of admin あどみ 〔3年以上前〕

新着画像のサムネイルいいですね!
自分でこんな感じのやれないかな〜と考えたことありましたが、分からなかったので嬉しいです😆楽しみです。

■日付一覧:

■カレンダー:

2022年10月
1
2345678
9101112131415
16171819202122
23242526272829
3031

■最近の投稿:

■新着画像リスト:

全323個 (総容量 36.57MB)

■複合全文検索:

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

ランダムに1件を見る / ギャラリーモードで表示 / 画像一覧モードで表示 / サイトマップモードで表示 / 時系列順で表示する

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「ジャーナル(日誌)スキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル版スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る