10plog

てがろぐ実験場+スキン作成

てがろぐ実験場+スキン作成

ここにフリースペースとか入れたらいいんじゃないカナ!?
過去呟きランダムPickUp

2023年3月 この範囲を時系列順で読む

Icon of moka

自サイトおよび拙作スキンを作り直す過程でFont Aweso…

自サイトおよび拙作スキンを作り直す過程でFont Awesome からLine Awesome に乗り換えようと思ったんだけど見たら「無料で使うならicons8.comにリンクしてね!」とのことだったので忘れないように。
これも使い方説明してるサイトさんあんまり書いてない気がする。探し方が足りなかったのに傲慢な物言いをしてしまいました…😅
詳しくは https://icons8.com/pricing を、
リンクの貼り方に関しては https://icons8.com/license を参照のこと
追記です!
この記事をツイッターにポストしたらリプをいただきました!

リンク貼らなくても大丈夫な模様です。
こういうふうに投げたものに意見や訂正を得られるのありがたいです〜🙏これが気軽にできるのがSNSのいいところ…

GoodBoyLicence…初耳です…標準規格とかではないのかな?また調べてみます。
でもやっぱ解説記事書く有識者の方にはライセンス周りの解説もして欲し〜🥹
と思ったけど自分でも調べて覚書作ります…
Icon of moka

「てがろぐ」を使っている創作系サイトメインのサーチ、てがWA…

「てがろぐ」を使っている創作系サイトメインのサーチ、てがWA! さんに登録しました。
登録受付開始から2日で60件越えの登録があり、以前からお見掛けしているサイトや新発見のサイトを見ることができて楽しいです。当サイトは創作サイトではないんですけれども#てがろぐ Tipsなどを掲載しているなら登録おkとのことだったので登録させていただきました、よろしくお願いいたします。
同系統のサーチというかリンク集でfreoユーザーリンク集 というのがあり、こちらはCMS「freo」を使ってサイト構築されてる方が登録できます。てがWAさん登録サイトをめぐってた時にfreo使ってるサイトさんをお見かけした気がしたのでよかったらこちらも…
Icon of moka

私の書いたものでなく動作確認板での要望へのお返事かと思います…

私の書いたものでなく動作確認板での要望へのお返事かと思います、が >>115 に多分関係するもののお話がにししさんからあったのでメモ。
作らないものの話 https://www.nishishi.org/testground/tega...
管理画面からの設定を反映するスキンを作るのはまぁまぁスキンの構造が複雑になりがち、なるほど…あとはまぁそういう機能を持たすのはCGI的にも煩雑になるのかも?Perl知らないので憶測ですけど、設置ファイル数少なく設置が簡単というのはてがろぐのコンセプトの一つではあると思ってるのであまり機能増やすとメインCGIファイルの記述量も増えてメンテとか大変になるのかもですねぇあくまで憶測ですけど。
上記記事を見る限り表示非表示くらいはスキン用HTML見て自分で編集しましょうというスタンスがこの先も保持されるのかな、と思ったので配布用スキンを作るならコメント行で「ここから〇〇」~「ここまで〇〇」みたいなのを書いておくほうがベターなのかもしれないですね、留意しておこう…
Icon of moka

名前変換機能付き#てがろぐスキン への質問コメントにお返事し…

名前変換機能付き#てがろぐスキン への質問コメントにお返事しました
てがろぐスキン「daydream」
https://10prs.com/web-tips/tegalog/downl...
このスキンのトップページなどでの複数記事並ぶ画面では一覧性重視で一行目(タイトル扱いしている行)の表示が長い場合はCSSで省略するようにしてたんですけど確かにスマホ等幅が狭い場面だと表示される文字数が少なくなりすぎちゃうことがあるかも…次に更新することがあればその辺も考慮に入れます。
実際使ってくださってるだけでもありがたいですけどフィードバックいただけると自分では気づけないことたくさん知れるので本当に感謝ですありがとうございます~!🙏
Icon of moka

>>115 配布を視野に入れてるスキンに関しては…

>>115 配布を視野に入れてるスキンに関してはカレンダー等は一応スタイル当てておいて
シンプル表示にしたいと思ったスキンではCSSで非表示しようかなとも思ってるんですけど(たしかdaydreamはそうなってる気がする…?どうだったかな…)
にししさんも
https://www.nishishi.org/hougen/?postid=...
って言ってるので微妙な方法ではあると思ってて、なのでその辺も管理画面で表示非表示設定できるといいなぁというお話でした
Icon of moka

#てがろぐ 管理画面で表示・非表示を設定できる項目

#てがろぐ 管理画面で表示・非表示を設定できる項目
についてまとめようと思ってたんだけど最初に最低限ここは設定しておきたいっていう項目(アイコンとかOGP設定あたり)と一緒に記事にしたくて保留中
あとはまぁ…普通に項目多いので…一通り管理画面自分で見てみたらわかる話でもあるし…一応メモ
  • 日付境界バー
  • 投稿の単独表示ページのユーティリティリンク群
  • 投稿欄・各種機能ボタン

上記は完全にそのものの表示非表示を管理画面でコントロールできるものをリストアップ、各機能内の細かい出力をコントロールできるものは除外しています(ページ移動リンクの「次へ」とかの文言変更等)。
確かに検索フォーム、カレンダー、新着投稿・画像リストあたりも管理画面で表示非表示を選べたら便利かな~っては思います…が各種機能表示部分の見出しとかはスキンにべた書きなので難しいところもあるかも(今の仕様だと管理画面で例えばカレンダーを非表示にしてもスキンで「カレンダー」とか見出しつけてるとそこまで非表示にできない気がします)
前回のアプデでPowered-byのa要素の属性を変えられるっていうのも管理画面で変えられるのかなと思ったらそれ用のスキン記法ができたという感じだったので、管理画面で設定できるのとスキン記法でできるようにしてるのとどういう基準で区別してるんでしょうかね~
Icon of moka

画像のタイムスタンプ(≒画像ファイルのUP日時)を出力できる…

画像のタイムスタンプ(≒画像ファイルのUP日時)を出力できる記法って要る?
https://www.nishishi.org/hougen/?postid=...

これ見てなんか思ったやつさっき思い出したので書きますがファイルのUP時じゃなくファイルの作成時って取得できないですかねローカルだと右クリ→プロパティで見れるんですけどwebにあげると消えちゃうんでしたっけ…
昔PHPでギャラリースクリプトカスタマイズしてた時は確かExif情報?取得して表示できる機能があったような
イラストとかは保存時にファイル名をその時の年月日にするように心がけてるけどそうじゃないのとかいろいろ事情あってなんか違うのとか、作成日時取得出来たら、欲を言えばアップ時にリネームされるのを作成日時にできたらうれしいな~と思ったけどそうでもないか…?

2023年2月 この範囲を時系列順で読む

Icon of moka

自分のサイトのコンテンツがピンされるのを防ぐ方法 | ビジネ…

自分のサイトのコンテンツがピンされるのを防ぐ方法 | ビジネス向け Pinterest ヘルプ
https://help.pinterest.com/ja/business/a...
<meta name="pinterest" content="nopin" />
次のオタサイト改装時に入れる
Icon of moka

CDPの話題にたくさんの反応(当社比)ありがとうございました…

CDPの話題にたくさんの反応(当社比)ありがとうございました!
いくつか気になった話題をクリップしておきます。


この話題に限らずてがろぐスキンや個人サイト制作まわりの話題を見ていると皆さん技術や知識が高く(私にとって)レベルの高いお話になるのでちょっと気後れしてしまうのですけども😅

>>109で上げてるデモはソースを見ればわかるように上記ツイートのような深いいじり方はまっっっっったくしていません。CDPで配布されている基礎HTMLは4.01TransitionalなんですけどDTD周りをHTML5(今はLiving Standardなのかな)にしているくらいです。第一の目的はすでに配布されているCSSデザインをてがろぐでも使えたらいいな~ってことだったので。廃止されているHTMLの規格もブラウザがサポート終了するまでは普通に表示されるわけですし、HTML4.01のサポートが終了されるのはまだまだ先の話なんじゃないかな~と楽観視してますがどうなんでしょうね?
ただ、CDPという企画は今でも全然通用するものだと思いますし新しいHTMLに則ったテンプレートで再始動、とかあってもうれしいなぁと思います。そうなればこちらでも新基礎HTMLをてがろぐスキン仕様にして配布したいなと思いますが現状では上記のような改変状態での配布を考えています。まぁいろいろと新しいスキンを作っては配布できる状態まで練り上げられず次に着手してる状態をまずどうにかしたほうがいいんですけど、てがろぐユーザーさんは結構自力でスキン作ってる方多い印象ですし(公式さんがド親切なのありがたいですよね)、ほかにスキン配布してるサイトさんのがいろいろ技術的にもデザインセンス的にも素晴らしいのでこちらのものは需要も低いだろうと思ってて、マイペースに亀の歩みでやっていくつもりです🐢
今あげてるスキンでこれ優先的に配布してほしいとかカスタマイズのこれの解説ほしいとか何かあれば気軽にコメント等ください(このてがろぐのデフォルトスキン状態だと単体記事表示するとコメント書けます)。
Icon of moka

CDP+てがろぐ、という試みをしてみました

CDP+てがろぐ、という試みをしてみました
CDPとは
正式名称は「CSS着せ替えテンプレート企画」、公式サイトは http://css-designplate.info/ です。
CSSファイルだけを変更することでデザインをチェンジするテンプレート(CDP)を作る企画
http://css-designplate.info/

というもので、公式で配布されている「基礎HTML」に適用するCSSファイルを配布するテンプレートサイトさんもたくさんあったのです。当時に比べると数は減りましたが今でもCDP用のCSSを配布してくださってるサイトさんがあるので、てがろぐでも使えたらスキンの選択肢が広がるんじゃないかな~と思って。
デモはこちらから見れます
デザインサンプルとして以下の配布サイトさんからCSSをお借りしています(敬称略。

左上のセレクトボックスでCSS切り替えができるので試してみてください。
CDPの「基礎HTML」にないタグやカテゴリのリンクリスト等は右上のハンバーガーメニューに格納しました。
CDP用のCSSを配布されているサイトさんはCDP公式サイト から探すことができます。
Icon of moka

てがろぐ Ver 3_9_2 beta版アップデート適用しま…

てがろぐ Ver 3_9_2 beta版アップデート適用しました!
上書きCSSの登録機能、三点リーダ以外の省略記号、2000年以前の日付一覧、日付境界バーの装飾補助、スキン適用制限、不具合修正など。
https://nishishi.fanbox.cc/posts/5362328
個人的に嬉しかったのは「三点リーダ以外の省略記号」です。>>14でも言ってたんですけどいいねボタン・改の識別用に本文一行目を入れるとき、一行目が長すぎるといいねボタンの管理画面が見づらかったりファイル名の長さ制限に引っかかったりするのが嫌でてがろぐスキンで文字数を指定する変数を使ってたんですがそうすると文字数が切られた後に「…」がつき、いいねボタンのほうで文字参照に変換されてしまい記事への反映がされず😅なので結局文字数指定はやめたんですがそうすると今度は「data-iinename」に入る文字を意識しながら記事を書かなきゃならなくなってそれもそれでなんか微妙だな~と思ってたので省略記号なしで文字数指定できる記法ができたのありがたいです!

と思って喜んで短めの文字数指定したら今までの文字列より短くなってた場合に別物判定されちゃったので(まぁわかってはいましたが)ちまちまといいねボタンのほうのデータを修正しました。
Icon of moka

スキンAのCSSをスキンBのディレクトリに上書きアップロード…

スキンAのCSSをスキンBのディレクトリに上書きアップロードして
なんで変更反映されないんだろ~!?😭ってなるなどした…
全部同じ名称だとまれによくある…CSSは違う名前にしてもいいんだけどそうするとHTML作るときに使い回しにひと手間増えちゃうからやりたくないですね
Icon of moka

新しく上げたスキンをちょこちょこ調整しています

新しく上げたスキンをちょこちょこ調整しています
たくさんいいねを押してもらえててうれしいですありがとうございます!
ツイで触れられてた固定記事の挙動はあれです、一定の高さ超えたら折り畳みボタンが出現するようにJS書いてるんですがご指摘の通りJS読み込み終わるまではスクロールができちゃいます、万一JSオフで見る人がいたらスクロールできないと隠してる部分が読めないのでこれはそういう仕様です…😁
>>104 ではハッシュタグリンクをゴニョるために『内側スキンに[[NO-LINKADJUSTMENT]]を記述』としていましたがそうすると意図しない部分に影響が出すぎるのでちょっと書き方改めました。この「ハッシュタグやカテゴリのリンクを別スキンで開く」っていうのははたぶんスキンとしては配布せずTIPS紹介って感じになると思います
Icon of moka

新しい#てがろぐスキン アップしました

新しい#てがろぐスキン アップしました
まだまだ調整必要ですが…。本文中のハッシュタグリンクをほかのスキンで開く試みをしてます。
本当は検索結果表示用スキンで開きたいですが作ってないので今のところノートっぽいスキンで開く仕様になっています。一時適用スキンなのでURLをいじるのにスキン用パラメータが邪魔だったので内側スキンに[[NO-LINKADJUSTMENT]]を記述しているためカテゴリー等ほかのリンクを開くとデフォルト適用スキンで表示されてしまいます🤪外側スキンは記述してないので右上三本線タップで開く部分のリンクはこのスキンで表示されます。
デモはこちら
20230217003006-moka.jpg
Icon of moka

昨夜新しいスキンファイルを上げて今朝見たら

昨夜新しいスキンファイルを上げて今朝見たら
サイト全体エラーが出て見れなくなってたのでま〜た俺なんかやっちゃいました?って焦った😂仕事だったので放置するしかなかったけど今普通に見れてるみたいだしログインもできてよかった…
Icon of moka

>>101 この書き方使えばSNSシェアリンクの…

>>101 この書き方使えばSNSシェアリンクのほうも何とかなる気もする
けどもう今日はいっぱいいっぱい…🤯
NO-LINKADJUSTMENTあたりをうまく使えたらこんなややこしいことしなくてもいい気もしなくはないけどよく理解できてない😓
Icon of moka

タグを含む投稿を一覧表示する専用スキンを用意して

タグを含む投稿を一覧表示する専用スキンを用意して
デフォルト表示記事内のハッシュタグリンク先をその専用スキン適用したURLにゴニョるっていうのはできるんですけどそういうイメージであってますかね…?
Icon of moka

てがろぐにSNSボタン

てがろぐにSNSボタン
いろいろアレして実装しました(このスキンのみ)。記事タイトル+URLコピーボタンも付けたよ\(^o^)/
20230214212536-moka.gif
それでやってて気が付いたけど本館のほうに載せてる「一時適用スキンで表示するURLをシェアしたい場合」のJSが全然使い物にならないので参考にしないでください…😨
Icon of moka

無料Twitter API、2月13日まで延長 月1500ツ…

無料Twitter API、2月13日まで延長 月1500ツイートの新アクセス発表 - Impress Watch
https://www.watch.impress.co.jp/docs/new...
新無料API、月1500件ツイートできるなら個人で自サイトと連携して自動ポストするくらいなら使えるのかなぁ
1500件ツイートできるってAPI経由の数の制限だよね…?純粋にツイッターからポストできる数じゃないよね???
Icon of moka

#てがろぐ ベータ版にアップデートしました。

#てがろぐ ベータ版にアップデートしました。
Ver3.9.1 になっています。NSFWフラグを付けた画像を含むポストをTwitterに投げた時にOGPイメージでもろ出しになる・RSS配信の時も同様の状態になる件への対策が(個人的に)メインかな。あとは表示上のCSS調整や出力タグ不具合修正などです。毎回細やかな対応でありがたい限りです。
Icon of moka

Twitterがいよいよ終わりの始まりという感じになってきて

Twitterがいよいよ終わりの始まりという感じになってきて
これがさらに良くなるためのステップならいいんだけど長年無料でやってきて運営費的にも採算取れてないっぽいしどうなるんだろうなぁ…。自分は利用歴もそこそこあるしなにより人とのつながりができたのがツイッターだったので(それまではサイト持っててもよそ様との交流はほぼなかった)愛着あるしなくなったら自サイトメインにするつもりではあるけれど「人とのつながり」の大部分は失われちゃうだろうなと思うと何とも言えない気持ちになるな…
Icon of moka

日付セパレートに出力されるリンクについて

日付セパレートに出力されるリンクについて
>>93 のお話、にししさんからお返事(お返事?)きてたぁ…
https://www.nishishi.org/testground/tega...
「ページの表示」設定のほうだったんだ…探し力足りてなかったですすみません…
Icon of moka

拙作スキンは試用でも使ってみてくださってる方いてホントうれし…

拙作スキンは試用でも使ってみてくださってる方いてホントうれしいです
報告不要ですけど教えてくれたらわ~い🙏となります
CSSだけ抜き出して使ってもいいです、使ってる間はhttps://10prs.com のほうにリンクしてくださるとうれしく思います🙇‍♂️daydream以外のスキンの配布についてはちょっと考え中、ほかに配布されてる方の見ると別にうちの配布なくても…という気持ちにはなる、雑な性格なので人様に使ってもらえるようわかりやすく作るの難しくて…😅
Icon of moka

ググるとログイン画面やその他あんまり見えてほしくない画面が引…

ググるとログイン画面やその他あんまり見えてほしくない画面が引っかかる件対策
>>86 のロボテキに加えて
fumycts.plに検索除けmetaタグを入れてみるなどした
あとは日付セパレートの「この範囲をファイルに出力する」を表に出さないよう設定できたらいいなぁ…
ログインユーザのみエクスポートできるように設定変えてもリンク自体は出力されるので(リンク踏むと未ログインではできないよってページに飛ぶ)多分botだと思うけど踏まれててちょっと気になる… #てがろぐ
2023年2月
1234
567891011
12131415161718
19202122232425
262728
2023年3月
1234
567891011
12131415161718
19202122232425
262728293031