WPlogs

WordPressを中心にWeb関連の情報発信。PHP、CakePHP、HTML5、SEOなど。 ※旧名称「SEO人」、旧URL「http://seo.net-luck.com/」

*

軽量ブラウザ「Chromium」のインストールとセットアップ手順(Google APIキー設定)

   

Chromium

出典:https://upload.wikimedia.org/wikipedia/commons/2/24/Chromium_Material_Icon-256×256.png

Chromium」とは、オープンソースプロジェクトによって開発されている軽量ブラウザで、Google Chromeのベースとなったブラウザでもあります。

見た目はほとんどChromeと同じで、違いはアイコンが青色なところぐらい。

機能的な大きな違いは、以下のような感じです。

  • Googleの機能(ブックマーク同期、翻訳など)は使えない(Google APIキーが必要)
  • RLZトラッキング機能(Googleサーバーへの情報送信)はなし
  • 自動アップデート機能はなし
  • Adobe Flash Playerは同梱されていない

僕は、メインのブラウザがChromeで、Chromiumも同時に使用しています。

モニター2つで、片方の画面にChromeを開き、もう片方の画面にChromiumを開くといった使い方です。

Chromeだけでウィンドウを2つ開いてもいいのですが、多くのタブを開きっぱなしで使うので、間違ってウィンドウを閉じたときに片方のウィンドウのページが全て閉じてしまってめんどくさいので。

ということで、今回はそのChromiumのセットアップ手順(Google APIキー設定)を紹介します。

なお、今回のバージョンは以下です。

  • Windows 7 Professional SP1(64bit)
  • Chromium 49.0.2586.0

スポンサード リンク

Chromiumのインストール

まずは、Chromium公式サイトより、Chromiumをダウンロードします。

が、ダウンロードページの場所が分かりにくい。。

ダウンロードページのURLはこちら。
https://www.chromium.org/getting-involved/download-chromium

このダウンロードページにたどり着くには、Chromium公式サイトトップページ⇒「Chromium」⇒「Sections」の「Getting Involved」⇒「Help with Testing」の「latest trunk build of Chromium」とリンクを辿っていくとたどり着きます。

Chromiumインストール、セットアップ

最新版のWindows(32bit版のみ)バージョンをダウンロードするには、「Easy steps」のhttps://download-chromium.appspot.comからZIPファイルをダウンロードします(今回はこちらを使用します)。

Android、Mac、Linux、Chromium OSやWindowsの旧バージョンなどをダウンロードする場合は、「Not-as-easy steps」のhttps://commondatastorage.googleapis.com/chromium-browser-snapshots/からZIPファイルをダウンロードします。

こちらには、Windowsバージョンのインストーラーもあったりします。

ダウンロードしたZIPファイルを任意の場所に解凍すれば、その中に「chrome.exe」があり、これを実行するとChromiumが使えます。

また、解凍したフォルダのプログラム本体とは別に、ユーザー設定などは「C:\Users\[ユーザー名]\AppData\Local\Chromium\User Data」に保存されるようです。

Chromiumのセットアップ(Google APIキーの設定)

「chrome.exe」を実行してChromiumを開いてみると、初期状態では「Google APIキーが欠落しています。Chromiumの一部の機能は無効になります。」と出ます。

Chromiumインストール、セットアップ

Google APIキーを設定しないと、Googleアカウントへのログインとブックマーク同期や翻訳などのGoogleの機能は利用できません。

Chromiumインストール、セットアップ

で、「詳しく見る」のリンクから設定の仕方のページ(http://www.chromium.org/developers/how-tos/api-keys)を見てみますが、全部英語。。

Chromiumインストール、セットアップ

ちょっとずつ読みながらやってみました。

フォーラムのグループへの参加

まずは、Googleアカウントにログインした状態にします。

そして、Googleフォーラム(chromium-dev@chromium.org)へアクセスし、「投稿するにはグループに参加してください」ボタンからグループへ参加します。

Chromiumインストール、セットアップ

プロジェクトの作成

続いて、Google Cloud Platform(https://cloud.google.com/console)へアクセスします。

まだ何もプロジェクトが作成されていない場合は「Create Project」から、すでに何かプロジェクトが作成されている場合はメニューの「プロジェクトの作成」から、適当な名前でプロジェクトを作成します。

Chromiumインストール、セットアップ

APIの有効化

続いて、必要なAPIを有効化します。

メニューから「API Manager」⇒「概要」を開きます。

Chromiumインストール、セットアップ

検索ボックスにAPI名を入力して検索し、選択します。

Chromiumインストール、セットアップ

「APIを有効にする」ボタンでAPIを有効化します。

Chromiumインストール、セットアップ

有効化するAPIですが、設定の仕方のページにある一覧の中から、Chromium OSが対象のもの、ややこしそうな説明が書かれているもの、検索しても見つからないものを除いて、以下のようにしました。

これらのAPIは、グループ「Chromium-dev」へ参加していれば、見れるようになるみたいです。

  • ○…Chrome Remote Desktop API
  • ○…Chrome Spelling API
  • ○…Chrome Suggest API
  • ○…Chrome Sync API
  • ○…Chrome Translate Element
  • ○…Chrome Web Store API
  • ×…Google Maps Geolocation API
  • ○…Safe Browsing API
  • ○…Speech API
  • ○…Google Maps Time Zone API
  • ×…Google Cloud Messaging for Chrome
  • ×…Drive API
  • ○…Google Now For Chrome API
  • ○…Google+ API
  • ×…Chrome OS Hardware ID API
  • ×…Device Registration API

認証情報の作成(OAuthクライアントID、クライアントシークレットキー)

続いて、APIを使用できるようにするための認証情報の作成を行います。

まず作成するのは、「OAuth 2.0 クライアントID」というものです。

メニューから「API Manager」⇒「認証情報」⇒「OAuth同意画面」タブを開き、「ユーザーに表示するサービス名」に適当な名前を入力し、「保存」ボタンで保存します。

この同意画面で、先にサービス名を設定しておかないと、OAuthクライアントIDを作成することができません。

Chromiumインストール、セットアップ

そして、「認証情報」タブを開き、「新しい認証情報」のドロップダウンリストから「OAuthクライアントID」を選択します。

Chromiumインストール、セットアップ

「その他」を選択し、適当な名前を入力し、「作成」ボタンでOAuthクライアントIDを作成します。

Chromiumインストール、セットアップ

そうすると、OAuthクライアントIDとクライアントシークレットキーが表示されますので、コピーしておきます。

Chromiumインストール、セットアップ

認証情報の作成(ブラウザAPIキー)

同じように、次は「ブラウザAPIキー」を作成します。

同じ画面「認証情報」タブの「新しい認証情報」のドロップダウンリストから「APIキー」を選択します。

Chromiumインストール、セットアップ

ポップアップ画面が出てくるので、「ブラウザキー」を選択します。

Chromiumインストール、セットアップ

適当な名前を入力し、「作成」ボタンでブラウザAPIキーを作成します。

Chromiumインストール、セットアップ

そうすると、ブラウザAPIキーが表示されますので、コピーしておきます。

Chromiumインストール、セットアップ

これで、必要な3つのAPIキー、クライアントID、クライアントシークレットキーが揃いました。

Chromiumへキーの設定

3つのキーが揃ったら、Chromiumへ設定する必要があります。

設定の方法としては、どうやら3つの方法があるみたいです。

  • ソースコードに埋め込んでビルド
  • 設定ファイルへ追記(Chromium OSの場合)
  • 環境変数へ設定

一番手っ取り早いのは、環境変数へ設定なので、これでやってみます。

「スタート」⇒「コントロールパネル」⇒「システム」⇒「システムの詳細設定」を開き、「環境変数」ボタンで環境変数設定画面を開きます。

3つのキーの値を、それぞれ以下の環境変数名で設定します(ユーザー環境変数、システム環境変数どちらでも可能)。

  • GOOGLE_API_KEY(APIキー)
  • GOOGLE_DEFAULT_CLIENT_ID(クライアントID)
  • GOOGLE_DEFAULT_CLIENT_SECRET(クライアントシークレットキー)

Chromiumインストール、セットアップ

以上で、Google APIキーの設定は完了です。

設定完了の確認

では、Chromiumを開いてみましょう。

そうすると、「Google APIキーが欠落しています。」のメッセージは出なくなりました。

Chromiumインストール、セットアップ

そして、Googleアカウントへログインもできるようになりました。

Chromiumインストール、セットアップ

これで、ブックマークや拡張機能の同期、翻訳機能なども利用できるようになりました。

Google APIの注意点

Google APIは、初期状態は無料で利用できる範囲が割り当てられており、制限がかかっています。

Chromiumを使用するだけでしたら、無料の範囲内で問題ないと思います。

なので、課金するリンク、割り当てを増加させるリンクなどはクリックしないように注意しましょう。

最後に

Google APIキーの設定は結構めんどくさかったですが、なんとかChromiumを使えるようになりました。

Chromiumをベースに作られたブラウザ「SRWare Iron」というのも結構メジャーなので、今度はそちらも使ってみようかなと思います。

Ironだと、今回のようなGoogle APIキーの設定は必要ないのかも。

また、今回はChromiumブラウザを利用するためのGoogle APIキーの設定でしたが、Chromium OSを利用する場合も同じような手順が必要かと思います。

以上です。

 - ブラウザ