🗐 てがろぐ - Fumy Otegaru Memo Logger -

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

or 管理画面へ

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

NO IMAGE
標準設定では、全文検索機能を使って検索した結果のページでは、「続きを読む」ボタンは無効になって、最初から全文が表示されるようになっています。でも、設定を変えれば検索時でも「続きを読む」ボタンを表示するようにもできます。

なお、ブログタイプスキンのように「投稿本文の一部分だけを抜き出して表示する」ような表示形態を採用しているスキンでは、「続きを読む」ボタンは表示されません。行単位で分割されてしまうと、続きの表示処理が煩雑になってしまうためです。そこは、仕様ということでよろしく……。(^_^;)
例えば、2行目以降を隠す設定になっているときに、スキン側で「3行目以降だけを表示する」みたいなことになっていると、開閉スクリプトを実行するためのマークアップが正しく入らなくなるので……。畳む
NO IMAGE
「続きを読む」ボタン表示機能を有効に設定している限り、区切り文字(=半角で < と > を連続して書く2文字)を書くと必ず続きを読むボタンに置き換わります。区切り文字は複数個書けば、それだけ「続きを読む」ボタンも増えます。畳むこんな風に2個目の区切り文字を書けば、2つ目の「続きを読む」ボタンになります。畳む2この辺の仕様は、Fumy News Clipperと同じです。畳む3
NO IMAGE
区切り文字を使うことで、「続きを読む」ボタンを表示できるようにした Ver 2.1.2 (未配布) の動作テスト。(※JavaScriptが無効な環境では最初から全文が表示されます。) #配布前テスト
こんな感じで「続きを読む」ボタンを表示させられます。
押すと続きが表示されます。その後に出てくる「畳む」ボタンは表示しない設定にもできます。
ボタン表面のラベルは設定画面から自由に変更できますよ。
畳む
Icon of admin
ぴよ子ぉ~~~~~~っ!
NO IMAGE
#既知の問題点 (Ver 2.1.0)
投稿画像には問答無用でLightbox用の属性が付加されます。設定に関係なく。
(投稿画像ではなく [IMG:*]ラベルを使って掲載する外部画像の場合は、設定画面でLightbox用属性を付けないよう設定した場合にはLightbox用属性が付かなくなります。)
この問題は、次のバージョンで直します。(そもそも投稿画像をリンクにしないオプションも加えます。)
Icon of admin
ここのTwitterスキンも雰囲気は似てますが、本当にTwitterの画面みたいに似せて使ってるサイトもありますよね!
Icon of admin
ツイッターっぽいスキン(ピンク)を使っている人をよく見かけます。
16進数指定、便利ですね。公開をお待ちしています!
NO IMAGE
テスト投稿はご自由にどうぞ。ご要望もお気軽にどうぞ。その他ただの呟きでもどうぞー。

🍰Re:944◆そうなんです。index.cgiにわざわざファイル名を変更なさっているケースをちらほら見かけていて、ちょっと気になっていました。.htaccessを使える必要はありますが、まあたいていのレンタルサーバなら使用可能でしょう。#🌱豆知識 /ユーザ名をカテゴリ扱いにする場合、カテゴリの名称をいつでも一括変更できるメリットはありそうです。/色指定はやはり16進数の方が楽ですよね!^^;

🍰Re:943◆RSSに関しては、RSSフィードを出力するスキンを用意することで、内蔵のRSS出力機能の代わりにできるような機能を計画しています。その場合、フィードに含める内容は自由自在に決められます。とりあえずはその機能のリリースをお待ち頂ければ幸いです。
Icon of admin
いままでtegalog.cgiをindex.cgiに変えて使ってたけど、この方法でファイル名変える必要なかったんですね。
配布ページのもし1人で使用する場合は、ユーザ名を「カテゴリ名」として扱うことで、カテゴリ別に情報を管理することもできるでしょう。という文に今更気づきました。
なるほどその手がありましたか!!

あと、何気なく背景色つけようとしたら本当に16進数で色指定できるようになってて驚きました。
アップデート楽しみにお待ちしています^^
Icon of sakura
画像ブログみたいな感じで使わせていただいているので、RSSにも画像が含まれてくれるとうれしいです。もし可能でしたらよろしくおねがいします。 #要望
Icon of admin
テストさせていただきます
NO IMAGE
「続きを読む」関連の設定は、たぶん、こんな感じになる予定。
20190516163551-tomoyo.png
(まだ実装はしていません)
NO IMAGE
あと、何かを入力しかけている状態で「他のIDに切り替える」リンクをクリックしたときには、「いま移動すると入力内容は消えてしまうよ」という案内を挟むようにしてみた。
NO IMAGE
16進数での色指定テスト #配布前テスト
色の英語名 mediumvioletred などを使わずに、16進数6文字で c71585 と書けば配色を指定できるようにした Ver 2.1.1(未公開)の動作テストです。(16進数でも#記号は不要。6文字限定。3文字では認識しません。)
やっぱり16進数で指定できる方が、HTMLに慣れている場合には直感的に色を指定できて便利ですね。palegreenよりも98fb98の方が分かりやすいという。(^_^;)
※16進数での指定時に # 記号を書いてしまうと、色指定ではなくハッシュタグとして認識されますのでご注意下さい。
NO IMAGE
日付の横に(横じゃなくても良いけど)「夏至」とか「海の日」とか「山の日」とか表示できる機能はどうか。より日記っぽくできそうな。現実に即す必要はないので、推しの誕生日を表示する用途にも使えるんじゃまいか。(笑)
NO IMAGE
最近ユーザさんが増えてきて嬉しい。
自作スキンを配布して下さるユーザさんが現れるのが次の目標かな。^^;

🍞Re:933◆ご活用をありがとうございます。お褒め頂き嬉しいです。記事の非公開機能も、やはり何やらそこそこ需要がありそうですね。例えば記事冒頭に [HIDE] と書いておけば非表示になる、みたいな仕様ならわりと簡単にいけそうな気もしています。(別途、公開状態を設定する項目をデータに用意しようと思うと、仕様の拡張が必要で大がかりになってしまいますが、「先頭に特殊な記載があるかどうか」みたいな判定なら複雑にはならずに済みそうな気もしています。)

🍞Re:934◆デザインセンスのある方々が、ずいぶん良い感じの独自スキンを製作なさっていて、私も驚くことがあります。配布して下さると良いのですけどもねー。(^_^;) というか、むしろ、うちのサイトで配布させて下さい、という感じなのも多数あるんですけども。^^;

🍞Re:935◆ご活用とご提案をありがとうございます。本文部分をインライン系の要素でマークアップしている場合も考慮しようと思うと、「続きを読む」自体もspanみたいなインライン系要素を使うしかないかな、という感じでおります。あと、(Fumy News Clipperと同様の仕様で)多段階に「続きを読む」を配置できるようにしますので、spanで実装しておくのが一番確実かな、という気がしています。とはいえ、details+summary要素の挙動はおもしろいですね。それはそれで何かに活用したいと思います。いずれにせよ、ご意見ありがとうございます!

🍞Re:936◆配布用のUP場所を公式に用意したらUPしてくれたりするでしょうかね……?(^_^;) そういう場があっても良いかな、と思わなくもないんですが。誰も公開してくれなかったら寂しいな……と思って何もしてないんですけども。(笑) ユーザリンク集的な空間を作っていないのも同じ理由で。(^_^;;;
Icon of admin
> かなりイイ感じに独自のスキンを作っている人がたくさんいる。
スクショで見せてくれないかなーと思ったりしてる。配布してもらえればもっと嬉しいけど・・・それはまあ、別の話で。
Icon of sakura
いつも使わせていただいてます。アプデが頻繁ですごいです。ありがとうございます。

「続きを読む」機能にはdetails summaryを使ってみるのもどうでしょうか。
これなら文字装飾機能追加程度で済むかなーと。
https://developer.mozilla.org/ja/docs/Web/HTML/Element...
<details><summary>続きを読む</summary>
続きをここに
</details>
IEとEdgeで動きませんが多分そのうち終了しますし(EdgeのChromiumエンジン化)、スマホのほうが優位ですし問題ないのかなーと。
(でも公式スキンによっては本文部分がspanみたいなのでおかしなことになるのかなって気もしてきました)
Icon of admin
かなりイイ感じに独自のスキンを作っている人がたくさんいる。配布してくれないかなあー
Icon of sakura
アップデートお疲れさまです。
早速最新版にバージョンアップさせていただきました。

創作サイトにて更新履歴兼作品リスト一覧に使用させていただいております。
ブログほどカッチリしておらず、フランクに使えて、なおかつタグ付けが可能なてがろぐは理想的でした。
デザインもかなり自由にカスタムできるので、質素な自サイトにもよく馴染んでくれています。
ありがとうございます。
#感想 #感謝

#要望 なのですが、下書き機能(記事ごとの非公開機能)があると嬉しいです。
ご検討よろしくお願い致します。
Icon of tomoyo
既存ユーザに影響のある仕様変更は極力したくないんだけども、「続きを読む」機能を動作させるためには、既存の「引用」のマークアップをblockquoteからqなどに変更する必要があるので(※隠される範囲にblockquoteが含まれていると文法的な問題で隠せなくなるため)、「引用」機能を使っている既存ユーザには、CSSに「 .decorationQ { display: block; } 」等の記述を加えてもらわないといけなくなる。(加えない場合、引用部分の表示が崩れる。) この点をどうするかなー。CGI側が強制的に補完CSSを出力するようにすると既存ユーザ側では何もすなくて済むようにはなるけど、そこをCSSでカスタマイズしたい場合には困ることになるし……。
NO IMAGE
ぴよこ~~ッ!🐤
そういえば名前はいつの間にぴよこで確定したのかな。(^_^;)

🎲Re:927◆ご活用をありがとうございます。また、ご要望もありがとうございます。たしかにリンク挿入ボタンも設けたいな、とは思っていました。(^_^;) とりあえず「続きを読む」ボタンの挿入機能のために新たに何かボタンを追加しないといけないとは思っていますので、リンク挿入系のボタンも実装方法を考えてみます~。

🎲Re:928◆いつの間にか結成されていた、ひよこ同好会……。(^_^;)
Icon of admin
> ぴよ子って何?
すっごく可愛いひよこのイラストが数回上がって、可愛いなーって(みんなで)思ってたんですが、どうやらひよこはにわとりに成長してしまったらしく、TLから消えてしまったのです。それをひよこ同好会会員たちが嘆いてる(成長は喜んで)と言う流れです。ぴよこーーーーーー!!!(もういい)
Icon of sakura
今更ですが、アップデートお疲れ様です!
機能追加で色々と使える幅が広がっていくからとてもありがたいです。
次の更新も楽しみにしています。
お菓子でもどぞ〜
(^o^)つ☕🥞🍩🥧🍤

#要望 なのですが、リンク、画像、YouTubeの挿入用ボタンが欲しいです。
ボタンを押すと入URLの入力画面(リンクの場合は表示するテキストの入力欄もあり)が表示されて、タグを挿入できるというイメージです。
タグの書き方わかるのですが、時々忘れて解説ページを見ながら書くことがあるので、タグ挿入ボタンがあるとありがたいです。
ついでに、画像投稿については過去に投稿した画像を使いたい時があるので、「投稿された画像を投稿」のようなリンクから管理画面が開いて、チェックを入れた画像を入れられるようになれば更に嬉しいです。

飴ちゃんもよろしければ
つ🍬🍬🍬🍬🍬🍬
Icon of admin
ぴよ子って何?(流行に気づかないタイプ)
NO IMAGE
ご要望も諸々歓迎です。お気軽にお知らせ下さい。(╹◡╹)ノ
ご活用状況もお知らせいただけると、さらにやる気がUPします。(笑)

🍘Re:924◆ご愛用下さっているとのこと、大変嬉しいです。機能は了解しました。リンクラベルに指定のキーワードがあった場合に、data-lightbox属性を付加するような方向で機能追加を考えます。たぶん、次回のバージョンアップ時に提供できると思います~。
Icon of sakura
#要望 No.920です。お返事ありがとうございます!是非追加していただけると嬉しいです。
個人的には後者のリンクラベルに追加することで属性が加わるものが欲しいです。別のJSを追加したりとかなりいじって使わせていただいているのですが、画像だけではなく普通のテキストリンクも貼ったりするので、すべてのリンクに属性が追加されるとサイトもその追加したJSで表示されちゃうかなと。お手数おかけしますが追加待ってます!めちゃくちゃ活用してて、閲覧者の方にも軽くて見やすいと言ってもらえてブログ書くの楽しくなったので大感謝です!
Icon of admin
ぴーよーこォォォォォ~!!(流行に乗り遅れるタイプ)

■フリースペース:

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

編集

■複合検索:

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

■新着画像リスト:

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

全318個 (総容量 36.17MB)

■日付一覧:

■日付検索:

■カレンダー:

2019年5月
1234
567891011
12131415161718
19202122232425
262728293031

■最近の投稿:

最終更新日時:
2025年6月19日(木) 12時43分18秒〔1時間前〕

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