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

てがろぐ - Fumy Otegaru Memo Logger -

2025年8月25日(月) 11:24:26〔11時間前〕 更新

■カテゴリ「カテゴリなし」の投稿[4012件](55ページ目) ( 4012

■フリースペース: 編集

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

■日付検索:

■全文検索:

or 管理画面へ

〔8文字〕 編集

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

testtest

〔136文字〕 編集

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

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

〔3文字〕 編集

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

テスト

〔100文字〕 編集

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

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

〔101文字〕 編集

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

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

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

〔175文字〕 編集

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

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

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

〔62文字〕 編集

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



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

〔90文字〕 編集

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

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

〔62文字〕 編集

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

〔1文字〕 編集

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

〔1文字〕 編集

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

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

〔346文字〕 編集

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

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

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

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

〔98文字〕 編集

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

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

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

〔169文字〕 編集

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

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

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

〔155文字〕 編集

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

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

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

〔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β はまだ配布していません。もうしばらくお待ち下さい。

■日付一覧:

■カレンダー:

2022年10月
1
2345678
9101112131415
16171819202122
23242526272829
3031

■最近の投稿:

■新着画像リスト:

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

全321個 (総容量 36.37MB)

■複合全文検索:

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

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

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