理想のLightboxを求めた

WordPressに理想的な挙動のモーダルウィンドウを実装する。

画像モーダルに求める条件

  • 画像クリックで閉じる (×ボタンや背景のクリックは面倒)
  • シンプル (フレームや影やズームボタンは不要)
  • アニメーション無し (ふわっと出るのは時間の無駄)
  • スワイプ対応 (左右で閲覧、上下で閉じる)
  • ギャラリーをホイール上下で操作
  • WordPressで設定したキャプションが出る

Lightbox系プラグインを色々入れて設定してみた所、全て満たせるのはFancyBox for WordPressだけだった。大抵は「画像クリックで閉じる」か「スワイプ対応」が出来ない。

FancyBox~で機能的には申し分ないが、スワイプの挙動に不安定な所がある。PCだと横長の画像しかスワイプ出来ず、スワイプ失敗時キャプションの領域が謎に増えてゆく。(元のFancyBox3では問題ない)

「画像クリックで閉じる」以外を満たし、操作感が気持ちいいLightbox with PhotoSwipeを改変してクリックで閉じられるようにする。

続きを読む 理想のLightboxを求めた

Pinterestの背景リンクを無効化

Pinterestのピンの周囲全面には何故かリンク(クリックイベント)が貼られている。
押すと前ページに戻るが、見ていた位置に戻る訳でもないし、何となくマウスカーソルを置いておく場所なので落ち着かない。

これをChrome拡張のStylusで消す。

適用前
適用後

CSS適用

[data-test-id="closeup-data-loaded"] {
	width: 70% !important;
	margin: auto !important;
}

MusicBeeへの移行と設定

時勢に乗り音楽ストリーミングサービスを使っていたが、各種プレイヤーのモバイルファーストを超えたモバイルオンリー仕様に蓄積したストレスが爆発し、ローカルの音楽ライブラリに戻る事にした。

10年以上使っていたWinampの再始動も来なそうなので、MusicBeeにライブラリを移行。快適にすべく設定を隅から隅まで弄っていると便利な機能がもりだくさんで楽しくなったので書いておく。

続きを読む MusicBeeへの移行と設定

孤独のVR

VRChat等のVRSNSで遊びたいけどいきなりオープンな場に放り込まれたくない、一人で探索したい、ゲームを起動してまずOPTIONを選択するタイプの人向けの始め方。
海外SNSはまず知らん奴と話してみろというスタンスなので、気を抜くとパブリックに放り込まれる。

自分がまず知りたかったクローズドなワールドの入り方、ミュートの設定方法、テレポート移動の設定方法を書いておく。(ボタン操作はVR機器によって違うので、とりあえず押してみてメニューを開こう)

新しい世界に行く時はね 誰にも邪魔されず自由で
なんというか救われてなきゃあダメなんだ 独りで静かで豊かで…

続きを読む 孤独のVR