てがろぐ - Fumy Otegaru Memo Logger -

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

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

or 管理画面へ

検索語「PICT: 〔除外:1.png〕」の検索結果296件]10ページ目)

今テスト中の Ver 2.1.4 までで既に実装したのは、だいたい以下のような感じ。(未配布)
こうして列挙してみると、結構あるな……。
--- 不具合修正 ---
■新規投稿時に、ウェブサーバのエラーログにWarningが記録されてしまう点を(さらに)解消。
■投稿画像の表示時に、問答無用でLightbox用属性を付加していた不具合を解消。(設定を反映するように変更)

--- 操作性改善 ---
■1文字以上が入力されている状況で「他のIDに切り替える」を選択した際に、JavaScriptで移動して良いかどうかを確認する機能。
■色を16進数でも入力可能にする機能。
■既存画像のURLを入力して挿入できるボタンを追加。

--- 設定/機能追加 ---
■続きを読むボタン+畳むボタン表示機能。
■画像のデフォルト挿入位置を「投稿の先頭」にするか「投稿の末尾」にするか(+画像の挿入位置の直後を改行するかどうか)を設定で選択可能に。
■削除したユーザや、名前が指定されていないユーザの表示名を設定できる機能。
■画像をテキストでリンクした場合にも、data-lightbox属性を付加できる機能。[ラベル:LB]URL の文法。
■[IMG:*]を使った外部画像に対してLightboxを使うかどうかは別設定に分離。
■投稿画像をリンクにするかどうかを設定で選択可能に。
■画像を絶対パス(絶対URI)で表現するか相対パスで表現するかを設定可能に。
■絶対パス(CGIが動作する絶対URI)を「自動取得する」か「固定値を設定する」かを選択できる機能。(SSIで埋め込んで利用する際に固定が必要)
■挿入した画像のパス(URL)だけを得る特殊な記法のサポート [[GETURL:PICT:1]] で、1つめの画像のURLだけが得られる(相対パス)
■本文全体の抜粋機能: [[COMMENT:TEXT:120]] のような感じで、プレーンテキスト化した上で指定の文字数だけを取得できる方法
■個別表示時にも前後への移動リンクを表示する機能(ユーティリティ枠ではなくナビゲーション枠に)

--- 細かな改善/仕様追加 ---
■ユーザアイコン画像のalt属性値に「Icon of USERID」の形式でID名を含めるよう変更。
■「設定変更完了」画面で、サブディレクトリ backup や images が存在しない場合にはそう注意を表示。(それらのサブディレクトリが動作に必要な場合に限る)
■ランダム表示機能 mode=random で、削除済みのIDが候補に挙がらないようになった。
■RSSに画像を含める場合は、画像を強制的に絶対URIにする。(→ただし、画像を含めたい場合は収録文字数を制限しないRSSスキンを作る必要がある。RSSのスキン対応は未実装なので、今はまだ使えない。)

--- 仕様変更 ---
■引用のマークアップを blockquote要素 ではなく q要素 に変更。(※そのままだとブロックにならないので、CSSを加える必要がある。)

--- 設定画面の追加項目 ---
■「続きを読む」機能を使うかどうかの設定項目。
■全文検索時でも「続きを読む」機能を有効にする:設定。(標準はOFF)
■続きを読んだ後に「畳む」ボタンを表示するかどうかの設定項目。
■「続きを読む」ボタンのラベル文字を設定する入力欄。
■「畳む」ボタンのラベル文字を設定する入力欄。
■[IMG:*]を使った外部画像に対してLightboxを使うかどうか
■投稿画像をリンクにするかどうかを設定する項目
■名称なしユーザ用のデフォルト名称
■本文と同時に画像を投稿した場合の配置選択「投稿の先頭」or「投稿の末尾」
■絶対パスを自動取得するか、固定的に設定するかを選択できる項目
■絶対パスを固定的に設定する場合の指定欄

うむ。結構あるので、もうこれ以上の機能追加はナシで、確認次第 Ver 2.2.0 としてリリースすることにしよう……。
まだ、上記の機能搭載分をリリースするにあたって、以下の作業が必要だけど。
□続きを読むボタン用の装飾CSSを、各スキンに追加する。開閉ボタンで別々に装飾できるようにした方が良いかな。
□続きを読むボタンをa要素での実装に変える。(できればaかbuttonかを選択可能にする。)

予定では、次に公開するバージョンとしてまだ以下のような機能を加えるつもりでした。
これらは、さらに次のバージョンへと先送りかな。
□Cookie名称にサフィックスを加えられるようにする。(→同一ドメイン内で複数設置したい場合に、ログイン状態をそれぞれで維持できるようにする。)
□画像挿入 [PICT:ファイル名:オプション] の書式でclass名等の付加をサポート。
□画像を直接は埋め込まずに、テキストリンクとして掲載する書き方 [[PICT:ファイル名:LINK(ラベル)]] とかのサポート。
□個別表示時のユーティリティリンクを非表示にする機能(取捨選択は別)
□個別表示時に表示されるユーティリティボックスの中身(ナビ機能リンクなど)を取捨選択できる機能。
□ページ移動ナビ部分に、前後の個別投稿ページへ移動できるリンクを表示するか非表示にするかを選べる機能
□前後の投稿へ移動する際のリンクラベルを「前置+No.XXX+後置」形式で指定できる機能
□「指定された番号の投稿は存在しません。まだ作成されていないか、または削除されました。」のカスタマイズ機能
□RSSフィード用のスキンを自作して、RSSフィードとして出力させられる機能。(※今でも実はRSS用スキンを作って設置すれば、それっぽいことはできる。)

前のバージョン公開から2ヶ月経ったし。
ただ、今、仕事が忙しいので、いつ頃に出せるかは分かんない感じ。

by nishishi. <2515文字> 編集

電子書籍(Kindle本)第3号を作りました!
➡『重いサイトを軽くする、Webページ表示速度の高速化10の基本https://www.amazon.co.jp/dp/B07T17QSQ5/
重たいウェブサイトを軽くする方法として、Webページの表示を速くする施策(+遅くなる要因を排除する方法)10項目を解説しています。

20190614231711-tomoyo.png

分量は、B6換算で306ページ。リフロー型なので閲覧端末によって総ページ数は変化します。スマートフォンでは小さすぎて読みにくいので、タブレット以上のサイズが推奨です。
詳しい目次は、上記Amazonのページからご確認頂けます。斜め読みして使えそうな方法から試してみて下さい!

書き始めた当初は90ページ分くらいにしかならないんじゃないかと思っていたんですが、書いているうちに分量がどんどん増えて、結局前作の1.6倍で306ページになってしまいました。(^_^;)
製作期間はだいたい4ヶ月半くらいで、トータル132時間くらいです。文字数は12.5万文字くらい。
今回もKindle Unlimited対応ですから、Unlimitedな方々はご負担なくお読み頂けます。

ぜひ覗いてみて下さい!

by nishishi. <514文字> 編集

アンケートログとして活用できるかな?
20190610184538-misaki.png

by misaki. <19文字> 編集

桜餅食べたくなっちゃった🍡
季節過ぎちゃったけど
20190327182355-tomoyo.jpg

>>No.959 💡(・∀・)
QUICKPOST複数置けるなら、レスポンシブにしたいときPCとスマホで別の場所に表示させることが可能ですね
一箇所しか置けないと思って悩んでたからありがたい!
>>935のdetailタグ使ってスマホの時だけ折畳み表示にとかにしたらスッキリ見やすそう(自分しか投稿しないからIEは気にしない)

by admin. <190文字> 編集

テスト投稿です。折り畳む範囲画像を入れてみました。
20190506131846-admin.png16進数での色指定も試しています。

by admin. <44文字> 編集

「続きを読む」関連の設定は、たぶん、こんな感じになる予定。
20190516163551-tomoyo.png
(まだ実装はしていません)

by nishishi. <45文字> 編集

> 検索窓に PICT: と入力して全文検索すると、画像が含まれている投稿だけを読めます。
☆⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒ ヾ(* ̄▽ ̄)ノ ヒャッホーイ♪  #感謝

by sakura. <82文字> 編集

#🌱豆知識
検索窓に PICT: と入力して全文検索すると、画像が含まれている投稿だけを読めます。

🌱豆豆知識
ただし、この投稿のように(画像が含まれていなくても)本文中に「 PICT: 」と書いてある投稿もヒットします。(笑)

by nishishi. <115文字> 編集

ご活用報告も大変励みになるので嬉しいです。(^_^)

🌸Re:836◆まあ芋ですし……?🍟🍠🍟🍠🍟🍠
🌸Re:835◆ご愛用ありがとうございます。複数人で共有して「仲間内専用Twitter」的にご活用下さっているケースもちらほらあって、複数ユーザ対応の仕様にしておいて良かったなあ……とつくづく思いました。^^;
画像の掲載サイズは、最新のスキンをお使い頂けば、下記のように縮小されて表示されます。(古いスキンでは単に横幅いっぱいに表示する仕様でした。) クリックするとLightboxによって拡大されます。ぜひお試し下さい。
20190421123726-tomoyo.jpg
※あくまでも表示上のサイズ(掲載面積)を絞っているだけであって、画像そのものを加工しているわけではないのですが。どれくらいの縮小サイズで表示するかは、CSSで自由に決められます。独自にスキンを作成なさっている場合は、最新スキンのソースを参考にしてみて下さい。Ver 2.0.0付属の標準スキンのCSSだと、132~137行目に埋め込み画像のサイズを指定する区画があります。
標準スキンのCSSで指定してあるサイズだと、たいていは「PCでは縮小され、スマートフォンでは横いっぱいに表示される」という感じになると思います。

🌸Re:834◆元気玉がとうとう風習に。(笑)  あんこ玉🍡も。^^;
*・゜゚・*:.。..。.:*・'(*゚▽゚*)'・*:.。. .。.:*・゜゚・*
ご活用ありがとうございます。色指定はやはり16進数の方が使いやすいですよね。私も色名を調べるのが大変で。将来的には16進数でも指定できるようにします。そして「続きを読む」機能の需要は相当に高そうですね。ご要望ありがとうございます。

by nishishi. 回答/返信 <722文字> 編集

> RSSフィードを出力できるようになった
できたようです!! 機能追加ありがとうございます! #感謝 #TEST #報告

20190413092931-sakura.png

by sakura. <63文字> 編集

はじめまして、ロリポップにて画像の様なパーミッションでアップロードしたのですが、
500エラーが出て全く動きません。

ロリポップでの動作について、ご存知の方、お助けください

二時間ばかり格闘しましたが、、、モウダメポ(死語)
20190405003838-admin.jpg

by admin. <115文字> 編集

Ver 2.0.0を公開しました。詳しくは後で。
20190327182355-tomoyo.jpg

by nishishi. <25文字> 編集

Ver 1.4.10(未配布)の動作テスト。これで動作に問題なければ、そろそろ配布したい。

🌺エクスポートで文字化けしなくなりました
エクスポート機能や「この範囲をファイルに出力する」リンクを使って出力したHTMLファイルをテキストエディタやブラウザ(主にChromeなど)で表示させても、文字化けしなくなったと思います。(たぶん)

🌺Lightboxを(必要な状況に限って)読み込める記述を追加
Lightbox用属性が付加された画像が掲載されている場面でのみ、jQuery+Lightboxスクリプトを読み込むための記述 [[JS:LIGHTBOX:JQ]] を追加しました。これをスキンに含めておくと、自力でLightboxを読み込む記述を加えなくても、Lightboxが必要な場面に限って自動的にLightboxスクリプトが読み込まれます。例えば、下図をクリック!
20190216164016-tomoyo.jpg
従来は単なる画像へのリンクにしかなりませんでしたが、設定でLightbox支援の『画像リンクにLightbox用の属性を付加する』項目にチェックを入れておけば、Lightboxを使って表示されます。

🍀※具体的には、リンクに data-lightbox属性が付加されている画像が1つでも表示される状況だけで、LightboxスクリプトがCDNサーバから読み込まれます。画像が1つも表示されない状況ではスクリプトは読み込まれないので、無駄な通信は発生しません。
🍀※スキンへの記述は、 [[JS:LIGHTBOX:JQ]] だとjQueryとLightboxが読み込まれます。[[JS:LIGHTBOX]] だとLightboxだけが読み込まれます。(スキン側で既にjQueryを使っている場合は後者の記述を推奨。)

by nishishi. <749文字> 編集

スキンを構成する2ファイルのうち、skin-cover.htmlはページ全体を作っています。このskin-cover.html内に記述した [[TEGALOG]] の部分は、skin-onelog.htmlを使って生成されます。図では水色の部分です。投稿1つにつきskin-onelog.htmlが1回使われますから、1ページに投稿が30個表示されるなら、skin-onelog.htmlは30回ループして使用されます。
20190310205451-tomoyo.png

by nishishi. <211文字> 編集

以下、返信です。(ご質問・テスト等ありがとうございます。ご質問もテストもご要望もお気軽にどうぞ。)

🌺外部への送信はありません
Re:683◆投稿内容の処理は文章も画像もすべて完全に設置サーバ内だけで完結しており、外部へ送信することは一切ありません。CGI自体の処理もサーバ内で完結します。管理画面のTOPにアクセスした際に、動作バージョンが最新版かどうかの案内が出ますが、これも特に情報は何も送信しておらず、ただここに書いてある方法で最新版の存在を示す画像を1枚表示しているだけです。したがって、閉じたネットワーク内で使っても特に影響はありません。社内サーバ等に設置の場合でも安心してご活用下さい。

🌺ハッシュタグの仕様
Re:682◆そういえば、全角の空白文字は「区切り」とは認識していないのでした。 # 記号の後に全角文字を続けると「全角以外の文字が登場するまで全部」をハッシュタグだと認識しますので、(全角空白も全角文字ですから)そのようになります。これはちょっと分かりにくいので今後修正します。

🌺画像投稿の現時点の仕様
Re:681◆画像テストありがとうございます。内部画像を挿入するための [PICT] を改行せずに横に並べれば、画像も横に並びます。同時に複数枚をUPできるようにもしたいと思っていますが、とりあえずはミニマムな実装で一旦公開する予定でいます。
20190227165357-tomoyo.jpg 20190227165357-tomoyo.jpg

by nishishi. 回答/返信 <592文字> 編集

画像投稿、#TEST #メモ 画像はNEO HIMEISMから。
初期投稿時、画像は必ず文章の後、upできるのは1枚だけ。投稿後に、文章なり画像なり、編集で追加できる。画像は追加の際は投稿最後尾にレイアウトされる模様。
複数画像は横並びではなく、縦にレイアウトされるのかな。
20190227210145-admin.gif

文章追加。個人的には、画像と文章の間にちょっと距離が欲しい感じ。#感想 1回の投稿/編集時に追加できる画像は1枚だけ。
20190227210244-admin.gif
20190227210559-admin.gif

投稿を削除しても、画像はそのまま残るので(もちろん記事として表示はされないけど)、削除したいなら管理メニューから別個削除する必要がある。

by admin. <271文字> 編集

文章と同時に画像を投稿(アップロード)できるようにした Ver 1.4.8(未公開)のテスト。
20190227165357-tomoyo.jpg

by nishishi. <48文字> 編集

20190218135502-sakura.jpg
画像投稿テスト。
kaboompics: https://pixabay.com/en/tulip-flower-yellow-spring-grow...

まず画像をアップして、その画像を選択、(新規)投稿に画像が含まれる、文章など追加、それから投稿、と言う流れ。

by sakura. <143文字> 編集

画像のアップロードもご自由にお試し頂いて結構ですが、アップロードする画像は著作権的・肖像権的に問題のない画像だけをお使い下さるようお願い致します。(^_^;) なお、デモモードでは画像1枚あたりの上限をシビアに設定してあるため、ファイルサイズの大きな画像はUPできません。(ご自身のサーバでセットアップしてお使いになる場合は上限は自由に設定できます。) いや、まだ配布はしていないんですけども。(^_^;)
20190216170504-admin.jpg
画像は投稿中のどこにでも自由な位置に挿入できます。何枚でも。特に(仕様上の)上限枚数はありません。

by nishishi. <254文字> 編集

画像投稿のテスト。画像アップロード機能を搭載したVer 1.4.4のテストです。まだ投稿文と同時のアップロードはできず、管理画面から1ファイルずつUPする必要があります。(今の時点では。)
20190216164016-tomoyo.jpg

by nishishi. <96文字> 編集

DASHBOARD

■複合検索:

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

■新着画像リスト:

全324個 (総容量 36.59MB)

■日付一覧:

■日付検索:

■カレンダー:

2019年7月
123456
78910111213
14151617181920
21222324252627
28293031

■最近の投稿:

■フリースペース:

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

編集

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

296件

▼最後に投稿または編集した日時:

2025年12月4日(木) 07:56:00〔6時間前〕

RSSフィード

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