コガネブログ

平日更新を目標に Unity や C#、Visual Studio、ReSharper などのゲーム開発アレコレを書いていきます

【Chrome】YouTube の自動翻訳の字幕を自動で日本語にする方法

手順 Chrome で上記のページを開いて「Tampermonkey」という拡張機能を追加します 次に上記のページを開いて 「スクリプトをインストール」ボタンを押します 続けて「インストール」ボタンを押します これで YouTube で動画ページを開いた時に自動翻訳の字幕…

【CSS】Chrome で Trello のカードの表示幅を広げる方法

概要 Stylus などで以下の CSS を登録します .list-wrapper { width: 320px !important; } .list-card { max-width: 320px !important; } 適用前 適用後

【CSS】Chrome で GitHub Projects の Issue の表示幅を広げる方法

概要 Stylus などで以下の CSS を登録します .project-pane { width: 640px !important; } 適用前 適用後

【Chrome】GitHub や GitLab のアイコン表示を拡張できる「File Icon for GitHub and GitLab」紹介

はじめに 「File Icon for GitHub and GitLab」を Chrome に追加することで GitHub や GitLab のアイコン表示を拡張できます 使用例 適用前 適用後 ファイル名や拡張子に合わせてアイコン表示が拡張されます

【Chrome】GitHub ページの左側にリポジトリの階層構造を表示できる「Octotree」紹介

はじめに 「Octotree」を Chrome に追加することで GitHub ページの左側にリポジトリの階層構造を表示できます 使用例 画面左の「Octotree」ボタンを押すと表示できます ピンアイコンをクリックして固定することもできます

【Chrome】GitHub のタブのサイズを 1 から 8 の範囲で調整できる「GitHub Custom Tab Size」紹介

はじめに 「GitHub Custom Tab Size」を Chrome に追加することで GitHub のタブのサイズを 1 から 8 の範囲で調整できるようになります 使用例 スライダーで調整できます

【Chrome】GitHub のタブのサイズを 8 から 4 に変更する「Tab Size on GitHub」紹介

はじめに 「Tab Size on GitHub」を Chrome に追加することで GitHub のタブのサイズが 8 から 4 に変更されます 使用例 導入前 導入後

【Chrome】GitHub の検索欄を強化する「Awesome Autocomplete for GitHub」紹介

はじめに https://chrome.google.com/webstore/detail/awesome-autocomplete-for/djkfdjpoelphhdclfjhnffmnlnoknfnd 「Awesome Autocomplete for GitHub」を Chrome に追加することで GitHub の検索欄を強化できます 使用例 導入前 導入後

【Chrome】GitHub でカーソルを合わせるだけでユーザーやリポジトリ、issue、コミットの情報を閲覧できる「GitHub Hovercard」紹介

はじめに 「GitHub Hovercard」を Chrome に追加することで GitHub でカーソルを合わせるだけでユーザーやリポジトリ、 issue、コミットの情報を閲覧できるようになります 使用例 ユーザー リポジトリ issue コミット

【Chrome】GitHub リポジトリのフォルダを ZIP でダウンロードできる「GitZip for github」紹介

はじめに 「GitZip for github」を Chrome に追加することで GitHub リポジトリのフォルダを ZIP でダウンロードできるようになります 使い方 ダウンロードしたいフォルダをダブルクリックして 画面右下のダウンロードボタンを押すことで使用できます

【Chrome】GitHub のページを全幅表示にできる「Wide Github」紹介

はじめに 「Wide Github」を Chrome に追加することで GitHub のページを全幅表示にできます 使用例 導入前 導入後

【Chrome】GitHub でリポジトリのサイズを見れるようにする「GitHub Repository Size」紹介

はじめに 「GitHub Repository Size」を Chrome に追加することで GitHub でリポジトリのサイズを見れるようになります 使用例 導入前 導入後

【Chrome】GitHub でダークテーマを使用できる「GitHub Dark Theme」紹介

はじめに 「GitHub Dark Theme」を Chrome に追加することで GitHub でダークテーマを使用できるようになります 使用例 導入前 導入後

【Chrome】GitHub でコードの折りたたみが使用できる「GitHub Code Folding」紹介

はじめに 「GitHub Code Folding」を Chrome に追加することで GitHub でコードの折りたたみが使用できるようになります 使用例

【Chrome】GitHub で空白やタブを可視化できる「Render Whitespace on GitHub」紹介

はじめに 「Render Whitespace on GitHub」を Chrome に追加することで 空白やタブを可視化できます 使用例 導入前 導入後

【Chrome】GitHub で .editorconfig や .gitignore などのファイルを非表示にできる「Hide Files on GitHub」紹介

はじめに 「Hide Files on GitHub」を Chrome に追加することで GitHub で .editorconfig や .gitignore などのファイルを非表示にできます 使用例 導入前 導入後 補足 デフォルトでは下記の正規表現にマッチするファイルが非表示になります ^\. ^license ^c…

【Chrome】GitHub のヘッダーの色を変更できる「GitHub-Color」紹介

はじめに 「GitHub-Color」を Chrome に追加することで GitHub のヘッダーの色を変更できます 使用例 導入前 導入後 使い方 GitHub メニューの「Header color」から変更できます

【Chrome】ダウンロードバーを常に非表示もしくはダウンロードが完了したら非表示にできる「AutoHideDownloadsBar」紹介

はじめに 「AutoHideDownloadsBar」を Chrome に追加することで ダウンロードバーを常に非表示もしくはダウンロードが完了したら非表示にできます 使い方 「AutoHideDownloadsBar」を Chrome に追加すると ダウンロードバーが常に非表示になります オプショ…