YouTubeの動画タイトルを全文表示

Pixivの作品タイトルと同様、全文読めないのでStylusで解決。
タイトル部分の幅を広く、フォントを少し拡大し、太字解除。
アイコンは無駄に空いているチャンネル名の横に移動。

適用前
適用後

CSS適用

#details.ytd-rich-grid-media {
	flex-direction: column;
}

#meta.ytd-rich-grid-media {
	overflow-x: hidden;
	padding-right: 0;
}

/*動画タイトル*/
ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media {
	overflow: visible;
	display: contents;
	font-size: 1.45rem;
	font-weight: 400;
}

h3.ytd-rich-grid-media {
	margin: 6px 0;
	padding-left: 4px;
}

/*チャンネルアイコン*/
#avatar-link.ytd-rich-grid-media {
	margin-top: -36px;
	order: 1;
}

/*チャンネル名・再生回数*/
ytd-video-meta-block,
.ytd-video-meta-block[meta-block] {
	flex-direction: column;
	margin-left: 48px;
	max-width: 210px;
}

/*メニュー*/
#menu.ytd-rich-grid-media {
	position: relative;
}

ytd-menu-renderer.ytd-rich-grid-media {
	position: absolute;
	top: unset;
	bottom: -2px;
	right: -8px;
}

/*バッジ*/
.title-badge.ytd-rich-grid-media,
.video-badge.ytd-rich-grid-media,
#buttons.ytd-rich-grid-media>*.ytd-rich-grid-media {
	margin: 6px 2px 2px 48px;
	position: absolute;
}

Twitchの表示を最適化

Chrome拡張機能BetterTTVでTwitchの余計な機能を無効化する。

設定

インストール後、Twitchの右上アイコン > BetterTTV Settings

おすすめ設定項目

Chat Setting
  • Anon Chat [ON] 視聴中ユーザリストに自分を追加しない
Directory Setting
  • Featured Channels [OFF] おすすめチャンネル非表示
Channel Setting
  • Front-page Player [OFF] トップページで配信を自動再生しない
  • Host-mode Player [OFF] チャンネルがホストしている配信を表示しない
  • VOD Player [OFF] アーカイブ視聴後、おすすめ動画を自動再生しない
  • Click to Play [ON] 動画クリックで停止・再生

WebでPDFを簡易編集

印刷して記入して郵送しろとかいうPDF申請書類にサクッと記入したりページ削除・統合したい時用、覚え書き。インストール不要のDocHubを使う。

手順

  1. PDFをGoogle DriveにUP
  2. Drive上のPDFを右クリック > アプリで開く > DocHub - PDF Sign and Edit

初回はGoogleアカウントを選択し、許可のリクエストを承認する。

続きを読む WebでPDFを簡易編集

理想のタスク管理ツールを求めて

ブラウザの新規タブに表示するカンバン方式のタスク管理ツールを長らく探しているが、どれもこれも異様に表示が遅い。まだ理想のツールを見付けられていないが記録しておく。

タスク管理ツールに求める条件

  • ブラウザで表示可能
  • 表示1秒未満
  • カンバン方式
  • 未完タスクは昇順、完了タスクは降順に期限日時で自動ソート
  • 無料で基本機能に制限がない、古いデータが削除されない

ブラウザである理由は、常駐アプリを増やさず自然に日に何度か目に入れられる為。
カンバンである理由は、完了・失敗タスクを残しておきたいのと日付順にしたい為。

続きを読む 理想のタスク管理ツールを求めて

ブックマークレット

ブックマークバーに登録して使用しているブックマークレット。

ページのタイトルを取得

意外とブラウザの標準機能に無い。

javascript:(()=>{const e=document.title,t=document.createElement("textarea");t.textContent=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),console.log(`Copyed this website title "${e}"`)})();

アドレス欄のURLを維持

各ブックマークレットの最後に追加する。

if(history.replaceState){history.replaceState({},null,location.href);};

Google 検索結果を日本語以外でフィルタリング

ろくな情報が出てこない時に。

javascript:location.href+='&lr=-lang_ja';

amazon 商品ページURLを簡略化

クエリを除いてリンクを貼りたい時に。

javascript:location.href='http://www.amazon.co.jp/dp/'+document.getElementById('ASIN').value+'/';

YouTube 日本語自動翻訳を表示

設定 > 字幕 > 自動翻訳 > 日本語(最下部)の自動化。
記事: YouTubeの日本語字幕表示を自動化