10plog

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

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

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

2023年1月 この範囲を新しい順で読む

Icon of moka

#てがろぐスキン daydream 配布を開始しました

#てがろぐスキン daydream 配布を開始しました
ダウンロードや解説は以下のURLです。
https://10prs.com/web-tips/tegalog/downl...
こういうものの配布は久々すぎていろいろ不親切な部分があるかと思いますが何かありましたらお気軽にご連絡いただけると幸いです、よろしくお願いいたします🙇‍♂️
Icon of moka

う~んちょっと先走っちゃったな~

う~んちょっと先走っちゃったな~
3.9.0が配布されてからにしたらよかったかも🤔自分は今追っかけてるからベータでもアプデ適用するけどそうじゃない人にベータ使ってくれとちょっと言いづらい気もする、でもできたら最新版で使える記法使いたいっていうのあるからな…ほかのスキンは3.9.0待つかぁ…
Icon of moka

スキン作る際のパスの書き方について

スキン作る際のパスの書き方について
https://www.nishishi.org/testground/tega...
スキンフォルダ外のフォルダにあるファイルを読み込む際に気を付けること
今のところCSSはスキンフォルダ内のtegalog.css1ファイルで済ませるつもりだけどもしそういうものがあるならCSSファイル内でインポートするかlinkタグを大文字で補完避けするのが吉、てことを覚えておく
PATH:CGI使えないかと思ったけどこれも本体置いてるディレクトリを絶対パスで出力してるので補完は免れなかった、ところで思い出したけどメインタイトルのリンクにこれ使ってるので次回のアプデの時に直します(自分ではここのリンクに「?」てパラメータがつくの嫌でそうしてたけどディレクトリインデックス使ってないと404出してしまう…🙇‍♂️#てがろぐ
Icon of moka

普段自分が見る範囲で動けばいいやの精神で作ってるので

普段自分が見る範囲で動けばいいやの精神で作ってるので
人様にも使ってもらおうとするときはいろいろ気を付けないとあかんのやなぁと反省しました(そもそんな精神で作ったもん配布すなって感じですけども
Icon of moka

てがろぐにSNSシェアボタン付ける覚書

てがろぐにSNSシェアボタン付ける覚書
https://10prs.com/web-tips/tegalog/sns-s...
すでに解説してくださってる方もいるんですけどこういう書き方もあるよってことで一つ
あと単体記事を別スキンにしてたり複数スキン併用しててデフォルトスキンじゃないスキンを適用したURLをシェアしたい場合もあるかもしれないんでなるべくHTMLいじらないで使いまわせるような書き方も…考えてみたつもりです…
Icon of moka

情報を求めて

情報を求めて
「てがろぐ」でググるとログイン画面やその他あんまり見えてほしくない画面が引っかかってきてるのが見えて自分もそうなったら嫌なのでとりあえずrobots.txtに
Disallow: /*?mode=
Disallow: /*?*&mode=

を足してみるなどした…。とはいえ、
robots.txt でブロックされているコンテンツをクロールしたりインデックスに登録したりすることはありませんが、ブロック対象の URL がウェブ上の他の場所からリンクされている場合、その URL を検出してインデックスに登録する可能性はあります。そのため、該当の URL アドレスや、場合によってはその他の公開情報(該当ページへのリンクのアンカー テキストなど)が、Google の検索結果に表示されることもあります。
https://support.google.com/webmasters/an...

なので管理画面にnoindex仕込んでいただけるとありがたいのかも…
Icon of moka

外部サービスを使うときに注意すべきこと

外部サービスを使うときに注意すべきこと
ちょっと前に
静的サイトにHTMLとJavaScriptだけでコメント投稿機能を作る - Oilabo
https://oilabo.vercel.app/blog/2021/stat...
のことをツイで触れた時にプライバシーポリシー表記はいらないの?って突っ込み入ったことや(多分利用規約的にはセーフ)、ここ及び本館でfancybox4使ってたんですけどv4からライセンスが変わって試用以外は有償になってることをほかの方のツイートで知って慌ててv3系に戻すなどしました

が自分のこの辺の意識相当低くてよくないなと反省…。海外のこの手のサービス使うときって英語力もあってその辺スルーしがちなんですけど(あと日本語で紹介や解説してるブログ系もそこには触れてないことも多々ある)使わせてもらってるんだからちゃんと確認しないとだめですね😔
紹介ブログも画像素材系だと割と規約やライセンスまで触れてる方が多い印象なんですけどスクリプト系だとあんまり見かけないような気もしなくもない(こういうことできるよ!ってのの喜び?が先行してしまう気持ちは解る)、出来たらそこまで触れてほしい(他力本願)気を付けよう…でもライセンス関係理解が難しいんだよな…
Icon of moka

>>87

>>87
ちなfancybox4は
シングルユースライセンス、拡張ライセンス、ビジネスライセンスの購入により、以下に説明する各ライセンスタイプの条件に従って、本番環境でのソフトウェアの「ライブ」インストール、およびライブインストールをサポートするために必要な補助的な「開発使用のみ」インストール(開発サーバーやステージングサーバーなど)が許可されます。プロジェクトの種類、場所、または法的形式に関係なく、すべてのインストールには有効な有料ライセンスが必要です。
とのことなんで…単純に3使ってて新しいの来てるからバージョンアップしよ😀てノリではいけなかったのでした
自分の意識もアップデートしていかねばですね

2023年2月 この範囲を新しい順で読む

Icon of moka

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

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

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

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

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

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

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

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

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

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

てがろぐにSNSボタン

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

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

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

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

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

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

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

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

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

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

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

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

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