AI統合ブラウザ「Dia」を設定してみた
都内で活動しているwebエンジニアです
最近新たに「Dia」というブラウザを使い始めました
Diaを使うにあたり設定方法などを簡単にまとめたので、ぜひ参考にしてください
今回の記事で以下に当てはまる方のお役に立てれば嬉しいです！
- Diaを知りたい人
- Diaを使ってみたい人
Diaとは？
まずDiaとは、The Browser Companyが手がける、AI技術を中核に据えた次世代ブラウザです。
一言で言うと「AIが統合されたブラウザ」ですかね。
近年AIの発展が著しく進むなか、ブラウザにもAI機能が本格的に組み込まれました。
Diaの特徴
- 生産性の向上
- AIを主軸としたリサーチ作業より圧倒的に効率化される
- 自然言語対応の検索
- 情報の要約機能により読解時間を短縮化
- ストレスフリーなブラウジング体験
- タブの山を管理する負担から解放
- 必要な情報がすぐに手に入るため、ウェブの迷子になりにくい
- 直感的な操作で技術的知識がなくても高度な機能を使える
上記はまだ一部の範囲ですが、今後も新たな体験に期待が持てそうですね。
The Browser Companyは既に「Arc」ブラウザもリリースしていますが、新たにAIベースとなる「Dia」を主軸に今後開発を進めるとのことです。
Arcブラウザについては自分も使っていましたが、DiaではUIのベースとなる部分はArcとは異なりChromeに近い形になっています。
また以下の動画では従来のブラウザが行ってきた操作方法を大きく変える可能性があると開発者は語っています。
公式情報はこちら
Diaを使ってみる（ダウンロードとインストール）
Diaについてダウンロードを行っていきたいのですが、現在Diaは「招待制」となっています。
そのためDiaを使っているユーザーからの招待が必要です。
自分は身近にDiaを使っている人が見当たらなかったので、
SNSでDiaを招待している方を見つけ招待をもらいました。
- 私のXで招待を配布ししていますので興味のある方はこちらからアクセスください
- 招待には招待するメールアドレスを教えてもらう必要があります
招待側の手続きが完了すると、数日以内に「hello@diabrowser.com」から招待が届きます。
Download Diaボタンでダウンロードします
アカウントを作成します
ダウンロード手続きを進めると、無事ダウンロードできました！
見た目はただのチャット画面？かと思いますが、ちゃんとここからURL検索出来ます
ではブラウザの設定について説明しますが、ここからはお好みで設定してもらえばと思います
※以下の記事はChromeからDiaへの移行を前提として記載しています
Diaの設定インターフェースは基本的にChromeブラウザに近い設計になっているため、すでにChromeをお使いの方にとっては馴染みやすい構成となっていました。設定メニューの配置や項目の分類も似ているので、直感的に操作できるのかなと思います
より詳細な設定方法や高度なカスタマイズについて知りたい場合は、Chromeブラウザの設定を参考にしてもらうと良いかと。
言語の設定
ブラウザの言語設定を「日本語」に設定します。
ここからの画面はChromeソックリですね。
Languagesから日本語を設定していきます
言語の優先順位を選択するため、「Move to the top」で一番優先にします
こちらで言語の設定は完了です
※もし自動翻訳の言語も設定したい場合は、Languagesページの「Google Translate」の「Translate into this language」も「Japanese」へ選択ください
DiaにGoogleアカウントを連携
DiaのProfilesからプロファイル作成
プロファイルを作成完了
次はChromeアカウントと連携します
メニューバーから「Dia」→「Import from Another Browser」で「Chrome」を選択します。
※他のブラウザと連携する場合はそちらを選択ください。
連携完了するとGoogleへ接続し確認します。
以下のようにブックマーク、拡張機能も連携されます
またアカウントの切り替えはこちら切り替えられます
ブックマークのみを移行したい場合
次はChromeのブックマーク情報を、Diaへ移行する方法を説明します
-
Chromeを開き、右上の三点リーダーをクリックし、「ブックマーク マネージャ」を選択
-
遷移したページの三点リーダーをクリック
-
ブックマークをエクスポートをクリック
ここで既存のブックマークデータを任意の場所に保存します。
後ほどこのファイルを使うので保存場所は覚えておいてください
-
Diaの画面へ移り、メニューバーの「Bookmarks」から「Manage Bookmarks」を選択
-
同じように右側にある三点リーダーをクリックしimport bookmarksを選択。Chromeからエクスポートしたファイルをインポートします
-
新たなタブで開くとブックマーク情報をインポートできました
AIチャットの初期設定
DiaのAIベースを設定します。
Top画面の下の「Personalize Dia」ボタンをクリックすると、ここで設定できます
-
Teach Dia to think like you Answer these questions and Dia will adapt to you.
「あなた好みのAIに設定するか」と聞かれているのでここで「Enabled」を設定します -
Who and what do you think is really cool?
「あなたの尊敬している人などを設定すると、そのテイストで回答するよー」と言われているので、設定したい内容をあれば入力ください -
How do you like to learn?
「どのように回答したらする？」と聞かれているので、好みに合わせて以下の３つの中から選択します。- 簡潔な箇条書きと短いシンプルな文章
- 関連情報を保ちながら詳細を提供する読みやすい構造化された段落
- あらゆるトピックについて詳細な探求と深い議論を提供する長文のエッセイ
-
How should Dia talk?
「Diaはどのように話すべきですか？」と聞かれているので、どんな雰囲気で回答するかを調整できます。より柔らかい口調したい場合は、Casualを選択ください -
Anything else you want to add?
「他に追加したい要望ありますか？」と聞かれているので、上記の指示に加え、追加したい設定を入力してください。
では試しに以下のように設定してみました！ので実際にAIを使ってみようと思います
👇️ 上記の設定より、試しにwikipediaのサイトで、ワンピースをAIに説明してもらいました。
設定した通りAIも回答してくれていますね！
👇️ Youtubeで大阪万博動画について解説してもらった様子はこんな感じ
友人への招待方法
最後に、友人への招待ですが初期設定では２つの招待枠が用意されています。
招待枠は使い切っても、翌週には枠が補充される仕様みたいです
- 友人への招待はメニューバーより「Dia」→「Send Dia Invite...」に進みます
- フォームに招待するメールアドレスを入力して送信します
※数日後に招待メールアドレスへダウンロードリンクが送られます
- 送信後、招待が完了しました
まとめ
Diaの基本設定は以上となります
感想としては、UIについてはブックマーク機能をよく使うので、もう少し柔軟に編集できたり位置を変更できる機能があると便利だと感じました。AIの方は動画にあったような自然言語のショッピング機能などの動きはまだ無かったのでこれからみたいですね。
まだ開発段階であり、これからもさらに進化していくと思うので今後も期待したいです！
Diaを使っていくなかで、AIがどのように活躍するのか、従来のブラウザでは難しかった体験がどのように実現されるのか、今後も探索し続けたいと思います。
また何か気付いた点などあったら共有していきます！
Discussion