てがろぐ
- Fumy Otegaru Memo Logger -
2021年10月 この範囲を時系列順で読む この範囲をファイルに出力する
🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃ｖ
開発進捗状況報告サイトで、てがろぐ Ver 3.4.4(β版)の配布を開始しました。ご自由にダウンロードしてご活用頂けます。お試し頂ければ幸いです。主に以下の点を搭載しています。
🆕 Ver 3.4.4βの更新点(概要)：
●画像の縦横サイズを自動取得する機能を追加。(GIF,PNG,JPEG,SVGのみ)
●画像を表示するimg要素の出力時に、width属性とheight属性を含めて出力できる機能を追加。
●画像のアップロード時に、元のファイル名をできるだけ維持してアップロードする機能(オプション)を追加。
●代替文字を含めて画像を挿入できる [PICT:代替文字:ファイルパス] の記法を追加。
●本文中に含まれているハッシュタグだけを抜き出す記法に、ギャラリーモードでの表示を維持できる [[COMMENT:TAGS:GALLERY]] 記法を追加。
●カテゴリ一覧リンクを出力する記法に、ギャラリーモードで表示されるリンクを出力できる [[CATEGORYLINKS:GALLERY]] と [[CATEGORYLINKS:GALLERY:FULL]] を追加。
●指定番目の画像だけを挿入する [[ONEPICT:n]] 記法を追加。(n=1以上の数値)
●ドキュメントルートのサーバパスを手動設定できる項目を追加。(デフォルトでは環境変数から自動取得)
●ギャラリーモード用スキンを、新記法を使うように更新。
●指定された代替文字だけを取得できる [[GETALT:PICT:n]] の記法を追加。(n=1以上の数値)
●編集領域下部に表示される「任意画像の挿入」ボタンで、押下時に文字列が範囲選択されていれば、それを代替文字にして出力する機能を追加。
●SSI機能の上位階層参照を最初から解禁しておくようデフォルト値を変更。
●「機能」ボタン押下で表示される「先頭固定チェックボックス」と「読み上げボタン」の左右を変更（※「先頭固定」が先にあると、カテゴリの選択チェックボックスと連続して紛らわしいため）。
●画像アップロード後のページ内リンクの掲載順序が間違っていた点を修正。
詳しい記述方法等は、上記の開発進捗状況報告ページの記事をご覧下さい。今のところ、そこ以外に解説はありません。
🆕 Ver 3.4.4βの更新点(概要)：
●画像の縦横サイズを自動取得する機能を追加。(GIF,PNG,JPEG,SVGのみ)
●画像を表示するimg要素の出力時に、width属性とheight属性を含めて出力できる機能を追加。
●画像のアップロード時に、元のファイル名をできるだけ維持してアップロードする機能(オプション)を追加。
●代替文字を含めて画像を挿入できる [PICT:代替文字:ファイルパス] の記法を追加。
●本文中に含まれているハッシュタグだけを抜き出す記法に、ギャラリーモードでの表示を維持できる [[COMMENT:TAGS:GALLERY]] 記法を追加。
●カテゴリ一覧リンクを出力する記法に、ギャラリーモードで表示されるリンクを出力できる [[CATEGORYLINKS:GALLERY]] と [[CATEGORYLINKS:GALLERY:FULL]] を追加。
●指定番目の画像だけを挿入する [[ONEPICT:n]] 記法を追加。(n=1以上の数値)
●ドキュメントルートのサーバパスを手動設定できる項目を追加。(デフォルトでは環境変数から自動取得)
●ギャラリーモード用スキンを、新記法を使うように更新。
●指定された代替文字だけを取得できる [[GETALT:PICT:n]] の記法を追加。(n=1以上の数値)
●編集領域下部に表示される「任意画像の挿入」ボタンで、押下時に文字列が範囲選択されていれば、それを代替文字にして出力する機能を追加。
●SSI機能の上位階層参照を最初から解禁しておくようデフォルト値を変更。
●「機能」ボタン押下で表示される「先頭固定チェックボックス」と「読み上げボタン」の左右を変更（※「先頭固定」が先にあると、カテゴリの選択チェックボックスと連続して紛らわしいため）。
●画像アップロード後のページ内リンクの掲載順序が間違っていた点を修正。
詳しい記述方法等は、上記の開発進捗状況報告ページの記事をご覧下さい。今のところ、そこ以外に解説はありません。
画像のheightとwidth値が入るようになる所とギャラリーモードを維持したままカテゴリーなどで絞り込める所、私も欲しい機能でした。β版公開がとても楽しみです。いつも痒い所に手が届くアップデートをありがとうございます！
いつもお世話になってます！
動作テスト中のVer 3.4.4「ハッシュタグやカテゴリ名を押すと、ギャラリーモードを維持したまま絞り込み表示」される機能が欲しかったので楽しみです！#感謝
動作テスト中のVer 3.4.4「ハッシュタグやカテゴリ名を押すと、ギャラリーモードを維持したまま絞り込み表示」される機能が欲しかったので楽しみです！#感謝
🍵
オリジナルの画像ファイル名のままでアップロードできるようになった気がする Ver 3.4.4 (未配布) の動作テスト。
🍮アップロードする画像ファイル名が半角の「英字・数字・ドット・アンダーバー」のどれかだけで構成されている場合に限って、そのファイル名のままでアップロードされる機能を追加しました。ただし、デフォルトではOFFなので使いたい場合は、[設定]→[システム設定]→【画像投稿機能】→『元のファイル名をできるだけ維持する』でチェックを入れて頂く必要があります。（ここの動作サンプルではONにしてあります。）
🍮同名のファイルが既にある場合には、ファイル名の末尾に1から順番に連番が付加されます。
🍮元の画像ファイル名に半角の「英字・数字・ドット・アンダーバー」以外の文字が使われている場合には、従来通りに自動でファイル名が付きます。
🍵この機能をONにした場合で、元のファイル名が維持されてアップロードされた場合、編集者権限未満のユーザは（自分でUPした画像でも）削除できなくなります。編集者権限未満だと「自分でUPした画像しか削除できない」仕様ですが、元のファイル名が維持されると「誰がUPした画像なのか」が分からなくなる仕様だからです。(^_^;;;
🍵ハイフンが含まれているとダメなのは、（デフォルトの自動ファイル名では）投稿日時と投稿ユーザIDをハイフンで区切る仕様なので、そこと整合性を取るためです……。
🍮アップロードする画像ファイル名が半角の「英字・数字・ドット・アンダーバー」のどれかだけで構成されている場合に限って、そのファイル名のままでアップロードされる機能を追加しました。ただし、デフォルトではOFFなので使いたい場合は、[設定]→[システム設定]→【画像投稿機能】→『元のファイル名をできるだけ維持する』でチェックを入れて頂く必要があります。（ここの動作サンプルではONにしてあります。）
🍮同名のファイルが既にある場合には、ファイル名の末尾に1から順番に連番が付加されます。
🍮元の画像ファイル名に半角の「英字・数字・ドット・アンダーバー」以外の文字が使われている場合には、従来通りに自動でファイル名が付きます。
🍵この機能をONにした場合で、元のファイル名が維持されてアップロードされた場合、編集者権限未満のユーザは（自分でUPした画像でも）削除できなくなります。編集者権限未満だと「自分でUPした画像しか削除できない」仕様ですが、元のファイル名が維持されると「誰がUPした画像なのか」が分からなくなる仕様だからです。(^_^;;;
🍵ハイフンが含まれているとダメなのは、（デフォルトの自動ファイル名では）投稿日時と投稿ユーザIDをハイフンで区切る仕様なので、そこと整合性を取るためです……。
月末までには新β版として配布開始する予定でいます。
Ver 3.4.3(未配布)の動作テスト。
🍘画像の縦横サイズを取得できれば、挿入時にimg要素のwidth属性とheight属性として出力するようになりました。画像は、画像保存用ディレクトリ以外にあっても、同一サーバ内（同一ドメイン内）にあれば縦横サイズを取得可能なハズ。
🍘内部画像の挿入時でも、代替文字を指定できるようPICT記法を拡張。
≪主にギャラリーモード用の機能≫：
🍘本文中に含まれている1つ目の画像をもっと簡単に挿入できる（主にギャラリーモードで使うことを想定した）[[ONEPICT:1]] 記法を追加。需要はなさそうですけども、2番目の画像だけを挿入する [[ONEPICT:2]] のようにも書けます。
🍩本文中に含まれているハッシュタグだけを抜き出す記法 [[COMMENT:TAGS]] に、ギャラリーモードでの表示を維持する [[COMMENT:TAGS:GALLERY]] の記法を追加。
🍩カテゴリ一覧リンクを出力する記法 [[CATEGORYLINKS]] に、ギャラリーモードで表示されるリンクを出力できる [[CATEGORYLINKS:GALLERY]] の記法を追加。
上記の記法🍩は既にここで稼働しているギャラリーモードで使っています。ギャラリーモードで、ハッシュタグやカテゴリ名を押すと、ギャラリーモードを維持したまま絞り込み表示されます。（※従来の記法も有効なので、スキンを何も書き換えなければ従来と同じ動作（ギャラリーではない通常モードでの表示）になります。）
🍘画像の縦横サイズを取得できれば、挿入時にimg要素のwidth属性とheight属性として出力するようになりました。画像は、画像保存用ディレクトリ以外にあっても、同一サーバ内（同一ドメイン内）にあれば縦横サイズを取得可能なハズ。
🍘内部画像の挿入時でも、代替文字を指定できるようPICT記法を拡張。
≪主にギャラリーモード用の機能≫：
🍘本文中に含まれている1つ目の画像をもっと簡単に挿入できる（主にギャラリーモードで使うことを想定した）[[ONEPICT:1]] 記法を追加。需要はなさそうですけども、2番目の画像だけを挿入する [[ONEPICT:2]] のようにも書けます。
🍩本文中に含まれているハッシュタグだけを抜き出す記法 [[COMMENT:TAGS]] に、ギャラリーモードでの表示を維持する [[COMMENT:TAGS:GALLERY]] の記法を追加。
🍩カテゴリ一覧リンクを出力する記法 [[CATEGORYLINKS]] に、ギャラリーモードで表示されるリンクを出力できる [[CATEGORYLINKS:GALLERY]] の記法を追加。
上記の記法🍩は既にここで稼働しているギャラリーモードで使っています。ギャラリーモードで、ハッシュタグやカテゴリ名を押すと、ギャラリーモードを維持したまま絞り込み表示されます。（※従来の記法も有効なので、スキンを何も書き換えなければ従来と同じ動作（ギャラリーではない通常モードでの表示）になります。）
さむい……。
🍩Re:2451◆ご要望ありがとうございます。Spotifyって埋め込めるものだったのですね！ なるほど、なかなか便利そうです。簡単に埋め込ませてくれる仕様だと良いのですが。ちょいと調べてみます。(╹◡╹)ﾉ
冬の前にまず秋が来て欲しい……。
🍩Re:2451◆ご要望ありがとうございます。Spotifyって埋め込めるものだったのですね！ なるほど、なかなか便利そうです。簡単に埋め込ませてくれる仕様だと良いのですが。ちょいと調べてみます。(╹◡╹)ﾉ
冬の前にまず秋が来て欲しい……。
いつも有り難く使わせてもらってます。ツイッターやYouTube以外に、インスタやSpotifyなどの埋め込みが使えるといいなと。ご検討いただけるとありがたいです。#要望
CGIを設置する際に、最初に何らかの編集（例えば1行目の /usr/bin/perl のパスを変更するとか）が必要になる場合で、適当なテキストエディタがない場合は、もしかするとブラウザ版のVisual Studio Codeが便利かもしれません。ブラウザ上で動作するのでローカルには何もインストールしておく必要がありませんし、プログラミング目的のエディタなので改行コードや文字コードの維持が確実な点も安心ですし。メニューがすべて英語ですが、上書き保存は「≡」→「File」→「Save」でできます（[Ctrl]+[S]でもできますが）。ただ、ブラウザによってはローカルファイルへのアクセスができない場合がありますから、普段お使いのブラウザが非対応の場合には別のブラウザを使う必要があります。Windows版ブラウザでは、ChromeではいけましたがFirefoxではダメでした。 ➡https://vscode.dev/
焼きそばを買ってきました。はらへったなう。(´･ω･`)
🍰Re:2446◆画像テストいろいろありがとうございます。てがろぐCGI側では特に画像を加工していないので、基本的にはブラウザで表示できるなら何でも表示できます。このフリー素材、元は全部粘土なんですね！ 驚きました。ギャラリー表示はご要望を受けて作った機能ですが、方々でご活用頂いているようで、作って良かったな……と思っています。(╹◡╹)
🍰Re:2447◆実験ありがとうございます。ファイル拡張子が .jpeg ですね。たいていは .jpg だと思いますので、そこを決め打ちにしているプログラムだと .jpeg ファイルを画像として表示できないことはありそうな気がしました。縦横サイズの取得に問題がなくて良かったです。
🍰Re:2448◆標準で読み込んでいる画像拡大スクリプトは、米国に居るLokesh Dhakarという人が作ったLightboxという有名スクリプトです。CloudflareのCDNでも提供されているので（自サイトに設置する必要がなく楽なため）そこから読み込むようにしています。
引き続き画像テストは歓迎致しますので、なにか適当な画像があれば試してみて下さい。m(_ _)m >>2438
🍰Re:2446◆画像テストいろいろありがとうございます。てがろぐCGI側では特に画像を加工していないので、基本的にはブラウザで表示できるなら何でも表示できます。このフリー素材、元は全部粘土なんですね！ 驚きました。ギャラリー表示はご要望を受けて作った機能ですが、方々でご活用頂いているようで、作って良かったな……と思っています。(╹◡╹)
🍰Re:2447◆実験ありがとうございます。ファイル拡張子が .jpeg ですね。たいていは .jpg だと思いますので、そこを決め打ちにしているプログラムだと .jpeg ファイルを画像として表示できないことはありそうな気がしました。縦横サイズの取得に問題がなくて良かったです。
🍰Re:2448◆標準で読み込んでいる画像拡大スクリプトは、米国に居るLokesh Dhakarという人が作ったLightboxという有名スクリプトです。CloudflareのCDNでも提供されているので（自サイトに設置する必要がなく楽なため）そこから読み込むようにしています。
引き続き画像テストは歓迎致しますので、なにか適当な画像があれば試してみて下さい。m(_ _)m >>2438
久しぶりに戻ってきたら新しい機能が増えてる
画像拡大の機能はクラウドフレアさん謹製のJavaScriptですかね？
画像拡大の機能はクラウドフレアさん謹製のJavaScriptですかね？
iPadで撮影→「画像サイズ」というアプリで縮小→iOS標準の写真アプリでトリミングを行ったjpegです。昔使っていた別の日記CGIではiOS標準の写真アプリでトリミング加工した画像をうまく画像として認識出来なかったのでちょっと心配でしたが、問題なくトリミング後の状態でアップロード、ピクセル値取得、表示出来てます。すごい。
そう言えば動くgifって投稿できたんでしたっけ？ #TEST
(フリー素材やすらぎ庵 より。)
画像、投稿には使ってませんが、上げてみた分はサイズ表示問題ありませんでしたー(JGP、PNG、GIF)。#報告
使ってみて思いましたが、ギャラリー表示地味に便利です。あの写真どこにあるっけ？ってすぐに見つけられるー。#感謝 #感想
(フリー素材やすらぎ庵 より。)
画像、投稿には使ってませんが、上げてみた分はサイズ表示問題ありませんでしたー(JGP、PNG、GIF)。#報告
使ってみて思いましたが、ギャラリー表示地味に便利です。あの写真どこにあるっけ？ってすぐに見つけられるー。#感謝 #感想
マルセイバターサンド食べたい……。
画像テストありがとうございます。各画像形式（特にJPEG画像）の縦横サイズ取得も問題なさそうな雰囲気ですね。
引き続き画像テストは歓迎致しますので、なにか適当な画像があれば試してみて下さい。m(_ _)m >>2438
画像テストありがとうございます。各画像形式（特にJPEG画像）の縦横サイズ取得も問題なさそうな雰囲気ですね。
引き続き画像テストは歓迎致しますので、なにか適当な画像があれば試してみて下さい。m(_ _)m >>2438
おお～、念願の画像の縦横サイズ取得が…！早速テスト投稿です。
8bitpaint web で描いて出力したPNG (3645px × 5109px)
縦横ピクセル値自体は大きいですが、8色+透明度の情報しかないので137KBと軽量です。
ひとつ上の画像をPhotoshopで縮小してJPG形式で保存したもの(550px × 770px)
Photoshopで作成した透過GIF(630px × 630px)
周りの余白部分のみ透過
Photoshopで作成した透過PNG(630px × 630px)
周りの余白部分のみ透過
いずれの画像も管理画面で表示される縦横ピクセル数は合ってました。正式に実装されるのを楽しみにしてます！ #報告
8bitpaint web で描いて出力したPNG (3645px × 5109px)
縦横ピクセル値自体は大きいですが、8色+透明度の情報しかないので137KBと軽量です。
ひとつ上の画像をPhotoshopで縮小してJPG形式で保存したもの(550px × 770px)
Photoshopで作成した透過GIF(630px × 630px)
周りの余白部分のみ透過
Photoshopで作成した透過PNG(630px × 630px)
周りの余白部分のみ透過
いずれの画像も管理画面で表示される縦横ピクセル数は合ってました。正式に実装されるのを楽しみにしてます！ #報告
JPEGです
画像サイズの表示は問題ありませんでした。（加工は縮小専用。です） #報告
画像サイズの表示は問題ありませんでした。（加工は縮小専用。です） #報告
SVG画像です。
何で作ったかは分かりませんが、表示サイズは問題なかったです。#報告
何で作ったかは分かりませんが、表示サイズは問題なかったです。#報告
【テストご協力のお願い】画像管理画面から適当な画像をアップロードして、その画像の縦横サイズが正しく表示されるかどうか試してみて下さい。対象の画像形式は、JPEG、PNG、GIF、SVGの4種類のみです。たぶんPNGやGIFは問題ないと思うのですが、JPEGは内部形式がいろいろあるっぽいので、異なるソフトウェアで出力された画像を試してみたいのです。
画像管理画面では、下図のように画像の真下に 000×000 (px) のように取得できた画像サイズ(縦横サイズ)が表示されます。
これは、Ver 3.4.3（未配布）で新しく搭載した機能です。この縦横サイズの自動取得がうまくいけば、画像表示時にHTMLのwidth属性値・height属性値として出力させる予定でいます。（今はまだそこまでは作っていません。）
画像管理画面では、下図のように画像の真下に 000×000 (px) のように取得できた画像サイズ(縦横サイズ)が表示されます。
これは、Ver 3.4.3（未配布）で新しく搭載した機能です。この縦横サイズの自動取得がうまくいけば、画像表示時にHTMLのwidth属性値・height属性値として出力させる予定でいます。（今はまだそこまでは作っていません。）
夜中の空腹のために、冷凍のチャーハンとかカップラーメンとか長期置いておいても大丈夫なお菓子とか常備しておくべき！！ 翌日の体重計からは目をそらすんだ！
今日は高知県へ行きましたが半袖でちょうどぐらいでした。暑い。
しかしうちの県へ戻ってきたら何か羽織らないと寒い。風邪引きそう。
しかしうちの県へ戻ってきたら何か羽織らないと寒い。風邪引きそう。
ふとカップラーメンを食べたいと思ったのだが、カップラーメンの買い置きはない。_(┐｢ε:)_
🍥Re:2432◆返信が遅くなってすみません。ご活用ありがとうございます。そして、やはり気になりますか。^^; 特定の状況でskinパラメータが二重に出力されてしまうのですけども、実害はないので放置していたのですが、URLが長くなる問題はありますね。単純なようでいて、ちょっと面倒な処理が原因で二重になってしまっているので放置していたのですが、ちょっと何か対策を考えてみます。
🍥Re:2433◆突然、冬になりましたね……。昨日までは扇風機が必要だったのですけども……。
全部食べきったと思っていたばかうけが残っていたので、ばかうけをポリポリしています。
🍥Re:2432◆返信が遅くなってすみません。ご活用ありがとうございます。そして、やはり気になりますか。^^; 特定の状況でskinパラメータが二重に出力されてしまうのですけども、実害はないので放置していたのですが、URLが長くなる問題はありますね。単純なようでいて、ちょっと面倒な処理が原因で二重になってしまっているので放置していたのですが、ちょっと何か対策を考えてみます。
🍥Re:2433◆突然、冬になりましたね……。昨日までは扇風機が必要だったのですけども……。
全部食べきったと思っていたばかうけが残っていたので、ばかうけをポリポリしています。
突然寒い。ひざ掛け出して靴下出して冬の装備になりました。一昨日までゴハン食べると汗だらだらだったのに。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178
