無料でできる!Visual Studioを使ったオリジナルWebブラウザの作り方

自分だけのWebブラウザを作ってみたいと思ったことはありませんか?閲覧履歴などブラウザが知り得るあなたのデータがすべて自分のパソコンの中に留まることを考えれば、自作ブラウザは決して悪いアイデアではありません。むしろプライバシー保護の観点からは非常に理にかなった選択と言えます。

この記事では、Microsoftの無料開発環境「Visual Studio」を使って、自分好みの基本ブラウザを無料で作成する手順を解説します。扱うコードはごくわずかで、プログラミング初心者でも安心して取り組める内容です。

Visual Studioのインストールとアップデート

まずは、Microsoftが完全無料で提供している「Visual Studio Community」をダウンロードしましょう。同ソフトウェアは頻繁にアップデートが行われるため、必ず最新バージョンへ移行しておくことが大切です。

Visual Studioはやや動作が重く、ファイルサイズも大きめですが、Webブラウザをはじめとする多彩な無料テンプレートが用意されているのが大きな魅力です。

インストールが完了したら、そのままアプリケーションを起動できます。

ブラウザアプリケーションの作成手順

まず「新しいプロジェクトの作成」を選択し、一覧から.NET Frameworkの「Windows フォーム アプリケーション」を探して選びます。

ここでWebブラウザの本質をおさらいしておきましょう。Webブラウザとは、要するに「Webサイトやドキュメントを呼び出して、見やすく表示するためのフォーム(画面)」にすぎません。難しく考える必要はありません。

プロジェクトに名前を付けて「作成」をクリックします。筆者は自分専用のブラウザとして「Fantastic Browser」という名前を付けました。好きな名前を付けて問題ありません。

プロジェクトが起動すると、何もない空のフォームが表示されます。左側のパネルにある「ツールボックス」をクリックしてください。「表示」メニューから開くことも可能です。ツールボックスを下にスクロールして、「WebBrowser」コントロールを選択します。

作業スペースには、編集すべき2つのパネルがあります。

1つ目は「プロパティ」パネルです。ここにはブラウザウィンドウに関する詳細設定がすべて含まれており、ウィンドウ全体の余白やサイズ、タブストップの有効化、スクロールバーの表示・非表示などを決められます。

もう1つはメインのフォーム本体です。ここには小さなメニュー項目が表示されるので、「親コンテナーでドッキング解除(Undock in Parent Container)」をクリックします。

ドッキング解除を行うと、ブラウザウィンドウの境界線を手動で自由にリサイズできるようになります。この領域が、実際にWebサイトのコンテンツを表示する部分となります。ここまでの作業を保存したら、次のステップへ進みましょう。

ブラウザのメニューボタンを作成する

続いて、ブラウザの操作ボタンを作成します。ツールボックスから「Button」を選択し、メインフォーム上の任意の位置へドラッグ&ドロップしてください。

同様に、訪問したいWebサイトのURLを入力するための「TextBox」もツールボックスから配置します。

すべてのボタンとテキストボックスを配置したら、一般的なブラウザの基本ウィンドウらしくなるよう整えましょう。Visual Studioはボタンを対称的に自動配置してくれるため、等間隔のレイアウトも簡単に実現できます。

ボタンの形状・サイズ・色は、それぞれの「プロパティ」からさらに細かくカスタマイズ可能です。

次に、各ボタンのプロパティを開いて表示名を変更します。筆者は「戻る」ボタンを「Behind」、「進む」ボタンを「Ahead」、「更新」ボタンを「Refresh」と命名し、ホームボタンには自分の名前を付けました。小さなアイコン画像を使用したり、ボタン間のタブストップを有効化したりといった細かい調整も自由に行えます。

名前を変更したボタンをダブルクリックすると、既定の場所でコードを編集できます。戻るボタンには webBrowser1.GoBack() を記述し、クリック時の動作を制御します。進むボタンなら webBrowser1.GoForward() を使い、同様にホームへ戻る処理や検索処理用のオプションも用意されています。

テキストボックスに入力したURLへ移動させるには、webBrowser1.Navigate(textBox.Text) を使用します。ホームボタンには、任意のURLを指定すればOKです。

ブラウザの実行と保存

すべてのボタンとテキストボックスのナビゲーション処理を確定させたら、ツールボックスからさらに機能を追加できます。筆者は「水平スクロールバー」を追加してみました。検索エンジン連携などの選択肢もありますが、現時点ではアドレスバー兼検索ボックス(オムニボックス)のような高度な機能はありません。ただし、Visual Studioの学習を進めれば、こうした機能も自力で実装できるようになります。

Visual Studioウィンドウ上部の「開始(Start)」ボタンをクリックすると、フォームプロジェクト内でブラウザが起動します。ホームページや検索エンジンへのアクセスをテストしてみてください。ブラウザウィンドウを最大化すれば、通常のブラウザと見分けがつかない仕上がりになるはずです。

忘れずに、ブラウザプロジェクトを.csproj形式で保存しておきましょう。今後はVisual Studioから直接起動できます。また、Windowsの「設定」→「個人用設定」から、アプリのアイコンを変更することも可能です。

まとめ

最大限のプライバシーを求めるなら、自分専用のブラウザを持つことに勝るものはありません。本記事の手順を実践すれば、PC上で動作するオリジナルブラウザを作成・実行できます。さらに多機能なブラウザを目指すなら、Visual Studioにはより高度なプログラムも用意されていますが、その場合は発展的なコードの知識が必要になります。

あなたも近いうちに自分だけのブラウザを作ってみますか?これまでに使ったことのある開発ツールがあれば、ぜひ教えてください。皆さまからのコメントをお待ちしています。