約4年間の地獄の苦しみを耐え抜いたレストレスレッグス症候群の記録

<h1 id="hbbec9b7e20">YouTubeExtensionとは</h1><p>独自に開発したGoogleChromeの拡張機能です❗️<br>何ができるかはコントローラー（次の画像）を見れば何となくわかると思います😕操作性を考えたら何もデザインしないのが使いやすかったので初期のHTMLの状態です😅</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/326187c8fd904975b16d1256300fc865/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2020.33.09.png" alt="" width="241" height="187"></figure><h1 id="h852c869c51">フィルター機能</h1><p>単純に動画の映像の色を変えるものになります🌈ようは明るさやコントラストなどを変更することができる機能🤖<br>使用用途としては心霊系の動画をより恐怖を持って視聴することが可能になったり、見ずらい部分をフィルターをかけて見やすくするなどがあります🐈</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/08e81f2eeb714ab399ee4884eaec327e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2020.57.44.png?w=1800&amp;h=822" alt="" width="1800" height="822"></figure><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/b10cec8edf7d4379a1eb2c226db8f576/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2020.58.20.png?w=1800&amp;h=854" alt="" width="1800" height="854"></figure><h1 id="h7304805d2d">左右反転/上下反転</h1><p>単純に動画の映像を左右反転させたり、上下反転させることができる機能🪞<br>どういうわけか、ごく稀に左右反転していたり、上下反転していたりする動画があるので、それに対応するための機能🔥</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/bce26dfadf4440f58c3c19e16cae907a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2021.00.33.png?w=1800&amp;h=831" alt="" width="1800" height="831"></figure><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/c367d7c50e1643dba69836ff1f29ba36/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2021.00.47.png?w=1800&amp;h=838" alt="" width="1800" height="838"></figure><h1 id="h4485cd1224">コントロール表示/非表示</h1><p>再生ボタンとかチャンネルアイコンなどの動画視聴に邪魔なオブジェクトを非表示にする機能☠️<br>単純に映画とかを見ていて、カーソルが当たると出現するオブジェクトが邪魔だから実装しました💡</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/6d4ff588ad3441d3ba2177f0de19918a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2021.02.24.png?w=1800&amp;h=942" alt="" width="1800" height="942"></figure><h1 id="h2328559d15">キャプチャ機能</h1><p>現在写っている映像を画像化する機能で動画の画質に応じて良い写真が撮れる🎥4Kの映像なら非常に良い写真が撮れます❗️<br>ちなみにフィルタをかけた状態や左右上下反転状態でもシャッターを押せます😃</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/c64b8b0721f04582a279f3565d34c453/Huh%20Cat%20Meme%20Template%20-%20YouTube.png?w=1800&amp;h=1012" alt="" width="1800" height="1012"></figure><h1 id="h2f889ee860">擬似クリップ機能</h1><p>これまでの機能はすでに公開されている拡張機能にもある機能で『すげぇ❗️』という機能ではないが、おそらくこの擬似クリップ機能は世界初❓じゃないかと自負している✊</p><p>YouTubeにはクリップという機能があり、自分のお気に入りのシーンを何度も繰り返し視聴したり、保存・共有することのできる機能があります🧐 が、この機能はYouTube側の仕様や仕様変更などを経て、クリップできる動画もあればそうでない動画もあったり、動画投稿者自身が他人のクリップを削除することができたり、さらに言えば5秒〜60秒までしかクリップできない、そう言った制限があり、私自身もこれを不便に感じていました😡</p><p>というわけで作ったのがこの擬似クリップ機能になります💡擬似という名をつけているのは本家YouTubeのクリップ機能との差別化を測るためです📏言ってしまえば本家の機能から共有機能を無くしたものと考えてもらえればOK👌</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/315d000752dd41078ea8f1cf43da844a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-22%2022.35.14.png" alt="" width="230" height="236"></figure><p>この場合、3.5秒〜4.5秒の動画を繰り返し視聴することが可能になる💡が、ブログでは説明できないので気になる人は拡張機能を設定してみてね☺️</p><h1 id="h4e2735c8e3">LocalTubeとは</h1><p>LocalTubeとは擬似クリップの情報をlocalhost環境へ保存し、取り扱うためのツールになります😃ようはクラウド上へデータを保存せず、自分自身の端末をローカルサーバーとして動かし、自分自身で擬似クリップを管理するツールです🥱保存する機能をどう作り、運用するのかを考えた時、Webサービスとして展開しようとすると、サービス規約や認証機能などを実装しなければならず、それにともなう保存先サービスの無料制限や課金額などを考える必要がありました😮‍💨だからこそSQLiteを用いてOSS（オープンソースソフトウェア）で対処することに帰着しました🐸</p><figure><img src="https://images.microcms-assets.io/assets/acaa0207cdb14208bf861c8aed928555/791801c8d41346709d0917d0b1319036/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202025-01-23%2013.42.52.png?w=1800&amp;h=1502" alt="" width="1800" height="1502"></figure><p>できることは擬似クリップ情報の保存、ブラウザ上での情報管理になります。</p><p>&quot;YouTubeExtension&quot;から擬似クリップ情報を送信し、自動でサムネイル画像（キャプチャ機能で取得した画像）と擬似クリップ情報をSQLiteに保存することができます。そしてExpressを用いてブラウザに一覧を表示することができ、情報の編集や擬似クリップの視聴ができます☝️</p><p>⚠️擬似クリップの視聴はあくまで&quot;LocalTube&quot;と&quot;YouTubeExtension&quot;を連携させないといけないので、それぞれを自分のPCにインストールしておく必要がある⚠️</p><h1 id="h1deb1fcd5b">&quot;YouTubeExtension&quot;と&quot;LocalTube&quot;の今後について</h1><p>&quot;YouTubeExtension&quot;は今後、タイミングがあれば他にも機能を実装しようと考えており、アイデアを募集中🚩</p><p>&quot;LocalTube&quot;はNEXT.jsへの移植を考えており、現状は機能のアップデートはありません🚨なぜかというと&quot;LocalTube&quot;自体がjavascriptのみで作られており、これ以上の機能の追加や複雑化を伴ってくると、保守や操作性に影響が出ると考えているから、このタイミングで移植しようと判断しています🐸ただ他にもアイデアがあり、そちらの対処や勉強、就職活動など時間は限られているので、実際にどうなるのかわかりませんがね🤮</p><h1 id="hfebb7fea72">GitHub リポジトリ</h1><p><a href="https://github.com/portfoliokns/YoutubeExtension">https://github.com/portfoliokns/YoutubeExtension</a><br>Chromeウェブストアへ公開しているわけではないので、PCへインストールする必要がありますが、比較的簡単に導入することができます⚠️</p><p><a href="https://github.com/portfoliokns/LocalTube">https://github.com/portfoliokns/LocalTube</a><br>Node.jsやExpressやSQLiteを使用するため、ITエンジニアとしての知識が必要となりますので、導入はある程度困難を極めます🚨</p><p></p>

"YouTubeExtension"と"LocalTube"のご紹介

<h1 id="hba5e895593">ご挨拶</h1><p>はじめまして👨NEXT.jsを勉強し、取り扱うことができるようになったので、このたびブログを開設しました🎉</p><p>こちらのサイトですが、主に技術系や日常生活などの情報を発信していこうかと考えています🧐</p><p>元々は<a href="https://qiita.com/portfoliokns3">Qiita</a>でプログラミング系の情報発信をしていたのですが、本当にプログラミングやITといったシステム関係の記事しか書けないんですよね💦</p><p>一応それ以外の記事も書くことはできますが、基本的に非公開や限定公開（<a href="https://help.qiita.com/ja/articles/qiita-community-guideline">Qiitaのルール上</a>はIT関連の記事以外は書いてはいけない決まり）なので、書いたり記録した労力に見合わず、閲覧数が非常に少なくてやる気が出ないわけです😔</p><p>何が言いたいかというと基本的にポリシーを遵守しないといけないんですよね😅</p><p>そして自分の作ったアプリケーションは紹介できず、なぜそんなものを作ったのか意味をなさなくなる訳です💦（<strong>宣伝や販売に該当する</strong>）</p><p>というわけで自前でブログサイトを構築しました👅</p><h1 id="hc36a35f1b8">どんな内容を掲載する予定？</h1><p>現状は技術系や日常生活で読み手にとって非常にいい内容を書くつもりでいます😕</p><p>ちなみに私のスキルは以下の通りでそれに沿った技術系の内容を書くことを考えています🤭</p><p>①アプリ開発❓ ②動画編集❓ ③PC関連❓ ④その他❓</p><h1 id="h2b3b37a545">このブログサイトのシステム構成と改変について</h1><p>このブログサイトはNEXT.jsを用いて構築されており、私の独断と偏見で改造していくことができます🛠️</p><p>そのためデザインが頻繁に変わったり、デプロイなどによってアクセスできない時間帯があるかもしれませんので、その点はご了承ください🙇‍♀️</p><p>とくに「いいね」機能やアクセス回数が現状ではわからないので、将来的にはそれらも実装できればと思います💣</p>

約4年間の地獄の苦しみを耐え抜いたレストレスレッグス症候群の記録

"YouTubeExtension"と"LocalTube"のご紹介

はじめてのブログ投稿❗️ブログサイトを独自構築しました❗️