どこかのメモ

手持ちサイトのジャンルに該当しない系の記録

サイト上の画像クリック(タップ)すると拡大表示するやつのメモ

2025年7月28日追記
結論から言うとLuminousが使えた。本文中の画像をふわっと拡大。

雑記・Astroにphotoswipe入れようとして何もわからんすぎてGemini先生とchatGPT先生に聞いた結果Astro起動すらないなったからキレてる きっとAIに嘘をつかれている

lokeshdhakar.com


https://github.com/lokesh/lightbox2

みんなだいすきライトボックス

photoswipe

photoswipe.com


https://github.com/dimsemenov/photoswipe

  • モバイルフレンドリーと聞いた
  • さらにズームできるのが良い
  • やろうと思えばウクライナ支援もできる

使いたかった。数日挑戦してAstroにぶちこめなかったので諦めた

fancybox

fancyapps.com


https://github.com/fancyapps/fancybox

画像、ビデオ、地図、HTMLコンテンツなんでもふわっと表示するやつ

Intense Images

tholman.com


https://github.com/tholman/intense-images

全画面拡大する

Luminous

https://github.com/strawdynamics/luminous

jQueryに依存しない

よさげ

www.jsdelivr.com

ヘッダーのどっかに

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/luminous-basic.min.css">

それと

<script is:inline data-astro-rerun src="https://cdn.jsdelivr.net/npm/[email protected]/dist/luminous.min.js"></script>

あとはGeminiに聞いたスクリプトをなんかいっぱい追加した 初期化がどうのこうの(何も理解してない)

tailwindcssとぶつかってるっぽいので`!important`まみれの追加CSSをstylesディレクトリに追加

そして記事作成。

フロントマター直下で画像インポートして本文でなんたらかんたら…

lightGallery

www.lightgalleryjs.com

2025年2月13日ちゃっとじてぺ先生が急におすすめしてきたから追記

Astroコンポーネント

Astroに手を出した なんもわからん

Astro — Lightbox • Zoom image to fullscreen

code.juliancataldo.com

www.npmjs.com

PandaBox

astro-lightbox.netlify.app

パンダかわい

ついでにメモ・AstroNicoEmbed

github.com

ニコニコ動画埋め込み

ついでにメモ・ずぼログ

do.gt-gt.org

フォルダに放り込んだらおしまい!な所がよさげ

なにもかも嫌になった…これ設置して画像放り込むか…になってる

---

2025年1月15日追記:Astroにギャラリーページ設置してそこでphotoswipe使うのはできたが、Markdown(*.mdx)でひょいと更新するのに便利なブログの方で使う方法がいまだわからない。画像クリックするとポップアップではなく下に表示される(CSSはぶっ壊れている)

「広告は表示してやりたいが特定の広告はもう見たくない」のでCSSをいじくり倒したメモ

「無料で使わせてもらってるから広告は表示しておくけど特定の広告が気に入らないからそれだけ視界から消したい」

しかしこっちでCSSいじくって適応させる以外の手段なさそうなサイトがあった…のでメモ。

  1. 機能拡張 Live editor for CSS, Less & Sass - Magic CSS

chromewebstore.google.com

を入れる

  1. display: none;乱舞

だが「要素#乱数か何か」みたいなのが結構あって消しきれなかった。

消したい部分が「id=ABC…」みたいなABC始まり固定だったので(仮。実際は違う)

[id^="ABC"]{
    display: none;
}

でぶち消した。

終わり。

対策されてまた表示されたらもう大人しく広告ブロックする。

広告ブロックブロックを導入してきたらスクリプトぶったぎるかソース見る。

それも何か対策されたらもう利用しない。

クソみてぇな広告出すアドをいつまでも使っているのが悪い。DMMブックスにでもしとけばいい。

WordPressをActivityPubでFediverseに放流したいけど四苦八苦しているメモ2023年10月31日時点

タイトルでもうなんもわからんくなる

目次
  • 目次
  • なんかやり始めた様子
  • 現在の問題
    • ブログプロフィールに設定したアカウントは今のところ使い道がいまいちかもしれない
      • 関係ありそうな思い当たるフシ
    • @[email protected]、見えたり見えなかったりまばら
    • サイトヘルスステータスに何か出てる
  • うまくいってそうな所

---

なんかやり始めた様子

koneri.org

8月にチャレンジしてた

投稿者=管理者なのはいまいち気に入らないので新たに投稿者@syuraを作りました。
@[email protected] で見つかるはずですが…

続きを読む

漫画セリフ用のフォントまとめ(アンゴチ)とついでのおすすめ少し

f:id:syuraba:20220411153658j:plain

アンゴチ並べたらゲシュタルト崩壊するんだわ

見やすい好みのアンチック体にしようかな…と並べて見比べたものの一瞬で
全部同じじゃないですか!
してしまった。

とりあえず自分のための備忘録。

  • 基本無料から探す
  • 利用規約などはDL時、また使用の際にも確認すること(商用OK印刷OK等確認)
  • CLIP STUDIO PAINT EXにてサンプル作成

↓目次

  • イワタアンチック体B
  • GL-アンチックPlus (アンチゴチ体)※開発終了。後継フォントはGL-ノバンチカ源
    • GL-ノバンチカ源-2024年2月2日追記
  • しっぽりアンチック&しっぽりアンチックB1
  • びぜんアンチック
  • 源暎アンチック
    • 2023年1月30日「源暎ぽっぷる」追加されてました
  • 新コミック体
  • やさしさアンチック
  • 並べて見比べるための画像を作っていた
  • その他よく使いそうなフォントメモ
    • 「小杉丸ゴシック」
    • Mochiy Pop P One
    • はちまるポップ
    • うつくし明朝体
    • 怨霊フォント
    • 書き文字「ふい字」
    • 筆文字フォントはやはり「青柳疎石フォント」
  • サンプル文章
  • 使用ツール「Eagle」

イワタアンチック体B

f:id:syuraba:20220411154058j:plain

イワタアンチック体Bサンプルスクショ

support.clip-studio.com

クリスタ使いならみんな入れてる

続きを読む

Windows11にしたけど10に戻した話

f:id:syuraba:20220318191412j:plain

帰ってくれWindows11
  • 結論:4日間格闘した後10に戻した
    • 始まるフリーズ祭
  • 無理・戻した
    • 戻す作業のメモ
  • ただ、raytrekタブレットもまぁまぁ危うい
続きを読む