にしし ふぁくとりー:西村文宏 個人サイト

カテゴリ「🔧」に属する投稿[5件] - 今日のひとことログ

更新

■LOG カテゴリ「🔧」に属する投稿[5件]

にししふぁくとりーHOMEに掲載している「今日のひとこと」の過去ログ(掲載履歴)です。 RSS

No.7072 〔182文字〕 🔧

適用スキンはそのままで、CSSだけを変更できる着せ替え機能を実装したい気もしている。そうすると、色違いバリエーションを提供しやすくなるし。「スキン」という形でしか配布できない仕様よりも、CSSを1つだけでも配布できる仕様の方が手間が減って望ましそうだし。ただ、その前に、以前のロードマップで示した「投稿ごとのパスワード保護機能」を先に作る方が良いか、ちょっと迷う。

No.6494 〔348文字〕 🔧

てがろぐCGIで、Ⓐ「記事一覧」とⒷ「記事単独」とで全く異なるデザインを用意したいとき、以前なら「Ⓐ用のスキン」と「Ⓑ用のスキン」を用意して……のように考えていたが、そうするよりも、HTMLにはⒶ用・Ⓑ用双方のマークアップをすべて含めておき、Ⓐ用にはCSSでbody:not(.onelog)配下にスタイルを書き、Ⓑ用にはbody.onelog配下にスタイルを書く、それぞれの状況で不要な要素にはdisplay:none;を適用する……という方法の方が簡単で分かりやすい構造になるのだな、と気付いた。この方法だと、用意するスキンは1つで済むので、状況に応じて適用スキンを分けるようなアクロバットなことをしなくて済む。

(追記) 詳しくはこちら➡一覧表示時と単独表示時とで適用デザインを分ける方法

No.6406 〔532文字〕 🔧

てがろぐCGIで「1行目をタイトルとして扱う」みたいなブログっぽいスキンを作っていても、そのタイトルを(出力されるHTMLの)title要素に指定することはできない。なので、ブログ用途にはあまり向かないよな、と思っていたのだが、最近のGoogleはページ上のJavaScriptも実行した上で情報収集してくれるようなので、投稿単独表示時にだけ「ページ内のタイトル表示部分の中身」を document.title に指定するようなJavaScriptを書いておけば、ページタイトルも望み通りにできるのではないか。投稿単独表示時にだけ指定のJavaScriptを実行するには、(標準添付スキンの場合は)onelogというclass名がbody要素に指定されているかどうかを判断すれば良い。例えば、タイトルのように見せる部分の要素に pagetitle というclass名を付加しているなら、querySelector の引数に .onelog .pagetitle と指定すれば良さそうな気がする。返値がnullなら投稿単独表示ではない(または.pagetitleがない)ので何もせず、返値があればその値を document.title に代入すれば良いのではないか。

No.3688 〔1006文字〕 🔨,🔧

てがろぐの前身になったFumy News ClipperというフリーCGIがある。今もまだ配布中なのだが、開発はほぼ停止している。Fumy News Clipperを最初に作ったのは2004年頃で、文字コードがSHIFT-JISなこともあって、現代ではもはや使いやすいとは言い難い。絵文字も投稿できないし。なので、基本的には「てがろぐCGIがFumy News Clipperの後継CGI」という扱いで居るのだが、「Fumy News Clipperにはあって、てがろぐにはない機能」がまだ少しあるので、Fumy News Clipperの公開も続けてはいる。最近ではごく稀になったが、このFumy News Clipperに対して機能面の要望を頂くことがある。そして、その機能は「てがろぐには既にある」という場合もある。なので、できるだけ「てがろぐ」の使用を検討して欲しいという意味も込めて、Fumy News Clipperの公開ページには「てがろぐ」の案内も掲載していたのだが、昨日その掲示をより目立つ形に修正して、掲載場所も増やしてみた。また、「開発検討中の機能」は削除した。もはや検討していなかったためだ。
20210422125418-nishishi.png
「Fumy News Clipperにはあって、てがろぐにはない機能」には、●サイトマップを生成する機能、●修正した投稿の掲載位置を先頭に繰り上げる機能、●投稿本文中にHTMLタグを使用可能にする機能がある。あと、投稿入力欄が複数ある(タイトル入力欄、URL入力欄、コメント入力欄が分かれている)という仕様の違いもある。この入力欄数の違いをどうするかが少々悩ましいところだ。てがろぐには「本文の1行目をタイトルとして扱い、2行目以降を本文として表示する」というようなスキンも作成可能なのだが、その点が初見で分かりやすいか?というと、そうでもないだろう。オプション設定で入力欄の個数を増やせるようにする手もあるが、それで分かりやすさが向上するかどうかは分からない。むしろ、てがろぐをベースにしてFumy News Clipperの新バージョンを再構築して、入力欄を複数設けておくという方が望ましいのかもしれない。なお、総合的な機能は、てがろぐの方が圧倒的に多いので、「てがろぐにあって、Fumy News Clipperにはない機能」というのはもう挙げればキリがない。(いや、キリはあるが。)

No.2340 〔766文字〕 🔧

標準添付スキンでは特に使わないが、カスタマイズする際に使えるかも知れないキーワードをいくつか作る予定で、今2つほどできた。◆[[RANDOM:10]]で、1~10までの整数のうちランダムに1つが得られる。投稿ごとにランダムに装飾を変化させたい場合に <div class="design[[RANDOM:10]]"> のように書けば、.design1 ~ .design10 の範囲でランダムに1つのclassが適用されるように作れる。これは外側スキンでも内側スキンでもどちらでも使える。最大数は自由に指定できるので、[[RANDOM:555]]と書けば1~555の範囲内でランダムに1つの数値が入る。◆[[LOOPCOUNT]]で、そのページ内での表示順を整数で得られる。例えば1つの投稿を <div class="order[[LOOPCOUNT]]">~</div> で囲んでおけば、そのページ内で1番目に表示される投稿では .order1 のclassが適用される。もし1ページに30件表示されるなら、30番目の投稿では .order30 のclassが適用される。そのまま表示して 1~30 の番号を振る用途に使っても良さそうだ。表示される投稿番号に関係なく「そのページで何番目に表示されているか」だけを基準に振られるので、「先頭(末尾)の投稿にだけ特別な装飾を加えたい」という場合にも活用できるだろう。(てがろぐの話) もっとも、「先頭にだけ」とか「末尾にだけ」のような、位置に応じて適用する装飾を分けたい場合はCSSの:first-child疑似クラスや:last-child疑似クラスを使う方がスマートに済む気もするが。CSSだけで指定できないくらい複雑なHTMLになってしまっている場合などには使えるかも知れない。
2022年5月
1234567
891011121314
15161718192021
22232425262728
293031
2022年6月
1234
567891011
12131415161718
19202122232425
2627282930
2022年7月
12
3456789
10111213141516
17181920212223
24252627282930
31

Powered by てがろぐ Ver 3.7.3

--- 当サイト内を検索 ---