てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

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

3.2.5をDLして、また飽きもせずにただただシンプルなスキンを作る。
リンクの色とか訪問済みとかカーソル置いた時とか押した時とか、色々色替えるのが大好きなんですが、今回はあんまり色々はせずにリンクとカーソル置いた時だけの2色にしました。これはこれでごちゃごちゃにならずにいい。
本文内のハッシュタグだけは特に目立つ色にするのが好き。
(167文字) No.2161 つぼやきつぼやき at by Icon of admin あどみ
JavaScriptを使ってリンク先URLを動的に編集する手もあります。(先程の続き)

🌽Re:2158◆補足ですが、複数のスキンを並行して利用しているなど、「適用中のスキン名を維持したリンクを出力する必要がある場合もある」なら、>>2159 で示したように『一時適用中のスキンを維持できるリンクを出力する』項目のチェックを外す方法だと困りますね。その際は、JavaScriptを使って動的にURLを書き換える方法があります。要はリンク先URLの中からスキンを指定している記述(例では skin=skin-twitter )を削除できれば良いのですから、HTMLソースの中で『SSIで埋め込んだ部分』よりも(重要)に以下のようなJavaScriptソースを書いておくと良いです。
<script>
var targets = document.querySelectorAll("a");
targets.forEach(function(oneTarget) {
      var oldHref = oneTarget.getAttribute('href');
      var newHref = oldHref.replace('skin=skin-twitter', '');
      oneTarget.setAttribute('href', newHref);
});
</script>

このJavaScriptが実行されると、ページ内のすべてのa要素にあるhref属性値の中から「skin=skin-twitter」の文字列が削除されます。その結果、スキン指定を無視してデフォルトスキンで表示されるリンクになります。スキン名の部分(赤色文字)は適宜書き換えて下さい。#🌱豆知識

🌽補足1:
なお、すべてのa要素を対象にするのはちょっと無駄な処理が多いのではないか? と思われる場合には、上記ソースの2行目を、以下のように「class名で対象を限定する記述」に書き換えると良いです。
●ハッシュタグリンクだけを対象にする場合:var targets = document.querySelectorAll(".taglink");
●指定No.へのリンクだけを対象にする場合:var targets = document.querySelectorAll(".postidlink");

🌽補足2:
もしくは、SSIで埋め込んでいる領域を例えば<div class="umekomi">~</div>で囲んでいるなら、この範囲に含まれるa要素だけを対象にするよう以下のように書く方法もあります。
var targets = document.querySelectorAll(".umekomi a");
この方がすべてのリンクを1行で対象にできて、分かりやすくて楽な気もします。

🍿蛇足:
補足というか蛇足ですが、もし「別のスキンを適用した状態」にリンクを書き換えたいなら、5行目のoldHref.replace('skin=skin-twitter', '');部分を、oldHref.replace('skin=skin-twitter', 'skin=skin-sakuratan');のように書き換えれば、skin-sakuratanが適用されたリンクに差し替わります。
(1414文字) No.2160 回答/返信 at by NO IMAGE にしし
朝食は食パン。

🍨Re:2158◆下図の黄色矢印部分のように、『一時適用中のスキンを維持できるリンクを出力する』のチェックを外すと、適用中のスキンを維持しないリンクが出力されるため、「埋め込み用のスキンが適用された状態のリンク」が出力されてしまうのを避けられます。同時に、『本文中のテキストリンクを絶対URI(フルパス)で出力する』にチェックを入れておくと、SSIで埋め込んでいるディレクトリの違いによってテキストリンクのリンクパスが正しくなくなるのを防げます。
20210519120831-admin.png
2019年にブログに書いた「てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法」の初版では現在の最新バージョンに存在する種々の対策方法についての説明が足りていなかったので、先日書き足しておきました。この記事の見出し「SSIを使って、てがろぐCGIが出力する最新の1件だけを埋め込む」以降を再度ご覧頂ければ幸いです。(注: >>2160 に続きます。)
SSIで埋め込んでいる領域で画像が正しく表示されない場合は、下図の水色矢印部分にもチェックを入れると良いです。
20210509194033-admin.png
#🌱豆知識

🍨Re:2157◆トウモロコシあったぁぁぁ!*・゜゚・*:.。..。.:*・'(*゚▽゚*)'・*:.。. .。.:*・゜゚・*🌽🌽🌽🌽🌽🌽
🍨Re:2156◆ありがたい限りです。ご活用頂いているところが見えると、開発のモチベーション維持に絶大な効果があります。(╹◡╹)

昼食は焼き飯。
(645文字) No.2159 回答/返信 at by NO IMAGE にしし
てがろぐ、便利に使わせてもらってます。ありがとうございます。
てがろぐでの投稿をSSIで埋めこんでいるんですが、投稿本文の内部リンク(ハッシュタグや指定No.リンク)のURLがtegalog.cgi?skin=skin-twitterというようにスキン名がくっついてくるので正しいURLにアクセスできません。今のところCSSでpointer-events:none;とすることでポインターイベントを無効にしてます。
スキンの仕様上難しいのかもしれませんが、正しいURLにリンクさせる方法があれば教えていただきたいです。
#質問
(264文字) No.2158 質問/要望 at by Icon of admin あどみ
トウモロコシをお届けします。
🌽🌽🌽🌽🌽🌽🌽🌽🌽🌽
(25文字) No.2157 つぼやきつぼやき at by Icon of admin あどみ
ツイッターで検索するとてがろぐユーザーさん結構いますね!
(28文字) No.2156 at by Icon of admin あどみ
トマトプリッツが美味い。🍅

🍅Re:2152◆ご要望をありがとうございます。もし大量の記事を外部から移してくる際には、データファイル(tegalog.xml)をテキストエディタで編集した方が楽かもしれません。1件1行のXMLで、投稿日時が先頭に記載される仕様になっていますので、テキストエディタに文字コード順でのソート機能があれば、日付順に並び替えるのも簡単です。もっとも、その場合は投稿番号を自力で割り振らねばなりませんが。何らかのインポート機能もそのうち実装したいとは思っています。また、手動入力された日付順でのソート機能もToDoリストには加えてあります。気長にお待ち頂ければ幸いです。

🍅Re:2153◆てがろぐ用のスキンは私も見たいです。ご活用報告を頂いて伺うと、かなり凝ったスキンを作っていらっしゃる方々がたくさんなのですけども、スキンそのものの配布もしている方には今のところ遭遇していません。(^_^;) 手打ちサイト用のテンプレートは、例えばFuwaimgを配布なさっているdoで配布されているテンプレートをお使いになっている方々をちょくちょく目撃します。

🍅Re:2154◆ご活用報告を下さる方々の中でもそこそこな割合で検索避け設定をされている方がいらっしゃるのですが、ユーザリンク集ができれば登録したいとおっしゃる方もいらっしゃるので、そのうち自己登録型のユーザリンク集を作ろうかと思ってはおります。今はまだ何も進んでいないのですけども。

とんがりコーンも美味い。
トウモロコシの絵文字はないのか……。ポップコーン🍿はあるけど。
(695文字) No.2155 回答/返信 at by NO IMAGE にしし
>>2153
昔は掲示板や日記CGIのスキンを配布してるサイトがたくさんありましたが、今は全部ブログ(WordPress)とSNSにもっていかれてほとんどないですからね…。本当なら一番参考になるんですが。
ブログのテンプレートは参考にはなりますが、やや難易度は上がりそうです。
一番はてがろぐを使ってるサイトを検索で探して、そちらを参考にするのが良さそうです。
(180文字) No.2154 at by Icon of admin あどみ
てがろぐに合う色々なスキンが見たい…
ここのは使える!というhtmテンプレートないかな…?
(45文字) No.2153 at by Icon of tomoyo ともよ
日付変更しての投稿テスト
過去記事をよそから移すときは、日付通りの順番になってくれると楽かも?
(47文字) No.2152 at by Icon of tomoyo ともよ
隠すテストさせてください
もふもふ
隠れてるかな?畳む

どうかな?
(31文字) No.2151 at by Icon of admin あどみ
てす

画すテストさせてください
もふもふ畳む
(21文字) No.2150 at by Icon of admin あどみ
お腹いっぱい。ぐふー。🍵

🍵Re:2146◆ご試用ありがとうございます。問題なく動作しているようで良かったです。
🍵Re:2148◆なるほど、これは面白い機能ですね! 実装が簡単な割に便利そうなので、ぜひ実装したいと思います。

食べ過ぎたつもりはなかったのだが、食べ過ぎたのか……。🍵🍵🍵
(155文字) No.2149 回答/返信 at by NO IMAGE にしし
tDiaryの長年日記みたいな機能があると、長く使う場合は便利かも。
#要望
(39文字) No.2148 質問/要望 at by Icon of admin あどみ
テストさせていただきます
#test
(18文字) No.2147 つぼやきつぼやき,テストテスト at by Icon of admin あどみ
β版配布ありがとうございます。画像拡大用スクリプト関連の修正助かります。問題なく動いてることを確認しました。
#感謝 #報告
ついでにスキンを新しく作ったのでした。最初にベースとなるスキンを作っておけばskin-onelog.htmlとtegalog.cssをいじるだけで結構変えられるので、最初に一から作ったときと比べたら楽でした。
(168文字) No.2146 つぼやきつぼやき at by Icon of admin あどみ
テスト
(3文字) No.2145 at by Icon of misaki みさき
テスト.
(4文字) No.2144 at by Icon of admin あどみ
開発進捗状況報告サイトで、てがろぐ Ver 3.2.5(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。

🍰複数月のカレンダーを同時に表示できる仕様を追加。(※)
🍰前後の月へ移動するリンクの出力機能を追加。
20210509160835-admin.png
🍰表示対象が1件も存在しない場合でも、パラメータに年と月の指定があるなら、指定年月のカレンダーを表示する仕様に変更。
🍰箱形カレンダーの各日を構成するセル(td要素)に、曜日を示すclass名(mon~sun)も出力する仕様を追加。
🍰Lightboxの代わりにFuwaimg等の「class属性値の設定」が必要なスクリプトを採用した際に、設定によってはスクリプトが挿入されない不具合を解消。
🍰画像拡大用スクリプト用のclass属性を、img要素ではなくa要素に対して出力するよう仕様修正。

※標準添付スキンでは、複数月のカレンダーを同時に表示するところがないので、表示例は私の個人サイト(のページ下部)でもご覧下さい。

詳しい記述方法等は、上記の開発進捗状況報告ページの記事をご覧下さい。今のところ、そこ以外に解説はありません。
(513文字) No.2143 アップデート✨ at by NO IMAGE にしし
fuwaimg指定時の問題を解消したり、複数月のカレンダーを挿入できたり、カレンダーでの前後月への移動リンクを出力可能にした Ver 3.2.5(未配布) の動作テスト。
(85文字) No.2142 at by NO IMAGE にしし
そろそろケーキ食べたい。🍰

🍰Re:2140◆直近で楽しみにしているのは、5日後に発売されるティアムーン帝国物語の最新刊(7巻)です。おもしろいです。挿絵がめちゃくちゃ激しくかわいいです。(*´ヮ`)
(162文字) No.2141 at by NO IMAGE にしし
にししさんも青薔薇姫のやりなおし革命記読んでた。私もGW期間中に一気読みしました。
(41文字) No.2140 つぼやきつぼやき at by Icon of admin あどみ
リンゴ味の飴を舐めております。

🍰Re:2137◆ご要望をどうもありがとうございます。開発放言を覗いている方がいらっしゃったことに驚きました。(笑) カレンダーの複数月表示機能はもう実装できましたので、次のバージョンでお使い頂けます。以前からご要望頂いていた「カレンダーの前後移動リンク出力機能」もついでに作る予定でいます。もうしばらくお待ち下さい。
🍰Re:2138◆実験をどうもありがとうございます。そういえば確かに、いま書くと日付境界バーが挿入し直されて 4月→5月→4月 になってしまいますね。月が変わってからまだ誰も投稿していない間だけのチャンスということで。(笑)◆元気玉のローカル風習がそういえばここにありましたね。検索すると1年以上途絶えていたようですが。(笑) ありがとうございます。

カレンダーの複数月表示ができるようになっても、デフォルトで2つ以上掲載するような標準添付スキンはなさそうな感じだな……。サンプルとして何か1つでもあると良いのだけど。
(446文字) No.2139 at by NO IMAGE にしし
>>2136
『存在しない日時での投稿も許可する』にチェックを入れておけば、4月31日という表記で投稿することは可能ではあります。(笑)

(-ω-`) やってみたら、記事番号は当然ながら5月の記事のNo. 2136より後になるので、5月の日付区切りの上に、もうひとつ別の4月区切りが出ると言う珍妙な見掛けになってしまい、ちょっとここでやるのはどうかなと思って諦めました(珍妙は嫌いじゃないけど他ユーザー連を戸惑わせるのはまずいと思って)。
でも確かに4/31が表示されました!('▽`*) 今日は4月32日!

マメ更新できっとお疲れのにししさんに、元気玉 ( ・_・)ノ((((((○
それからお供えのアメ玉。つ ◎ ○ ●
(315文字) No.2138 つぼやきつぼやき at by Icon of misaki みさき
開発放言の
カレンダーを単月ではなく複数月分表示させる機能が欲しい
私も欲しいです!
あんまり投稿しないので、カレンダーが1ヶ月だけだとほとんど丸がつかないので、2~3ヶ月くらい並べて表示したいです。
(100文字) No.2137 at by Icon of admin あどみ
設定で日付の自由入力ボタンを表示させた上で、『存在しない日時での投稿も許可する』にチェックを入れておけば、4月31日という表記で投稿することは可能ではあります。(笑) ただし曜日は表示されません。
(98文字) No.2136 at by Icon of tomoyo ともよ
Twitterで見る デモモードで動作しています。ここでは、作者であるnishishiアカウント以外のツイートの埋め込みはできません。テキストリンクとして掲載は可能ですが、ツイート主が拡散を希望していない可能性がある点にもご配慮下さい。
(1文字) No.2135 つぼやきつぼやき at by Icon of admin あどみ

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

>2133
先ほど質問した者です。
すみません、肝心のバージョンを書き忘れてしまいました。
このまま使って、バージョンアップを待ちたいと思います。
お忙しい中、回答ありがとうございました!
(94文字) No.2134 at by Icon of sakura さくら
ノンシュガー贅沢なゼロ フランス産発酵バターと北海道生クリーム キャラメルミルク味を舐めております。🍬

🍔Re:2131◆ご使用ありがとうございます。お使いのバージョンは、おそらく 3.2.0 ですね? ◆1つ目のアラートは、Ver 3.2.0以降で出るようになってしまったもので、Ver 3.2.3以降のβ版では解消しています(ので、次の正式版では出なくなります)。放置しても問題はありませんが、気になるようでしたら最新β版をご使用頂ければ幸いです。◆2つ目のアラートは、比較的新しいバージョンのPerlを使っているときに、複数のカテゴリを指定して投稿した場合等に出てきます。最新の書き方を採用すればこのアラートは避けられるのですが、やや古いサーバ環境でも動作可能なようにするために現状のままにしてあります。アラートの内容は「この書き方は脆弱性に繋がる可能性がある」というものですが、てがろぐCGIのソース内の当該箇所にある書き方なら大丈夫ですので、そのまま使って問題ありません。(この書き方が脆弱性に繋がるのは、このような(そこそこ横着な感じの)書き方をした場合なのですが、てがろぐCGIではそのような書き方はしていませんので大丈夫です。)どうしても気になるようでしたら、102行目にあるuse CGI;の直下に、$CGI::LIST_CONTEXT_WARN = 0;のように書いておくとアラートの記録を避けられます。◆というわけで、どちらにしてもそのままお使い下さって問題はありません。末永くご活用頂ければ幸いです。
(673文字) No.2133 回答/返信 at by NO IMAGE にしし
#TEST テストです
(11文字) No.2132 テストテスト at by Icon of sakura さくら

■複合検索:

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

■カレンダー:

2021年5月
1
2345678
9101112131415
16171819202122
23242526272829
3031

■最近の投稿:

■新着画像リスト:

全297個 (総容量 35.03MB)

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