2019年3月 この範囲を時系列順で読む この範囲をファイルに出力する
メジャーバージョンアップ版 Ver 2.0.0 をやっと公開しました！ ➡ https://www.nishishi.com/cgi/tegalog/ アップデートする際は、tegalog.cgi と fumycts.pl の2ファイルを上書きアップロードして下さい。 #UpdateLog
データファイルや設定ファイルは、すべてそのまま引き継げます。
▼今回の大きな機能追加：
🌸画像の投稿や管理が可能になりました。(画像だけをアップロードすることも、本文と同時に画像を投稿することもできます。)
🌸Lightboxが必要な状況でだけ、動的に jQuery＋Lightboxを読み込む [[JS:LIGHTBOX:JQ]] や、Lightboxだけを読み込む [[JS:LIGHTBOX]] が外側スキン内で使用可能になりました。
■注意■画像投稿を可能にするためには、てがろぐの存在するディレクトリ内に images サブディレクトリを作って、CGIがファイルを書き込み可能な状態にしておく必要がありますので注意して下さい。サブディレクトリは自動では作られないので、自ら作っておく必要があります。
▼今回のその他の機能追加：
🌸表示対象になっている投稿の数を挿入する [[INFO:TARGETPOSTS]] が外側スキン内で使用可能になりました。投稿数を自分流に表示するスキンを自作したいときなどにお使い下さい。(^_^;)
🌸スキンに外部ファイルを合成できるSSI(Server Side Include)機能を搭載しました。外側スキン内に [[INCLUDE:ファイル名]] の書式で挿入できます。
※例えば [[INCLUDE:apple/pen.html]] と記述すると、その位置にappleフォルダのpen.htmlの中身がそのまま挿入されます。てがろぐの表示を、自サイトのデザインと合致させるためには、自サイト用のヘッダやフッタをそのまま表示に使えると便利ですよね。そのような場合の合成用途に使えます。
▼今回のスキン改良：
🌷標準スキンも別スキンも合わせて全7種類のスキンについて、HTML・CSSソースを最新バージョン用に新しくしました。(Lightboxを必要な場合に限って読み込むようになっています。)
🌷Twitterっぽいスキン(ブルー・ピンク共に)は、モバイル版での表示時に余白が少なすぎた問題を少々改善しました。
🌷チャットタイプスキンは、繰り返し読み込むためにできるだけスキンを軽くするよう、いろいろ削減しました。
▼その他の細かな機能改善：
●過去投稿数が100件を超えている場合には、管理画面での投稿一覧を100件ずつ表示するようになりました。(数が多くても表が無駄に縦長にならなくなりました。)
●管理画面でのデータサイズ表記では、KBやMBなどの単位付き数値で表示するようになりました。
●総ページ数を超えるページ番号が指定された場合に、無駄なページが生成されるのを防くよう仕様を変更しました。
●設定画面上の軽微な不具合を解消しました。
●ウェブサーバ側のログファイルにWarningが大量に記録されてしまう可能性がある問題を解消しました。
以上、ご活用頂ければ幸いです。
データファイルや設定ファイルは、すべてそのまま引き継げます。
▼今回の大きな機能追加：
🌸画像の投稿や管理が可能になりました。(画像だけをアップロードすることも、本文と同時に画像を投稿することもできます。)
🌸Lightboxが必要な状況でだけ、動的に jQuery＋Lightboxを読み込む [[JS:LIGHTBOX:JQ]] や、Lightboxだけを読み込む [[JS:LIGHTBOX]] が外側スキン内で使用可能になりました。
■注意■画像投稿を可能にするためには、てがろぐの存在するディレクトリ内に images サブディレクトリを作って、CGIがファイルを書き込み可能な状態にしておく必要がありますので注意して下さい。サブディレクトリは自動では作られないので、自ら作っておく必要があります。
▼今回のその他の機能追加：
🌸表示対象になっている投稿の数を挿入する [[INFO:TARGETPOSTS]] が外側スキン内で使用可能になりました。投稿数を自分流に表示するスキンを自作したいときなどにお使い下さい。(^_^;)
🌸スキンに外部ファイルを合成できるSSI(Server Side Include)機能を搭載しました。外側スキン内に [[INCLUDE:ファイル名]] の書式で挿入できます。
※例えば [[INCLUDE:apple/pen.html]] と記述すると、その位置にappleフォルダのpen.htmlの中身がそのまま挿入されます。てがろぐの表示を、自サイトのデザインと合致させるためには、自サイト用のヘッダやフッタをそのまま表示に使えると便利ですよね。そのような場合の合成用途に使えます。
▼今回のスキン改良：
🌷標準スキンも別スキンも合わせて全7種類のスキンについて、HTML・CSSソースを最新バージョン用に新しくしました。(Lightboxを必要な場合に限って読み込むようになっています。)
🌷Twitterっぽいスキン(ブルー・ピンク共に)は、モバイル版での表示時に余白が少なすぎた問題を少々改善しました。
🌷チャットタイプスキンは、繰り返し読み込むためにできるだけスキンを軽くするよう、いろいろ削減しました。
▼その他の細かな機能改善：
●過去投稿数が100件を超えている場合には、管理画面での投稿一覧を100件ずつ表示するようになりました。(数が多くても表が無駄に縦長にならなくなりました。)
●管理画面でのデータサイズ表記では、KBやMBなどの単位付き数値で表示するようになりました。
●総ページ数を超えるページ番号が指定された場合に、無駄なページが生成されるのを防くよう仕様を変更しました。
●設定画面上の軽微な不具合を解消しました。
●ウェブサーバ側のログファイルにWarningが大量に記録されてしまう可能性がある問題を解消しました。
以上、ご活用頂ければ幸いです。
Twitterっぽい系スキンのモバイル版の見た目を少しだけ改善。チャットタイプスキンを少し軽くなるよう修正。もうちょっと何かしようと思っていたけども、3月を超えてしまいそうなので、そろそろ一旦完了として、Ver.2セットを公開しよう……。
Re:751◆ご要望ありがとうございます！ 実装上も、たぶん「指定文字数を超えたら」というよりは、「折りたたむ境界を指定の表記方法で指定したら」という条件の方が実装しやすそうですから、たぶんそうすると思います。その方が、Fumy News Clipperにある折り畳み機能のように、多段階の折り畳みもできますしね。◆既存ハッシュタグの簡易入力機能については、すぐに実装する方法は思いつきませんが、ご要望リストには加えておきます。何か良い方法が思いついたら実装します。(^_^;) もしかしたらカテゴリ機能の方が先に実装されるかも知れません。
Re:750◆ウェブページ全体の高さが5万pxを超えるようなことはさすがにないと思うので、PCでもモバイルでも50000で充分ではないかと思います。心配なら10万とか1億とか大きな値を設定すれば良いです。(笑) なお、document.body.clientHeight でページ全体の高さが分かるので、 document.body.clientHeight - 30 を計算すれば「下から30px」の位置が分かります。この値をY座標に指定すれば、望みの位置に自動スクロールできると思います。(^_^)
要するに window.scroll( 0, (document.body.clientHeight - 30) ); でしょうかね。
※ただ、画面の高さは30px以上あるでしょうから、実際には30pxよりももっと上側までしかスクロールできないとは思いますが。^^;
Re:750◆ウェブページ全体の高さが5万pxを超えるようなことはさすがにないと思うので、PCでもモバイルでも50000で充分ではないかと思います。心配なら10万とか1億とか大きな値を設定すれば良いです。(笑) なお、document.body.clientHeight でページ全体の高さが分かるので、 document.body.clientHeight - 30 を計算すれば「下から30px」の位置が分かります。この値をY座標に指定すれば、望みの位置に自動スクロールできると思います。(^_^)
要するに window.scroll( 0, (document.body.clientHeight - 30) ); でしょうかね。
※ただ、画面の高さは30px以上あるでしょうから、実際には30pxよりももっと上側までしかスクロールできないとは思いますが。^^;
#要望
・開発検討中に「投稿本文が一定文字数を超えたら、それ以降の文章は畳まれる（もしくは個別記事ページへのリンクが出る）機能」とあるのですがブログの続きを読む機能のように、指定した先から折りたたむ…という機能がほしいです。
・一度使ったことのあるタグを投稿画面にすぐ入力できるような機能があったら嬉しいです。
すごく軽くて使いやすいので愛用しています。自分でかなりいじってlightboxで表示できるようになど色々していたのですが、画像投稿が標準装備になりそうで楽しみです。
・開発検討中に「投稿本文が一定文字数を超えたら、それ以降の文章は畳まれる（もしくは個別記事ページへのリンクが出る）機能」とあるのですがブログの続きを読む機能のように、指定した先から折りたたむ…という機能がほしいです。
・一度使ったことのあるタグを投稿画面にすぐ入力できるような機能があったら嬉しいです。
すごく軽くて使いやすいので愛用しています。自分でかなりいじってlightboxで表示できるようになど色々していたのですが、画像投稿が標準装備になりそうで楽しみです。
おぉおぉ…！読みました。すごい。ありがとうございます！
ちなみに「下から」30とかはダメですよね、やっぱり^^;)
window.scroll( 0, 50000 ); これはスマホでも同じ数値で大丈夫なのでしょうか？
ディスプレイがスマホだと縦長だなーと… わかってなくてすみません 笑
ちなみに「下から」30とかはダメですよね、やっぱり^^;)
window.scroll( 0, 50000 ); これはスマホでも同じ数値で大丈夫なのでしょうか？
ディスプレイがスマホだと縦長だなーと… わかってなくてすみません 笑
Re:748◆こちらこそ記事読んで下さってありがとうございます。(^_^)
で、うちの個人サイトに「ウェブページ内の特定の座標にスクロールさせる方法」という記事があるんですが、ここに書いているscrollメソッドのY座標を充分大きくすれば、ページの最下部に移動できると思います。window.scroll( 0, 50000 ); とか。たぶん。^^;
で、うちの個人サイトに「ウェブページ内の特定の座標にスクロールさせる方法」という記事があるんですが、ここに書いているscrollメソッドのY座標を充分大きくすれば、ページの最下部に移動できると思います。window.scroll( 0, 50000 ); とか。たぶん。^^;
記事読んで解決したことが何回かありましたよ！
どうもありがとう╰(*´︶`*)╯✨
LINE風だと読み込んだ時に最下部(最新)へ自動で飛ぶみたいな感じにすればなりますかね？
javascriptでそういうのありそうな感じが… するけどわからにゃい
どうもありがとう╰(*´︶`*)╯✨
LINE風だと読み込んだ時に最下部(最新)へ自動で飛ぶみたいな感じにすればなりますかね？
javascriptでそういうのありそうな感じが… するけどわからにゃい
All Aboutでの記事も読んで下さっていつつ、この「てがろぐ」も使って下さっていつつ、両者が同じ人物(＝私)によるものだとは気付かなかった、という方は過去にもいらっしゃいました。(^_^;)
Re:745◆ああ、確かに最新の投稿が上に来る仕組みだと、LINEのようにはなりませんね……。時系列順に並べることも可能なので、 tegalog.cgi?order=reverse のようなURLでアクセスすれば、最新の投稿が下に来るようにはなりますが、ページの扱いがちょっと困る可能性はありそうな気がします。ページ分割せず、1ページに全投稿を表示する感じで運営できれば問題ないかも知れませんが。(^_^;)
LINEっぽいスキンを作ってみたら、新しい投稿が上に来るので変な感じになりました。
…どうしてくれよう…というかどうしたらいいんでしょう先生
(allaboutの人って今頃気づいた(˙ᴗ˙)
…どうしてくれよう…というかどうしたらいいんでしょう先生
(allaboutの人って今頃気づいた(˙ᴗ˙)
Re:740～742◆実は [[ONEPOST:123]] と記述するとその位置にNo.123の投稿本文が挿入されるという機能があるので、スキンを編集できる場合はその方法で先頭部分に任意の投稿を表示することはできます。個数に制限もないのでいくらでも配置できます。ただ、スキンの編集が必要なので、ちょっと手間ですね。実はフリースペースの内部でも [[ONEPOST:123]] という記述は有効なので、フリースペースを活用するとちょっとは楽かも知れません。（その場合でも、フリースペースの場所を調整するために最初の1回はスキンの編集が必要ですが。）
先頭固定機能を考える場合、「全員の先頭に固定」するのか、「ユーザ単位の表示場面だけで固定」するのか、ちょっと仕様に迷うところがあります。
Re:743◆そうです。スキンに [[TEGALOG]] と書いている部分を例えば [[TEGALOG:3]] とすると、CGI側の設定に関係なく3件だけが表示されます。(ただ、この仕様はいつから搭載していたかちょっとよく覚えていません。^^; たぶん、Ver 1.4.0以降くらいなら使えると思うんですが。まだ配布ページのマニュアルには記載していませんでした。^^;)
先頭固定機能を考える場合、「全員の先頭に固定」するのか、「ユーザ単位の表示場面だけで固定」するのか、ちょっと仕様に迷うところがあります。
Re:743◆そうです。スキンに [[TEGALOG]] と書いている部分を例えば [[TEGALOG:3]] とすると、CGI側の設定に関係なく3件だけが表示されます。(ただ、この仕様はいつから搭載していたかちょっとよく覚えていません。^^; たぶん、Ver 1.4.0以降くらいなら使えると思うんですが。まだ配布ページのマニュアルには記載していませんでした。^^;)
No.625の スキン側で表示件数を固定できる機能 が気になります。スキンに直接記述するのでしょうか？
記事No. 741見て、カテゴリ分けできるようになったら、お気に入り記事ってカテゴリ自分で作りたいなと思いました。
> 全然無関係な話です。(中略)外部の検索エンジンは無関係です。ご安心下さい。
分かりました、回答ありがとうございます！
> Lightboxを(必要な状況に限って)読み込める記述を追加、例えば、下図をクリック！
できたー！
分かりました、回答ありがとうございます！
> Lightboxを(必要な状況に限って)読み込める記述を追加、例えば、下図をクリック！
できたー！
Ver 1.4.10(未配布)の動作テスト。これで動作に問題なければ、そろそろ配布したい。
🌺エクスポートで文字化けしなくなりました
エクスポート機能や「この範囲をファイルに出力する」リンクを使って出力したHTMLファイルをテキストエディタやブラウザ(主にChromeなど)で表示させても、文字化けしなくなったと思います。(たぶん)
🌺Lightboxを(必要な状況に限って)読み込める記述を追加
Lightbox用属性が付加された画像が掲載されている場面でのみ、jQuery＋Lightboxスクリプトを読み込むための記述 [[JS:LIGHTBOX:JQ]] を追加しました。これをスキンに含めておくと、自力でLightboxを読み込む記述を加えなくても、Lightboxが必要な場面に限って自動的にLightboxスクリプトが読み込まれます。例えば、下図をクリック！
従来は単なる画像へのリンクにしかなりませんでしたが、設定でLightbox支援の『画像リンクにLightbox用の属性を付加する』項目にチェックを入れておけば、Lightboxを使って表示されます。
🍀※具体的には、リンクに data-lightbox属性が付加されている画像が1つでも表示される状況だけで、LightboxスクリプトがCDNサーバから読み込まれます。画像が1つも表示されない状況ではスクリプトは読み込まれないので、無駄な通信は発生しません。
🍀※スキンへの記述は、 [[JS:LIGHTBOX:JQ]] だとjQueryとLightboxが読み込まれます。[[JS:LIGHTBOX]] だとLightboxだけが読み込まれます。(スキン側で既にjQueryを使っている場合は後者の記述を推奨。)
🌺エクスポートで文字化けしなくなりました
エクスポート機能や「この範囲をファイルに出力する」リンクを使って出力したHTMLファイルをテキストエディタやブラウザ(主にChromeなど)で表示させても、文字化けしなくなったと思います。(たぶん)
🌺Lightboxを(必要な状況に限って)読み込める記述を追加
Lightbox用属性が付加された画像が掲載されている場面でのみ、jQuery＋Lightboxスクリプトを読み込むための記述 [[JS:LIGHTBOX:JQ]] を追加しました。これをスキンに含めておくと、自力でLightboxを読み込む記述を加えなくても、Lightboxが必要な場面に限って自動的にLightboxスクリプトが読み込まれます。例えば、下図をクリック！
従来は単なる画像へのリンクにしかなりませんでしたが、設定でLightbox支援の『画像リンクにLightbox用の属性を付加する』項目にチェックを入れておけば、Lightboxを使って表示されます。
🍀※具体的には、リンクに data-lightbox属性が付加されている画像が1つでも表示される状況だけで、LightboxスクリプトがCDNサーバから読み込まれます。画像が1つも表示されない状況ではスクリプトは読み込まれないので、無駄な通信は発生しません。
🍀※スキンへの記述は、 [[JS:LIGHTBOX:JQ]] だとjQueryとLightboxが読み込まれます。[[JS:LIGHTBOX]] だとLightboxだけが読み込まれます。(スキン側で既にjQueryを使っている場合は後者の記述を推奨。)
Re:735◆全然無関係な話です。CGIによる検索はCGIがすべての処理を担っていますから外部の検索エンジンは無関係です。ご安心下さい。
Re:734◆変幻自在です。‹‹\(´ω` )/››‹‹\( ´)/››‹‹\( ´ω`)/››‹‹\(´ω` )/››‹‹\( ´)/›› ‹‹\( ´ω`)/››
Re:733◆*･゜ﾟ･*:.｡..｡.:*･'(*ﾟ▽ﾟ*)'･*:.｡. .｡.:*･゜ﾟ･*
Re:734◆変幻自在です。‹‹\(´ω` )/››‹‹\( ´)/››‹‹\( ´ω`)/››‹‹\(´ω` )/››‹‹\( ´)/›› ‹‹\( ´ω`)/››
Re:733◆*･゜ﾟ･*:.｡..｡.:*･'(*ﾟ▽ﾟ*)'･*:.｡. .｡.:*･゜ﾟ･*
#質問
> サイト内検索窓を作れるYahoo! カスタムサーチがサービス終了
とのことですが、CGIでもサイト内検索がついてる場合、自力設置したスクリプトを何か変更したりする必要があるんでしょうか。それとも全然無関係な話？
> サイト内検索窓を作れるYahoo! カスタムサーチがサービス終了
とのことですが、CGIでもサイト内検索がついてる場合、自力設置したスクリプトを何か変更したりする必要があるんでしょうか。それとも全然無関係な話？
>「最新のxx件」みたいな機能は需要がありそうな気もします。
あります！！(`･ω･´)ﾉ
それと元気玉。( ・_・)っ゛ ≡○
あります！！(`･ω･´)ﾉ
それと元気玉。( ・_・)っ゛ ≡○
Re:731◆今のところ画像だけをリストアップする方法はないのですが、そういえばTwitterだとサイドバーに最近の画像だけを一覧で見れたりしますね。画像もですが、画像に限らず「最新のxx件」みたいな機能は需要がありそうな気もします。ちょっと何か考えてみます。
投稿した画像の一覧(サムネイル)みたいなことをテンプレート側だけで、できるのかな？と気になっています。
そして、てがろぐがモテモテ(死語)なコメントが見ていてほっこりします。笑
○。*・。(ˊ◡ˋ*)元気玉
そして、てがろぐがモテモテ(死語)なコメントが見ていてほっこりします。笑
○。*・。(ˊ◡ˋ*)元気玉
ぱっと開いてぱっと書ける、ぱっと変更できると言う手軽さはほんとうに大事だと思います。こういう形にして下さってありがとうございます。＞「便利だな」と思いました。(笑)
Re:726◆ありがとうございます。(๑╹◡╹๑) その場ですぐに再編集できる仕様は自分でも「便利だな」と思いました。(笑)
ちょっと面白そうって思ったので。
Crieitはプログラマー、クリエイターが自由に興味のあることを投稿したり、議論したり、質問したりすることができるコミュニティです。
てがろぐで何がいいって、実験とかテストで記事投げて、どうなったかなって結果を見てから、同記事を編集してすぐ結果報告できるじゃん。自分はこれがすごっく楽で好き。
追記等の記事編集がすごく手軽ってすごく大切なことだと思う。
追記等の記事編集がすごく手軽ってすごく大切なことだと思う。
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
