YouTubeの公式プレイリストを逆順再生

チャンネル公式プレイリストがデフォルトの新→古順になっている事が多く、保存しても「上から再生」か「シャッフル再生」しか出来ない。
シリーズを公開順で観る為に自分のプレイリストに取り込むツールを使用する。

YouTube Copier
https://www.labnol.org/youtube/playlists/

変換

  1. Googleアカウントでログインし、保存したいプレイリストのURLを入力
  2. 作成したプレイリストの並べ替えから公開日 (古い順)に変更して再生

家もPCも指紋認証で入る

指紋認証が好きだ。様々な物事にまだこんなに遅くて不便なのかよと感じる中、速さと便利さで感動させてくれる。

設定した指紋認証

  • 玄関
    • SwitchBot スマートロック+指紋認証パッド
  • PC
    • WindowsHello対応USBリーダ
      • 設定 > アカウント > サインイン オプション > Windows Hello 指紋認証
  • モバイル
    • Android
      • 72時間に一度、他の方法での解除を求められるのが面倒。無効化したい
  • Webサイト
    • Google Passkey
    • Microsoftアカウント
    • マイナポータル
    • WordPress
      • アドオンWP-WebAuthn
        • ユーザー > プロフィール下部Register New Authenticatorで認証子を追加
続きを読む 家もPCも指紋認証で入る

Prism.jsのSASSハイライトを修正

WordPressのHCBに言語を追加でSASSのシンタックスハイライトを追加したが、判定が不完全なので修正する。

修正前
修正後

疑似クラス、疑似要素の:にマッチしてセレクタ行がプロパティ判定されている(6,9行目)。

続きを読む Prism.jsのSASSハイライトを修正

class指定付きnth-child

指定クラスを持つ要素の内のn番目、奇数・偶数個などの条件で装飾する。

課題

SNSの投稿の背景色を交互に変えたい。
兄弟要素が投稿のみの場合はdiv.xxx:nth-of-type(odd):nth-child(odd)で奇数の投稿を指定可能。
(odd又は2n+1で奇数、even又は2nで偶数)
投稿の間に何らかの要素が入る場合、カウントは兄弟要素全てが対象となりdiv.xxxの奇数は取れない。
(div.nth-of-typeは兄弟要素のdivがカウント対象、div:nth-childは全ての兄弟要素がカウント対象)

続きを読む class指定付きnth-child

Calckeyに全ユーザ用CSSを適用する

Calckey自鯖の全ユーザにカスタムCSSを反映させる。
コントロールパネルに機能追加されるまでの暫定対応。

自分のみ適用したいCSSはChrome拡張機能StylusやCalckeyユーザ設定のカスタムCSSを使用する

構築と基本設定 身内用Calckey鯖を無料で立てる

CSS作成

  • CalckeyのカスタムCSS機能はBetterDiscordの様にライブプレビュー出来ないので、Stylusで作成する
    • 適用URLを追加して他のCalckeyサーバにも使える (Misskeyには使用不可)
  • !importantをつけまくる
続きを読む Calckeyに全ユーザ用CSSを適用する

身内用Calckey鯖を無料で立てる

1㍉もサーバの事が分からぬ素人が手探りでCalckey鯖を立てた記録。
Gandiで購入したドメインを、メインとメールはCORESERVER、サブドメインをOCI無料枠のCalckeyに割り当てる。Cloudflareは不使用。

CalckeyはMisskey v12の派生で、違いは色々あるが個人的にはキャラ画像等の差替が大きい。

参考
続きを読む 身内用Calckey鯖を無料で立てる