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

えむおか@moka

Icon of moka

No.83

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

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

えむおか@moka

Icon of moka

No.82

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

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

えむおか@moka

Icon of moka

No.81

>>79

>>79
すみません、これてがろぐ正式版(3.8.0)だと記事単体へのリンクが正常に作動しません😭のちほど修整してアップし直します!修正済みのものをアップしました。お知らせくださり本当に本当にありがとうございます🙏

えむおか@moka

Icon of moka

No.80

何気なくギャラリーモード表示見たら

何気なくギャラリーモード表示見たら
多分ほかのページを2カラム対応したタイミングでめちゃくちゃに崩れてた😂
直しました…教えてよね(たぶん誰も見ていない

えむおか@moka

Icon of moka

No.79

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

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

えむおか@moka

Icon of moka

No.78

明けましておめでとうございます

明けましておめでとうございます
今年もマイペースにやって行こうと思います🎍🐇🎍🌅よろしくお願いします✌️

2022年12月 この範囲を時系列順で読む

えむおか@moka

Icon of moka

No.77

てがろぐ にコメント欄をつけてみるテスト

てがろぐ にコメント欄をつけてみるテスト
最初Disqus でやってたんですが表示やメアドを入れないと書き込みできないとかが気になって(なんか設定あるのかもだけどにわかに解らず…)ぼやいてたらタイムリーに

と紹介されていたので挑戦してみました、らかなりあっさり導入できて表示もシンプルだしなかなかよいのでは…!?と思います、承認なしで書き込み表示できたらもっといいんですけどそこはまぁ仕方ないのかな…?
てがろぐだとゲスト用アカウント作ってそういうこともできるけどそれだと個人のブログとかにコメント残すってのとまたちょっと違って掲示板的になっちゃうのであくまで個人のメモ帳にコメント欲しい/したいって時にはいいんじゃないでしょうか。てがろぐだけでなく静的HTMLサイトでも使えます。Cusdis です、ググっても日本語だと紹介記事はあっても導入してみた記事があんまり見当たらないのであとで導入記事書くかも(簡単に導入できるからみんな書かないだけなのかも)よかったらテスト書き込みしてみてください😀

えむおか@moka

Icon of moka

No.76

Twemojiが2023年になると表示されなくなる(かもしれない)問題に対処する

Twemojiが2023年になると表示されなくなる(かもしれない)問題に対処する
https://zenn.dev/yhatt/articles/60ce0c3c...

えむおか@moka

Icon of moka

No.75

表示領域幅が1000pxを超える場合は2カラムになるようにしてみました

表示領域幅が1000pxを超える場合は2カラムになるようにしてみました
元のHTMLは触ってなくて#CSS のみでできたのうれしいね…😙

えむおか@moka

Icon of moka

No.74

先頭固定にしている記事が長いと新着を見失い?がちなので

先頭固定にしている記事が長いと新着を見失い?がちなので
先頭固定記事が長い場合は表示を短くして続きを展開するボタンをつける#カスタマイズ をしてみました。
これはてがろぐデフォの機能の「隠す」を使ったものとは違い、先頭固定記事の内容が一定の高さを超えていたら勝手にそれ以上は隠し続きを展開するボタンが現れます。#jQuery を使っています。現時点では「一定の高さを超えたら隠す」は#CSS でやっているのでjsオフの環境だと困るかもしれません、あとあとCSSもjsで適用するようにしたほうがいいかも。→しました
先頭固定記事が一つの場合は自力で簡単にできたけど複数だとどうすればいいかちょっとよくわからなくて思ってたより時間がかかってしまった…😅

えむおか@moka

Icon of moka

No.73

>>72 NSFWフラグつけたらてがろぐ上ではワンクッション的表示できるけど

>>72 NSFWフラグつけたらてがろぐ上ではワンクッション的表示できるけど
ツイッターにポストURL投げたら一枚目の元画像がツイッターカードになることを失念していました…今回実際は全然普通の画像だからよかったけど本当にNSFWな画像置くときは覚えておかないとですね😅

えむおか@moka

Icon of moka

No.72

#てがろぐ バージョンアップ

#てがろぐ バージョンアップ
Ver3.3.8 βになりました。画像情報編集機能の強化が目玉かな?以下キャプション付きやフラグ付き画像の#サンプル
NSFWフラグ付きの例
NSFWフラグ付きの例
 
オリジナルの女の子
オリジナルの女の子


NSFWフラグ付き画像キャプションつけない場合
NSFWフラグ付きの例
独自装飾・ウォーターマークつき
オリジナルの女の子
オリジナルの女の子
 オリジナルの女の子


現在ほかの自作スキン上ではキャプション付きやNSFWフラグ付きのスタイルを適用していません。この辺の#CSS は共通化させてもいいと思うんであとでなんかいい方法を考えようと思います。→しました。
ギャラリーモードの表示はこんな感じ。
https://10prs.com/tegalog/?mode=gallery
スマホで見たときにちょっと意図通りじゃないのでそれは何とか出来たらしたい

えむおか@moka

Icon of moka

No.71

次のバージョンアップで画像のフラグつけが可能になったら

次のバージョンアップで画像のフラグつけが可能になったら
以前のギャラリーでワンクッションみたいなカスタマイズ不要になるのでギャラリースキン作り直そ…(もともともう少しどうにかしたかったので!

えむおか@moka

Icon of moka

No.70

#てがろぐ #カスタマイズ まとめ

#てがろぐ #カスタマイズ まとめ
:配布スキンにも搭載予定
解説済み:
  • クイックポストの投稿ボタンを簡素に→ >>25
  • ギャラリーモードでワンクッション→解説
  • 名前変換スクリプト導入→解説:daydreamのみ)
  • 記事個別表示時のtitle→解説
  • 記事個別表示時の前後移動リンク→解説
管理画面・クイックポスト:
  • 独自CSS強制読み込み
  • クイックポストフォームをモーダルで開く
  • 改行したら勝手に伸びるテキストエリア(代償としててがろぐデフォのCtrl+↓では伸びなくなりました)
  • クイックポストに画像一覧をモーダルで開くボタン(>>68
他:
  • ページ送りを「前のページ・数字・次のページ」の並び順に(
  • 記事単体時のユーティリティリンクを前後移動リンクの下に
  • いいねボタン改 導入
  • 指定No.リンクをワンクリックでクイックポストフォームに入れるボタン(>>62
  • 指定No.リンクでリンク先内容ポップアップ
  • 検索窓シンプル⇔複合表示切替(デフォだと複合にしたら戻せない
  • ハッシュタグ一覧をタグクラウドっぽく
  • novel viewer 導入(スキン「daydream」のみ)
  • 先頭固定記事が一定の高さを超えたら以降は隠して続きを展開するボタンを表示
  • Cusdis でコメント欄導入

えむおか@moka

Icon of moka

No.69

#てがろぐ #要望 とか色々をとりとめもなく書く

#てがろぐ #要望 とか色々をとりとめもなく書く
てがろぐ5周年/画像キャプション等登録機能を作りつつあり/ロードマップ的なもの
https://nishishi.fanbox.cc/posts/4911211
を読んで思ったこととか公式板に書き込む前につらつら。
  • 画像関係機能の強化:これは楽しみです、ここではあんまり活用できる場面なさそうだけど
  • 個別記事それぞれの鍵:あれば便利そう、今の共有鍵でも全然事足りはする
  • 予約投稿:企画とかやっててそれのお知らせとかするのに使ってるなら重宝する機能
  • ユーザーリンク集:めちゃくちゃほしい~!
個人的に嬉しいのは上記の点でした

任意日付でのソートは(任意日付を使うなら)欲しいけど記事No.振り直しは要らない…URLが変わるのは好ましくないと思ってるので。「記事No.ではなく任意の名前のURL」も一つのページに複数のURLでアクセスできるのがあまりよろしくない気がするのですがWPはこのへんどうなってるんだろ?freoもエントリーをそういう風にできる機能あるんだけど数字URLでも名前URLでもアクセスできてかつ内部生成されるリンクが数字URLだったりして(詳細はもう忘れた)なんか気持ち悪くて採用やめたんだよね…。
ただ連番抜けるとそれも座りが悪いっていう気持ちもわかるので連番やめてツイッターみたいなランダムな数字列URLになると気にならなくなるかもしれないwでもそうすると記事No.で簡単リンクとかはどうなるのかな(これ重宝してるので今の仕様のままが嬉しい)

汎用装飾記法、名前変換に特化した対応はたぶん不要な気がする…小説書く人ってエディタで書いてコピペが多い気がするのでエディタのほうで名前を[F:names0:名前]とかに一括置換するほうが楽な気がするけどどうなんだろ?今だとウェブのテキストエリアで直書きしてる人のが主流なのかな。私は古のオタクなので小説や長文はエディタで書いたものをコピペしています。classではなくdata-xxxやstyle属性を追加できるような記法はあったらうれしい。全権限持つアカウントだけとかの制限あったほうが無難かな、知らんけど。

設定ファイルの上書き用iniとかはあんまり自分に関係なさそうなので斜め読みしかしてないです…

とにかく今の心理的にも手軽に投稿できる!感が好きなので例えばタイトル記入欄とか任意名前URL入力欄とかができると(使わなくても)ほんの少し心理的ハードルが上がっちゃうかもなぁと思ったり思わなかったり

https://www.nishishi.com/cgi/tegalog/#fe...
こっちにも色々検討中の機能について書かれてるので見ておく。独自実装できたものもあった

ここになさそうなのだと複数ユーザーで使う場合にユーザー一覧をアイコン込みで表示できたらいいな~ってのと、簡易プロフ作れたらいい、ツイッターのbioみたいなイメージ。それと「?userid=hoge」で見れるユーザー別ページの外側スキンでユーザーアイコン表示できるようになると嬉しい、そうするとツイッターのようなデザインが作りやすいので…(たとえが全部ツイッターでごめんなさいツイ廃なので…
>>44 に書いてるものは1・2個目は相変わらずほしい、他は今後の公式アプデや独自実装で解消されそう。あとなんかあれば追記していく(すぐ忘れるので)

てがろぐ、手軽さと機能のバランスとるのちょっと大変そうと思うけどこれからの発展にも期待してます!5周年おめでとうございました🥳🎉

えむおか@moka

Icon of moka

No.68

記事投稿で既にアップしてる画像を挿入したいときに

記事投稿で既にアップしてる画像を挿入したいときに
いちいち管理画面の画像管理開いて…ってせず投稿フォームに入力しつつ探せたらいいなぁと思って実装してみた
もし公式ですでに投稿フォーム見つつ探せる機能あったら教えてください…
20221217014258-moka.gif
ただこれ本当に表示されるだけなのでチェック入れて一括で画像用コード入れたりコードコピーリンクでコピーしたりとかはできません、これ用のjsロードしてないのでコンソールにエラーいっぱい出ますがコード一つ一つ選択してコピーはできます

えむおか@moka

Icon of moka

No.67

前後移動リンクについて

前後移動リンクについて
>>65
やり方解説書きました!
てがろぐ個別記事の前後移動リンク https://10prs.com/view/58

えむおか@moka

Icon of moka

No.66

名前変換スキンのデモについて例として青空文庫から文章を拝借していましたが

名前変換スキンのデモについて例として青空文庫から文章を拝借していましたが
同一性保持権  の侵害に当たるのではという指摘があり、私としても好きな作品の権利を侵害するのは本意ではないため文章部分は引用とし名前変換部分は簡素なものにいたしました。そこまで考えが至っていなかったため気づかせていただけて良かったです。

えむおか@moka

Icon of moka

No.65

記事単体表示時の前後移動リンクを

記事単体表示時の前後移動リンクを
記事ナンバーではなくタイトルで表示するようにしてみました。あとは#CSS でスタイル整えたらいい感じになるのでは?#てがろぐ 、出力されるソースに丁寧にIDやclassがつけられているのでjsやCSSでいじりやすいの助かる🙏
需要がありそうなら解説書きます

えむおか@moka

Icon of moka

No.64

>>36

>>36
先頭固定機能を使いつつ、最新の1件を別ページに埋め込みたい場合の方法
https://www.nishishi.com/cgi/tegalog/cus...

えむおか@moka

Icon of moka

No.63

#てがろぐ にレスポップアップ、なんとなくツイッターもどきというより

#てがろぐ にレスポップアップ、なんとなくツイッターもどきというより
〇ちゃんねる臭がにじみ出るような気がしなくもないけどスタイル整えたら何とかなりそうな気もするし利便性をとった。レスリンク?あってどんな話題へのレスポンスなのかな?って気になってもいちいちページ遷移するのちょっと億劫じゃないですか?怠惰すぎ?
>>61 >>20
同一ページ外の内容も取得できるようになったよ!ちょっと動作もたつくけど…

えむおか@moka

Icon of moka

No.62

ついでにこういうのも実装しました

ついでにこういうのも実装しました
>>61
数字をクリックしたらクイックポストの入力欄にレス?ナンバーが入力される
的なやつです
20221208010847-moka.gif

えむおか@moka

Icon of moka

No.61

#てがろぐ にレスポップアップ機能をつけてみるテスト

#てがろぐ にレスポップアップ機能をつけてみるテスト
60 … 数字にマウスオーバーでポップアップ
57 … 画像も込みでぽぷあっぷできる
50 … 同ページ内にない記事はポップアップできません
ので記事単体表示ページでもできないよ

スマホからはhoverが使えずタップしたらポップアップはするもののリンク踏んだと同じになってページ遷移もしちゃう、#CSSpointer-events: none;とかしたほうがいいかも(記事単体以外、スマホのみ適用とか考慮必要そ

えむおか@moka

Icon of moka

No.60

52の件はたぶん火狐固有の問題っぽい…スクロールするときツールバーを隠す設定にしていると

52の件はたぶん火狐固有の問題っぽい…スクロールするときツールバーを隠す設定にしていると
隠れたツールバーの高さ分背景が途切れる。chromeだとそんなことにならなかった
これ気づかず火狐で何とかできないかと四苦八苦して発狂しそうだった(そして何とかできていない

えむおか@moka

Icon of moka

No.59

#てがろぐスキン daydream を配布に向けて書き直しています

#てがろぐスキン daydream を配布に向けて書き直しています
記事単体専用スキンを使う方法ではなくCSSでトップと記事単体表示時の見た目を変える方法を採用しました。
デモも現在そちらのほうになっています。メニューリンクを悩み中。あとはもうすこしCSS整理します

えむおか@moka

Icon of moka

No.58

スキン側で本文の出力繰り返し数を強制指定する記述

スキン側で本文の出力繰り返し数を強制指定する記述
#てがろぐ カスタマイズ方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/cus...
webサーバでは効くのにローカルだと効かないのはなぜ…?あやうく問い合わせするところだった、確認してみてよかった…しかしなぜ…?
と思ったらこれだ、私ここ触った記憶なかったけど触ったのか…デフォではどうなってたんだろチェックついてないのがデフォ?
20221204172953-moka.png

えむおか@moka

Icon of moka

No.57

絵のテスト

絵のテスト
オリジナルの女の子
#CSS でウォーターマーク、的な

えむおか@moka

Icon of moka

No.56

令和のウェブリングを発見してちょっとテンションが上がるなどしました

令和のウェブリングを発見してちょっとテンションが上がるなどしました
ウェブリングいいなぁ、こういうのでつながることもまた楽しかった記憶。

2022年11月 この範囲を時系列順で読む

えむおか@moka

Icon of moka

No.55

こういうこともCSSでできる

こういうこともCSSでできる
という記録です
20221130171131-moka.jpg
箱庭づくりだな

えむおか@moka

Icon of moka

No.54

#てがろぐ バージョンアップ版が配布されていたのでDLしました。

#てがろぐ バージョンアップ版が配布されていたのでDLしました。
 Ver 3.8.7βになりました。
xamppだと一行目が/usr/bin/perlじゃないとエラーになるの何とかできないかな、サーバにあげるときは配布されたままの一行目で行けるので…。
あと自分の.htaccessとの兼ね合いなんだけど新規投稿してもログに出力されなくて焦った…前まで0で行けてたところを1にして事なきを得た

🔝