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

ギャラリー 262件]6ページ目)

てがろぐ - Fumy Otegaru Memo Logger -

or 管理画面へ

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

Icon of admin 付箋No.3311 (597文字) 編集 削除
ページナビのほうですが私はCSSでそのように表示してるのでご参考になれば幸いです
skin-cover.html
<div class="pagenavi">
   [[NAVI:PREVNEXT]]
   <p class="pagenums">[[NAVI:PAGELIST]]</p>
   <p class="pagehome">[[NAVI:TOPPAGE]]</p>
</div>

CSS
.pagenavi {
margin:1.5em 0px;
padding:.5em 0px;
text-align:center;
display:flex;
flex-direction:row;
width:100%;
justify-content:center;
}
.pagehome a, .prevlink, .nextlink {
margin:0 .7em;
padding:0 .7em;
}
.pagehome a {
display:inline-block;
height:100%;
}
.prevlink {order:1}
.linkseparator {display:none}
.nextlink {order:3}
.pagenums {order:2;}

上記は装飾部分のスタイルは省いてますが位置関係は画像のような感じになるかと思います。
20221204_pagenavi.png
Icon of admin 付箋No.3308 (1114文字) 編集 削除
β版配布お疲れ様です。
Ver 3.8.7にアップデートしました。
&#35;を簡単に引き出せるようになってとても使いやすくなりました。
いつも細かい修正や要望に対応してくださりありがとうございます。
#感謝

この機能を早速使用して気づいたのですが、「#」をリンク内テキストに入れると
[#文字]https:⁄⁄xxx~.com/
というように、うまくリンクが反映されませんでした。

それと、今回のβ版とは関係ない箇所ですが、折り畳み機能の中にもう一つ折り畳みタグを入れると正しく表示されませんでした。
状況の説明が少し長くなったので、畳みます

実際に以下書いてみた内容は以下の通りです。
全角文字が混ざってないか、入れ子が間違ってないかなど何度も確認しましたが、表記ミスがあったらすみません。
(1)ラベルを何もつけない
[H:折り畳み1階層目 [H:折り畳み2階層目]]

(2)ラベルを二つともつける(ラベルA・ラベルB)
[H:ラベルA:折り畳み1階層目[H:ラベルB:折り畳み2階層目]]

(3)最初だけラベルをつける(ラベルA)
[H:ラベルA:折り畳み1階層目[H:折り畳み2階層目]]

(4)2階層目だけラベルをつける(ラベルB)
[H:折り畳み1階層目[H:ラベルB:折り畳み2階層目]]



 投稿した結果 
▽ラベルの表示
hide01.png
(1)(4)1階層目の内容がラベルに表示され、2階層目のタグが反映されません。
(2)「ラベルA」ではなく、「続きを読む(標準ラベル)」の表示になります。
(3)正常に「ラベルA」と表示されます。

▽1階層目のラベルを展開
hide02.png
(1)2階層目の内容だけ表示されます。
(2)テキストの前に「ラベルA:」のテキストが入ります。「ラベルB」は正常に表示されます。
(3)正常に「続きを読む(標準ラベル)」が表示されます。
(4)テキストの前に「ラベルB:」のテキストが入ります。2階層目の内容のみ表示されます。

▽2階層目のラベルを展開
hide03.png
(2)(3)2階層目の内容は正常に表示されます。

ということで、折り畳みを入れ子にした場合、(3)の1階層目だけラベルを付けた場合のみ、正常に表示されました。

hide04.png
2階層目のタグの前に改行を入れてみたところ、(1)(3)(4)は正常に見れましたが、(2)は改行入れなかったときと同じような状態で表示されました。畳む


色々ややこしくて上手く説明できてるかわかりませんが、正常に表示できるようにしていただければと思います。
大変お手数おかけしますが、よろしくお願いいたします。

#報告
NO IMAGE 付箋No.3289 (715文字) 編集 削除
ね🍩、む🍫、い🍰……。_(┐「ε:)_

🧀Re:3286さんごよみのご活用をどうもありがとうございます! さんごよみの活用報告は滅多に頂けないので、とても嬉しいです。(╹◡╹) バージョンアップもありがとうございます。最新版を使って頂けるのもとても嬉しいです。(前回のバージョンアップは大した機能UPではありませんでしたけども。^^;)

🧀Re:3287◆さんごよみの方には、下図左側のように「頻繁に入力する可能性のある定型句」を管理画面で登録しておくことで、下図右側のようなプルダウンメニューが投稿欄に現れて簡単に入力できる機能があります。これと同じ機能を、てがろぐ側にも実装するとご要望に添いますでしょうかね……? class名に限らず何でも入力できますから、[F:text-red: ] みたいな記法をそのまま登録してしまえば良いのではないかと思います。(ただ、説明文は登録できませんが。区切り文字「<⁠>」を書いた後は行末まで説明文と見なして挿入しない、みたいな機能があれば良いのかもしれませんけども。)
20221127223533-nishishi.png
※ちなみにですが、現状でどうにかする方法としては、IME(日本語変換機能)に単語登録してしまう手はありそうな気がします。

🧀Re:3288◆うまくいったようで良かったです。自分でJavaScript例を紹介しておきながらこう言うのもどうかとは思うのですが、CSSで実現可能ならCSSを採用しておく方が良い気がします。今の時代はJavaScriptが動作しない閲覧環境はまずないと考えて良いでしょうけども、無駄に処理を加えなくて済むならそうするに越したことはないでしょうし。
NO IMAGE 付箋No.3273 (553文字) 編集 削除
先月から実施中の「てがろぐユーザアンケート」について、今月10日に回答数67件の時点で一旦集計してブログ記事で紹介しました。
その『稼働サーバ』集計のアップデート版を掲載します。回答総数は78件(※レンタルサーバ名の記述がない回答を除く)です。
20221124215946-nishishi.png
ご協力下さった方々、どうもありがとうございます。これらのデータを元に、昨日レンタルサーバ別のセットアップ方法各ページを公式サイトに加えました。
アンケート自体は今後も継続して受け付けております。)

各レンタルサーバの内訳は以下の通りでした。
  • さくらインターネット:ライト11、スタンダード7
  • リトルサーバー:ミニ5、ワード4、リトル2、ビッグ1、不明1
  • ロリポップ:エコノミー3、ライト8、ハイスピード1
  • スターサーバー:フリー4、エコノミー2、ライト1、ハイスピード2
  • XREA:全員Free
  • mixhost:スタンダード2、プレミアム1
  • Just-Size.Networks:サブドメイン2、エコノミー1
ほかは、契約プランが1種類だけか、回答者が1人だけか、プランの記載がなかったかです。

ブログ記事中で紹介した集計結果から減っているのがあります(ロリポップとスターサーバーが1ずつ減っています)が、集計がミスっていたようです。^^;

NO IMAGE 付箋No.3266 (129文字) 編集 削除
てがろぐ設置方法の解説ページを拡充して、レンタルサーバ別のセットアップ方法(15件)を加えました。これからセットアップされる方は参考にして下さい。
https://www.nishishi.com/cgi/tegalog/setup/#howtoset
20221123235726-nishishi.png
Icon of admin 付箋No.3254 (241文字) 編集 削除
いつの間にかTwitterで「てがろぐ」と検索すると結構ツイートが引っかかるようになってますね。ほぼ創作サイトなのは時代の流れか…(創作全くしないマン)
昔から定期的にTwitterからの移住先が話題になりますが、にししさんも仰ってるように全員同じサイトに移住するのでない限り、Twitterから動かない人が多そう。
>>3253
最近は2画面のスマホが一般的になり、昔に比べて画面が大きくなったことでマルチタスクがより一般的になってきました。
パソコンと同じで使い方次第ですね。
774.jpg
NO IMAGE 付箋No.3241 (1198文字) 編集 削除
返信が遅くなってすみません。昨日は脳がうまく回転していなかったので。_(┐「ε:)_

🍵Re:3235◆それは良いアイデアですね! 採用します!
🍵Re:3236◆ご確認をありがとうございました。なるほと、ディレクトリが1つ足りませんでしたか。参考までにお尋ねしたいのですけども、もしかしてその足りないディレクトリというのは、「特定のドメイン用のディレクトリのHOME」を表すディレクトリでしょうか? 例えば、/home/username/www がレンタルサーバ初期ドメインのHOMEとしてアクセスできるディレクトリで、/home/username/www/example.com が独自ドメイン example.com のHOMEとしてアクセスできるディレクトリ……というような。その /example.com ディレクトリが抜けていた、とかそういう現象ですかね?(だとすると、環境変数からドキュメントルートを取得する方法ではバーチャルドメイン環境では使えないことになるので、何か別の対策が必要ですね……。) なお、実践して下さったように、「ドキュメントルートの位置」項目の値を「固定」に切り替えて、足りないディレクトリ名を補って使って頂く方法で問題ありません。今後もその方法でご使用下さい。

🍵Re:3237◆私も待っています。(笑)
🍵Re:3238◆参考までに教えて頂きたいのですが、てがろぐのバージョンと、Perlのバージョンは何でしょうか? そのアラートは「この書き方は脆弱性に繋がる可能性がある」と警告するものですが、てがろぐのソースでは大丈夫ですので無視して頂いて問題ないのですけども(※新しい書き方をすれば回避できるのですが、古い環境でも実行できるようにするために、あえてこの書き方を使っています)、たしかに投稿のたびにアラートが記録されるのはあまり気持ちよくはないですね(たぶん複数のカテゴリを指定して投稿した場合等に記録されるのだと思いますが)。tegalog.cgiの91行目付近に use CGI; という行がありますが、この直後に $CGI::LIST_CONTEXT_WARN = 0; という1行を追記しておくとそのアラートは出なくなります。次のバージョンからはデフォルトで書き加えておくか何か考えます。なお、さくらインターネットでPerlのバージョンを知るには、下図の場所(スクリプト設定→言語バージョン設定)をご参照下さい。
20221117132651-nishishi.png

🍵Re:3240◆ご要望をどうもありがとうございます。そういえば、記事一覧画面では全部のチェックボックスに一気にチェックを入れたり外したりする機能がありませんでしたね(画像管理画面にはあるのですが)。次のバージョンで加えておきます。
Icon of tomoyo 付箋No.3236 (330文字) 編集 削除
>>3233
3231です。
お返事ありがとうございます!
ドキュメントルートの位置は「環境変数から自動取得で設定」でした。
固定欄に入っている文字列の「/home/ユーザー名/www」+[PICT:スラッシュからの絶対パス~]ですとひとつディレクトリが抜けている状態でした。
これを固定に設定し、「/home/ユーザー名/www/抜けていたディレクトリ名」を固定欄に入れたところ、3.8.6βで表示されるようになりました!
サムネイルの画像は使っておらず、オリジナル画像だけです。今までの画像が全部エラーになってしまっていたので、全部修正する必要があるのかと思い3.8.4に落としたところでした。
表示されて安心しました、ありがとうございます。今後、現在設定した状態で使っていけば大丈夫でしょうか。
Icon of tomoyo 付箋No.3231 (199文字) 編集 削除
アップデートお疲れ様です!いつもありがとうございます。
#報告 です。3.8.6βにアップデートしたところ、[PICT:スラッシュからの絶対パス~]で表示している画像が「ファイル …は見つかりませんでした。スラッシュで始まる絶対パスは、ドキュメントルートからの絶対パスだと解釈される点にご注意下さい。」という表示になりました。アップデートする直前まで使っていた3.8.4に戻したところ表示されましたので、今のところは3.8.4を使います。
NO IMAGE 付箋No.3204 (339文字) 編集 削除
もしサムネイル画像がアップロードされていたら、最初はサムネイル画像の方を表示しておいて、クリックされたらLightboxではオリジナル画像を見せる機能を実装した Ver 3.8.5β(未配布)の動作テスト。
サムネイル表示テスト縦長 サムネイル表示テスト1
※注:てがろぐ側でサムネイル画像が自動生成できるわけではありません。FTP等の手段を使って、オリジナル画像の他にサムネイル画像を自力でアップロードした場合に限って使える機能です。
※画像のアップロード先は、必ずしもてがろぐの画像保存用ディレクトリでなく他のディレクトリでも構いません。
※サムネイル画像は、てがろぐ内蔵機能を使ってはアップロードできません。少なくとも今のところは。(なので、FTP等の別手段で画像をUPしている方々のみに向けた機能です。今のところ。)
NO IMAGE 付箋No.3176 (280文字) 編集 削除
投稿されたのがどれくらい前なのかを表示できるようにした Ver 3.8.4(未配布)の動作テスト。とりあえず、動作テストとして(標準スキンでは)日付の横に「40秒前」とか「3分前」とか「12時間前」とか「50日前」とか表示されていると思います。実際の配布パッケージには、サイトマップページ用スキンと、チャットタイプスキンくらいだけに加えて、あとは加えない(=加えたければ各自でスキンをカスタマイズして頂く)感じにするかな……となんとなく思っています。あまりにも日付欄が盛ってあると見づらくなるかなと思いまして。いや、どうするかまだ決めてはいないのですけども。
20221027001737-nishishi.png
Icon of admin 付箋No.3157 (1251文字) 編集 削除
🍛Re:3153 お世話になっております!3152,3149,3147です。
たくさんのアドバイスを賜り、恐縮であります。リンクも掲載してくださり、感謝しております…!

💬改行コードについて
対処法について、詳しく記載してくださり、ありがとうございます!

WEB上でいじっていたtegalog.cgiファイルを、ダウンロードし、Maryで確認してみました。
(WitchServerさんでご紹介されていて、5年以上文章を書くために愛用しているので嬉しく感じました♥)

📎Maryの画面
22_20h50_12.png
ダウンロードしたファイルは、サーバー上での操作を行った上で、上記の画像の通りでした。

CGIのURLも掲載いたします。
https://mashiro.mixh.jp/tgtest/tegalog.cgi

💬1行目について
試したら、こうなりました。
箇条書きで失礼いたします。

#! /usr/bin/perl --

500エラー

#!!/usr/bin/perlml

普段のグーグルクロームのIDはもちろんですが、ゲストモードで閲覧しても
lscgid: execve():/home/onyxegpm/public_html/tgtest/tegalog.cgi: No such file or directory

といった表示になりました。(クリックしたら見えるため、ぼかさずそのまま掲載しております)

💬.htaccessについて
メインで使っているURLでは、
.htaccessで検索避けやロボットを遮断しています。

上から順番に組み合わせコピペをし、同ディレクトリ内に入れてます。
参考にしたページ:

アドレス欄は、てがろぐのURL(https://mashiro.mixh.jp/tgtest/tegalog.cgi)こちらのとおりに、見えておりますね。

💬他のCGIは動作していますか?
CGIはてがろぐ以外使用しておりません。
ご教示いただきました、下記のファイルをアップロードしてみました。
#! /usr/bin/perl
print "Content-type: text/html \n\n";
print "Hello World!";


作成いたしました、ファイルですm(__)m
▶ https://mashiro.mixh.jp/tgtest/test.cgi

1行目
#! /usr/bin/perl
 ↓
#! /usr/bin/env perl


こちらに変えても動きました。

22_22h36_03.png
保存は対処法について教えて下さいました通りに、アップロードしております。

大変お手数をおかけしております。
何卒よろしくお願い申し上げます。
Icon of admin 付箋No.3102 (12文字) 編集 削除
画像投稿テスト📸

20221006182338-admin.jpg 20221006182344-admin.jpg 20221006182349-admin.jpg畳む
NO IMAGE 付箋No.3094 (21文字) 編集 削除
もう10月……。

画像投稿テスト。
20221006182318-admin.jpg 20221006182328-admin.jpg 20221006182334-admin.jpg畳む
NO IMAGE 付箋No.3047 (147文字) 編集 削除
Ver 3.7.6βでは、鍵付き投稿でも1行目だけは表示される設定もできるようになりました。>>3038 デフォルトではOFFなので下図左側のように見えます。1行目だけは表示されるように設定すると下図右側のように見えます。
20220908204701-nishishi.png

第2試験場では、1行目だけは表示されるように設定してみました。
Icon of admin 付箋No.3043 (4文字) 編集 削除
NO IMAGE 付箋No.3018 (332文字) 編集 削除
投稿を見るには鍵を入力:
Icon of admin 付箋No.3012 (34文字) 編集 削除
web検索より 見つけました
投稿テストです
素晴らしいソフトです
IMG_0171.jpg
Icon of admin 付箋No.2849 (0文字) 編集 削除
画像保存用ディレクトリ内に、ファイル data.png は見つかりませんでした。
Icon of admin 付箋No.2845 (90文字) 編集 削除
>>2844
にししさんじゃないですが、今のところタグは使えないですよ。代わりに装飾記法があります。自由装飾記法もあるので、記法は自由自在に追加できます。
【自由装飾記法の例】
111337_Fennec.jpg
111409_Fennec.jpg
Icon of admin 付箋No.2828 (211文字) 編集 削除
にしし様
はじめまして。お世話になっております。
ゲームの進捗を手軽に公開できる良いcgiを、大好きな創作者様経由で知り、「てがろぐ」を使わせていただいております者です。

動画の進捗なども貼ってみたく、試しに貼ってみたのですがこのような形に…。
無理やり動画をアップロードしてしまってるのもあると思うのですが、
動画のアップロード▶動画URLを埋め込みできるなど、対応して頂けたらすごく嬉しいです…!

#感謝 #要望
03_16h46_40.png
Icon of sakura 付箋No.2801 (201文字) 編集 削除
>>2800
2798です。教えて下さってありがとうございます!Photoshop Elements持ってるのに使ってなかった機能😲
Elements2019だとラスタライズしなくても「プラスチック」などのスタイル適用ができました。
こういう矢印をスクショに使う時は、他の部分に重なるのを恐れずにどーんと巨大にした方がわかりやすいものなんだなと、にししさんのTIPS記事を読んであらためて思いました。
eleme.png
NO IMAGE 付箋No.2800 (290文字) 編集 削除
お腹が減った……。_(┐「ε:)_

🍵Re:2797◆ああ、たしかに、こんな感じっぽいです。なるほど、そういう車が販売されているんですね。あえて阪急電車っぽく塗ったわけではなく。(笑)
🍵Re:2798◆Photoshop Elementsのカスタムシェイプで矢印を作って、ラスタライズした後に、「レイヤースタイル」→「プラスチック」で色を選ぶとこんな感じの矢印になってくれますので、大きさや向きを調整して使っています~。
20220417000640-nishishi.png
🍵Re:2799◆うまくいったようで良かったです。(╹◡╹)

夜中なので飴を舐めるに留めておこう……。(´・ω・`)
Icon of tomoyo 付箋No.2798 (186文字) 編集 削除
スクリーンショットを随所に挿入して解説する文章を書いているといつも思うのですが、にししさんの解説記事でよく登場する色つきガラスみたいな質感の巨大な矢印がとてもわかりやすくて良いですね。これはにししさんがPhotoshop等で半透明の矢印を作ってスクショに貼り付けてらっしゃるのでしょうか?それともこういう矢印を画像内に簡単に貼り付けられるソフトなどがあるのでしょうか?
20220326001058-nishishi.png
202107292301371-nishishi.png

■フリースペース:

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

編集

■全文検索:

複合検索窓に切り替える

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

■カテゴリ:

■ハッシュタグ:

■日付一覧:

■カレンダー:

2022年12月
123
45678910
11121314151617
18192021222324
25262728293031

■日付検索:

■最近の投稿:

■新着画像リスト:

挿入される画像表示記法の選択タイムスタンプを維持する設定(FFFTP)投稿や編集直後の動作(移動先)投稿結果のステータス画面

全333個 (総容量 36.93MB)

■情報:

▼現在の表示条件での投稿総数:
262件

▼最終更新日時:
2026年2月5日(木) 17:26:15〔16時間前〕

■リンク:

てがろぐTOPへ戻る

RSS / 新規投稿 / 管理画面

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