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

てがろぐ - Fumy Otegaru Memo Logger -

2025年8月17日(日) 05:48:22〔52分前〕 更新

( 5188

■フリースペース: 編集

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

■日付検索:

■全文検索:

or 管理画面へ

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

〔45文字〕 編集

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

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

〔353文字〕 編集

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

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

〔380文字〕 編集

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

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

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

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

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

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

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

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

〔397文字〕 編集

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

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

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

〔120文字〕 編集

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

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

〔99文字〕 編集

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

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

〔145文字〕 編集

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

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

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

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

〔59文字〕 編集

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

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

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

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

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

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

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

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

〔169文字〕 編集

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

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

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

〔155文字〕 編集

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

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

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

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

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

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

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

〔2290文字〕 編集

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

てがろぐ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 あどみ 〔2年以上前〕

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

〔37文字〕 編集

No.3104 by Icon of admin あどみ 〔2年以上前〕

パスワード機能、実装してくださり嬉しいです!
いつもありがとうございます。

〔234文字〕 編集

No.3103 by NO IMAGE にしし 〔2年以上前〕

Twitterのメディア欄みたいな、新着画像リストが表示できるようになった Ver 3.8.2(未配布)の動作テスト。
まだ標準スキンしか作っていないので他のスキンでは見えませんが。 [[IMAGELIST]] と書くと、そこに投稿画像が指定個数だけ表示されます。画像をクリックすると、その画像が使われている投稿に移動できます。いくつ掲載されるかは設定で指定できますが、[[IMAGELIST:12]] のように書けば、スキン側で強制的に個数を指定することもできます。

〔12文字〕 編集

No.3102 by Icon of admin あどみ 〔2年以上前〕

画像投稿テスト📸

20221006182338-admin.jpg 20221006182344-admin.jpg 20221006182349-admin.jpg畳む

〔3文字〕 編集

No.3101 by Icon of admin あどみ 〔2年以上前〕

テスト

〔74文字〕 編集

No.3100 by NO IMAGE にしし 〔2年以上前〕

インスタグラムの埋め込みテスト
(Instagram埋め込み処理中...)Instagramで見る

インスタグラムを埋め込める Ver 3.8.2β はまだ配布していません。もうしばらくお待ち下さい。

〔139文字〕 編集

No.3099 by NO IMAGE にしし 〔2年以上前〕

コロッケパンも食べました。

公開日時を事前に指定しておく予約投稿機能って需要ありますかね……?
よくよく考えると、そんなに大規模な追記をしなくても実現できそうな気がしてきましたので、思いついたアルゴリズムに穴がなければ(^_^;)そう遠くないうちに実装できそうな気がします。

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

No.3098 by NO IMAGE にしし 〔2年以上前〕

久しぶりにカールを食べました驚きの製造工程が描いてあったんですけども……。

🌰Re:3095◆スキンの選択肢が増えるのはとてもありがたいので楽しみに待っています……!
🌰Re:3096◆しかも、そろそろ4日になるんですよね……。はやい。
🌰Re:3097◆そこまで需要があったんですね。^^; まったく気付いていませんでした。お役に立ったようで(かつ、正しく動作しているようで)嬉しいです。ご報告ありがとうございます。(╹◡╹)

〔194文字〕 編集

No.3097 by Icon of tomoyo ともよ 〔2年以上前〕

Ver.3.8.1リリースお疲れ様です!>>3037さんとは別人ですが、サイドコンテンツ各種でもギャラリーモード等を維持したリンクを出力する記法は私も欲しかったので嬉しいです。早速ギャラリーモード用スキンを書き換えて、正常に動作するのを確認出来ました。

てがろぐは「こうだったらいいのにな」と思っていることがどんどん実現していって、とても重宝しています。いつも更新ありがとうございます!

つぼやきつぼやき 〔27文字〕 編集

No.3096 by Icon of tomoyo ともよ 〔2年以上前〕

> もう10月……。
(∩゚д゚)アーアーキコエナーイ

〔1文字〕 編集

No.3095 by Icon of tomoyo ともよ 〔2年以上前〕

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

〔21文字〕 編集

No.3094 by NO IMAGE にしし 〔2年以上前〕

もう10月……。

画像投稿テスト。
20221006182318-admin.jpg 20221006182328-admin.jpg 20221006182334-admin.jpg畳む

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

No.3093 by NO IMAGE にしし 〔2年以上前〕

コロッケ食べました。コロッケの絵文字もないのか……。

🌰Re:3091◆早速のご試用をどうもありがとうございます! そういえば今回に追加した機能は、「続きを読む」ボタンのラベル都度設定記法(とニッチなAmazon URL短縮機能)を除くと、何らかのカスタマイズをする方々でないと使わない機能ばかりですね。^^;
🌰Re:3092◆最新版へのキャッチアップがたいへんありがたいです。標準添付(公式配布)スキンには選択肢が1つしかなかったギャラリーモードに、新たな選択肢が加わったのもありがたいです。🎉

〔1文字〕 編集

No.3092 by Icon of admin あどみ 〔2年以上前〕

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

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

〔58文字〕 編集

No.3091 by Icon of admin あどみ 〔2年以上前〕

β版配布お疲れ様です。早速アップデートしました。「続きを読む」記法については問題なく動作してます。
#感謝 #報告

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

No.3090 by NO IMAGE にしし 〔2年以上前〕

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

🆕 Ver 3.8.1βの更新点(概要):
《▼新機能・仕様改善》
「続きを読む」ボタンのラベルをその都度指定できる新記法 [H:ボタンラベル:~中身~] を追加。
サイドコンテンツ各種(例えばハッシュタグ一覧やカレンダー等)でも、ギャラリーモードやサイトマップページを維持したリンクを出力できる新記法を追加。 >>3037でご要望
各種ディレクトリのパス(PATH)を得られる新記法 [[PATH:CGIDIR]][[PATH:SKINDIR]] 等を追加。 >>3055でご要望
拡大画像をLightboxで表示できるテキストリンクを作る記法 [リンクラベル:LB] に、「画像リンクに独自のclass属性値を追加する」と同じclass属性値も追加されるよう仕様改善。 >>3077でご要望
●投稿本文中にAmazonのURLが書かれたとき、自動で極力短く加工する機能を追加(標準ではOFF)。
《▼不具合修正》
ハッシュタグに半角アンダーバー「_」を使うと、投稿欄下部の既存ハッシュタグ簡単入力用プルダウンメニューでは角括弧付きでリストアップされる不具合を修正。 >>3087
内側スキンで [[CATEGORYLINKS:FULL]] と書いても、カテゴリページへのURLがフルパスでは出力されない不具合を解消。

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

〔161文字〕 編集

No.3089 by Icon of admin あどみ 〔2年以上前〕

>>3055 の者です。

>>3086

にしし様、ROOTPATHの実装誠に有難うございます!
CGIのPATHも取得できるのと、IMAGEDIRもいろいろ便利になりますので、大変感謝です!!
HTMLとCSSだけで、プログラミングの知識はほとんどないのですが、スキンだけでいろいろ表示をいじれるのがとても楽しいです。

■日付一覧:

■カレンダー:

2022年10月
1
2345678
9101112131415
16171819202122
23242526272829
3031

■最近の投稿:

■新着画像リスト:

Perlのバージョンを上げる設定(さくらインターネット)

全321個 (総容量 36.37MB)

■複合全文検索:

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

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

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