Iphone

YouTubeの次期マテリアルデザインをリリース前に有効にする方法

YouTubeの次期マテリアルデザインをリリース前に有効にする方法

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 007

YouTubeはまもなくGoogleのマテリアルデザインを採用し、見た目も非常に洗練されています。アップロードボタンがGoogleのモバイルアプリで一貫して使用されているアップロード矢印のグラフィックに置き換えられたほか、中央にマテリアルデザイン風の検索フィールドが追加されました。

さらに重要なのは、YouTube の新しい外観には、チャンネル ページの背景色がヘッダー画像と一致すること、サイドバーのアイコンが丸くなること、ビデオ プレーヤーのビデオの周囲の空白が増えること、およびその他のいくつかの小さな変更が含まれることです。

Chromeユーザーは、今なら今後のアップデートを一足先にご覧いただけます。リリースに先駆けて、YouTubeでマテリアルデザインを有効にする方法を、わずか数クリックでご紹介します。

YouTube のマテリアル デザイン UI は、世界 (米国) 地域設定でのみ機能します。

さらに、現在ログインしている場合は機能しないため、マテリアル デザインに切り替える前に、プライベート ブラウジング モードを使用して、アカウントにログインしていないことを確認します。

1) Mac または Windows PC で Chrome を起動し、シークレット ウィンドウ ([ファイル] → [新しいシークレット ウィンドウ]) を開いてプライベート ブラウジング モードに入ります。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット001

2)新しいシークレット ウィンドウで、上部の URL フィールドに「www.youtube.com/?gl=US」と入力して、YouTube のワールドワイド (米国) インターフェースにアクセスします。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット002

3) Chrome の開発者ツールを開きます。Mac の場合はCommand (⌘)-Option (⌥)-Iを、Windows 版 Chrome の場合はControl (⌃)-Shift (⇧)-I を押します。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット003

ページのソースなどを調べることができる Chrome の開発者ツールが表示されます。

4)上部の「リソース」タブをクリックします。

ヒント: [リソース] タブが表示されない場合は、Chrome ウィンドウを少し広げて、上部のツールバーに表示されるまで広げます。

5) 「 Cookie」セクションを展開し、www.youtube.comエントリをクリックします。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット006

6)次に、youtube.com ドメインのVISITOR_INFO1_LIVE Cookie を削除します。エントリを右クリックし、ポップアップ メニューで[削除]を選択します。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット007

7)次に、上部のツールバーの「コンソール」をクリックします。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット008

8)コンソールの空のフィールドを右クリックして、  「貼り付け」を選択し、次の内容を貼り付けます。

document.cookie="VISITOR_INFO1_LIVE=Qa1hUZu3gtk;path=/;domain=.youtube.com";

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット009

上記の行を貼り付けた後、Enter キーを押します。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット010

すべてがうまくいけば、下のスクリーンショットに示すように、貼り付けた行の下に、新しい Cookie 定義を含む別の行が自動的に表示されます。

OS X版Chromeでマテリアルデザインを有効にする方法 Macスクリーンショット011

9)  Chrome の[再読み込み]ボタンをクリックするか、[表示] → [このページを再読み込み]を選択します。

10) Chrome の開発者ツールを閉じます。

おめでとうございます。YouTube の今後のマテリアル デザインの更新をお楽しみいただけます。

これらの手順については、Reddit ユーザーの GiorgioMarinel 氏にヒントを提供しました。

YouTubeのマテリアルデザイン刷新の簡単なツアー

YouTube のインターフェースの変更は、一部の人が期待していたほど深く根本的なものではないものの、デザインと使いやすさの観点から見ると、新しいインターフェースにより YouTube は Google の他の刷新されたサービスとより一致するようになりました。

Google のモバイル、デスクトップ、Web 開発向けデザイン言語であるマテリアル デザインは、過去 1 年ほどの間に Gmail、Google+ など Google の最も重要なサービスに展開されてきました。その最終目標は、検索会社のさまざまなサービスの外観と操作性を、デバイス、画面、フォーム ファクター全体で統一することです。

YouTube で公開されているマテリアル デザインのスクリーンショットをいくつかご紹介しますので、ぜひご覧ください。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 001
上部の中央に配置された、マテリアル デザインにヒントを得た検索バー。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 002
円形のアイコンにより、YouTube のサイドバーが以前よりもスタイリッシュになりました。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 003
チャンネルの背景は、ヘッダー画像の色と自動的にマッチします。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 004
更新されたインターフェースが以前よりも少しフラットになっていることに注目してください。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 005
チャンネルのサブセクションも、より洗練された外観になりました。

OS X 用 Chrome マテリアルデザイン Mac スクリーンショット 006
内蔵ビデオ プレーヤーで、ビデオの周囲にさらに多くの空白スペースが追加されました。

Google は新しい YouTube UI がいつ公開されるかについては何も約束していないが、新しいデザインをテストしていることを考えると、数週間や数か月かかることはないはずだ。

ハウツーに関するご提案は、  [email protected]までお気軽にお送りください。

ヘルプが必要ですか?iDB にお問い合わせください。

困っていませんか?Appleデバイスで特定の操作方法がわからない場合は、  [email protected]までご連絡ください。 今後のチュートリアルで解決策が見つかるかもしれません。

Milawo
Milawo is a contributing author, focusing on sharing the latest news and deep content.