ブラウザ
 Computer >> コンピューター >  >> ソフトウェア >> ブラウザ

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

ChromeやFirefoxなどのブラウザは、携帯電話やデスクトップで最もよく使用されるアプリケーションの1つです。ブラウザを使用していると、新しいタブページが頻繁に表示される可能性があります。これは、ブラウザで最も閲覧されているページの1つです。

このページを天気やスコアカードなど、好きなものでパーソナライズできるといいと思いませんか?

この目的のために、Googleは、カスタマイズされた新しいタブ拡張機能を作成するのに役立つ、Chrome用のタブメーカーと呼ばれるコードフリーツールを導入しました。それでは、TabMakerとは何かとその使用方法を見てみましょう。

Googleのタブメーカーとは何ですか?

Tab Makerは、Chromeの新しいタブページをカスタマイズおよび拡張するための拡張機能を作成できるGoogleの製品です。このツールを使用すると、新しいタブを開くたびに新しいものを簡単に見つけることができます。

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

伝統的に、プロのコーダーはこれらの種類の拡張機能を開発します。 Tab Makerを使用すると、技術的な知識やコーディング能力がなくても、新しいTab拡張機能を簡単に作成できます。

ツールの開発者は、開発者以外の人を念頭に置いてツールを作成しました。それはあなたがあなたのカスタマイズされた拡張機能を便利に作るのを助けるために途中でガイドします。最良の部分は、コードが不要なことです。このツールを使用すると、視覚的にデザインできます。

関連:GoogleChromeを使用してデバイス間でタブを共有する方法

Googleのタブメーカーにはどのような機能がありますか?

タブメーカーはユーザーフレンドリーで簡単です。テキスト、リンク、画像、GIFなどのさまざまなコンテンツタイプをサポートします。お気に入りのニュースフィードへのリンクを追加すると、新しいタブを開くたびに、それらのフィードの最新コンテンツが表示されます。

プロセスを簡単にするために、TabMakerにはテンプレートも用意されています。 TabMakerはGoogleスプレッドシートとも統合して、拡張機能に表示されるコンテンツを決定します。 Googleスプレッドシートファイルを使用して、拡張子を管理し、継続的に更新できます。

関連:GoogleChromeでタブをグループ化する必要がある理由

Tab Makerを使用して、最初の拡張機能を5つの簡単な手順で作成できます。これらの拡張機能を圧縮ファイルにエクスポートして友だちと共有したり、Chrome拡張機能のウェブストアにアップロードしたりできます。

タブメーカーを使用して新しいタブ拡張機能を作成する方法

タブメーカーを使用してカスタマイズした新しいタブ拡張機能を作成するには、次のようにします。

1。新しいタブ拡張機能のテンプレートを選択してください

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

最初のステップは、要件に応じて適切なテンプレートを選択することです。利用可能なテンプレートがたくさんあります。複数のスコアカードを追加したり、天気に合わせて複数の都市を追加したりするなど、2つの機能に最適化されているものもあります。

2。必要なコンテンツを拡張機能に追加する

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

希望のテンプレートを選択したら、コンテンツの追加をクリックして、画像、リンク、またはテキストをGoogleスプレッドシートファイルに追加する必要があります。 。サンプルコンテンツをチェックして、プロセスのアイデアを得ることができます。

Googleスプレッドシートを開いたら、最初のタスクはシートをコピーすることです。その後、コピーしたシートに画像、GIF、リンク、テキスト、または数字を入力できます。必要な数のコンテンツ行を追加します。

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

シートはGoogleアカウントに自動保存されるため、いつでもシートに戻って、離れた場所から作業を開始できます。ガイドラインでは、画像とGIFを同じ列のテキストと混在させないことを推奨していることに注意してください。

写真やGIFを追加するには、画像へのリンクをコピーして、関連する列に貼り付けることができます。同じことがニュースフィードや天気予報のハイパーリンクにも当てはまります。

最後に、ファイルに移動してスプレッドシートを公開します>Webに公開 。ウェブのドロップダウンオプションから、必ずカンマ区切り値(.csv)を選択してください。 。

関連:スマートフォンとPCの間でブラウザタブを移動する方法

また、[ドキュメント全体]ドロップダウンオプションから、[このシートにコンテンツを追加]を選択します。 。最後に、公開をクリックします 、リンクが生成され、タブメーカーページに貼り付けることができます。

3。新しいタブ拡張機能の本体を調整する

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

次に、新しいタブページの本文を調整できます。背景色、画像のプロパティ、ページのパディングを編集できます。

この手順は、新しいタブページの外観を決定するため、非常に重要です。時間をかけて調整を微調整してください。完了したら、次へをクリックします 。

4。拡張機能のブロック要素を編集する

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

次のステップは、選択したいブロック要素をクリックして、各ブロック要素を編集することです。ここでは、フォント、フォントサイズ、高さ、スタイル、およびその他の同様の機能を編集できます。

前の手順と同様に、ブロック要素を編集すると、新しいタブページの外観と読みやすさにも影響します。よくわからない場合は、試行錯誤のアプローチをとることができます。

関連:タブ管理に最適なGoogleChrome拡張機能

5。新しいタブ拡張機能の最終ファイルを作成する

GoogleのTabMakerを使用して新しいタブページの拡張機能を作成する方法

最後のステップで、内線番号に名前を付けます。その主な目的に言及するなど、その説明を追加します。拡張機能に一意のアイコンを割り当てることもできます。

拡張機能をChrome拡張機能ウェブストアに公開することを選択した場合、拡張機能にはこの名前、アイコン、説明が表示されます。完了したら、最初からやり直すか、ZIPファイルで拡張機能をダウンロードするかの2つのオプションがあります。

カスタムの新しいタブ拡張機能をどのように使用できますか?

拡張機能を作成してZIPファイルにダウンロードしたら、Chrome設定内の拡張機能に移動します。そしてそこから、開発者モードをオンにします 。

開発者モードを有効にする 拡張機能ページの右上隅にあります。 chrome:// extendsと入力するとアクセスできます 検索バーで。その後、 Load Unpackedをクリックします 拡大。 ZIPで解凍された拡張子ファイルを選択します。最初の自作の拡張機能の使用を開始します。

このツールを使用してカスタマイズされた新しいタブ拡張機能を作成する

Tab Makerは、Googleによる独自の開発です。 Chromeウェブストアにある新しいタブページ拡張機能に限定されるのではなく、独自の拡張機能を作成できるようになりました。そして、これまで見てきたように、技術的な知識は必要ありません。

コーディングスキルがあれば、技術的な調整でエクスペリエンスをさらに向上させることができます。また、行き詰まった場合は、GoogleのTab Maker Webサイトに、設計と実装に関するいくつかのFAQがあります。


  1. 新しいタブページを更新するのに最適なChrome拡張機能

    Google Chromeの新しいタブページはごくわずかで、最も閲覧されているWebサイトへのクイックリンクがいくつかあります。多くの人にとって、このデフォルトの新しいタブページは退屈で刺激的ではなく、カスタマイズオプションがないため、群衆に人気がありません。幸いなことに、デフォルトの新しいタブページをより便利なものに完全に刷新できる優れたChrome拡張機能がたくさんあります。 1。始めましょう! 開始!新しいタブページには、リストから始めるための拡張機能の完璧な名前があります。この新しいタブページ置換は、1つのことを非常にうまく行います。それは、ブックマークをページに配置するので、新しい

  2. Grafanaプラグインに新しいRedisデータソースを使用する方法

    今月初め、RedisはGrafanaプラグイン用の新しいRedisデータソースをリリースしました。これは、広く使用されているオープンソースアプリケーション監視ツールをRedisに接続します。すべてがどのように機能するかを理解するために、自己参照の例を見てみましょう。プラグインを使用して、時間の経過とともにダウンロードされた回数を確認します。 (Grafanaプラグインリポジトリ自体は、そのままではそのような統計を提供しません。) 詳細を知りたいですか?読む Grafana用のRedisデータソースプラグインの紹介 GrafanaのRedisデータソースとは何ですか? Grafanaに慣