2012年09月15日

DynamicJsonを利用してJSONを扱う(C#)

DynamicJsonを利用して、C#でJSONを扱うための方法。
C#でJSONを扱うためにはDynamicJsonが便利です。ただし、.NET Framework 4.0以上でないと動作しません。

DynamicJsonのダウンロード

下記サイトからダウンロードします。執筆時点のバージョンは「Release 1.2.0.0」
DynamicJson - CodePlex
「download」からファイルをダウンロードします。
ダウンロードしたファイル「DynamicJson_1.2.0.0.zip」を展開し、適当なフォルダにコピーしておきます。

プロジェクトから参照設定

DynamicJsonを使用するプロジェクトを作成します。
Visual C# 2010 Express で新規プロジェクトを作成。プロジェクトの種類は何でも良いですが、Windows Formアプリケーションにしました。
「プロジェクト(P)」−「参照の追加(R)...」で「DynamicJson.dll」を参照設定します。

利用方法の例

TwitterのユーザータイムラインをJSON形式で取得して、ツイートの内容を表示するプログラムです。
ButtonとTextBox(Multiline=True)を配置してください。
プログラムの先頭に using Codeplex.Data; を定義する必要があります。

private void button1_Click(object sender, EventArgs e)
{
    string user_id = "twj";  // ※twjは日本語版Twitter公式アカウント

    WebClient wc = new WebClient();
    string str = wc.DownloadString(
        "http://twitter.com/statuses/user_timeline/" + user_id + ".json");
        
    var timeline = DynamicJson.Parse(str);
    foreach (var tweet in timeline)
    {
        textBox1.Text +=
            tweet.user.name + " @" + tweet.user.screen_name + " : " +
            tweet.text + Environment.NewLine;
    }
}

なお実行するためには、DynamicJson.dllを実行ファイルと同じディレクトリに置く必要があります。

ライセンスについて

DynamicJsonは「Ms-PL」というライセンスで提供されています。
大雑把に言えば『商用でも非商用でも無料で自由に改変して使用可能。ただし、著作権などの情報をコード内に示す必要がある』というものです。詳しくは解説しているサイトがあるのでそちらを参照してください。

マイクロソフトの主要なシェアードソースライセンスに関して

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

タグ:C# JSON DynamicJson
posted by among at 09:52 | Comment(3) | TrackBack(0) | C#

2012年07月28日

Trident/WebKit/Geckoで簡素なWebブラウザを作る(C#)

前回までの記事でTrident(IEコンポーネントのWebBrowserコントロール)、WebKit(WebKit.NET)、Gecko(GeckoFX)でブラウザを作って見たので、この三つの並べて表示の比較が行える“マルチレンダリングブラウザ”を作ってみます。

基本的には前回までの記事で作成したプログラムをちょっと改造するような感じになります。

  • WebBrowser、WebKitBrowser、GeckoWebBrowserコントロールを並べて配置する。今回はフォームのリサイズに対応するため、TableLayoutPanelと組み合わせて自動調整させる
  • 「進む」「戻る」などのボタン押下時のアクションは、3つのコントロールを同時に動かす
  • リンクをクリックしてページを移動する場合、他のコントロールも移動させる
  • ページのタイトルは代表としてWebBrowserのものを使う。他のコントロールではイベント処理しない

実際に作ってみたのはこんな感じです。

public Form1()
{
    InitializeComponent();

    this.comboBox1.Text = "http://www.google.com";
    this.button1.Text = "戻る";
    this.button2.Text = "進む";
    this.button3.Text = "更新";
    this.button4.Text = "ホーム";
    this.button5.Text = "移動";
}

/// <summary>
/// URL入力エリア:選択変更
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    try
    {
        // 移動
        webBrowser1.Navigate(comboBox1.Text);
        webKitBrowser1.Navigate(comboBox1.Text);
        geckoWebBrowser1.Navigate(comboBox1.Text);
    }
    catch (Exception exc)
    {
        MessageBox.Show(exc.Message, exc.Source);
    }
}

/// <summary>
/// URL入力エリア:キー入力
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_KeyDown(object sender, KeyEventArgs e)
{
    // エンターキー
    if (e.KeyCode == Keys.Enter)
    {
        // 移動ボタン入力と同じ
        button5.PerformClick();
    } 
}

/// <summary>
/// 戻るボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button1_Click(object sender, EventArgs e)
{
    // 戻る
    this.webBrowser1.GoBack();
    this.webKitBrowser1.GoBack();
    this.geckoWebBrowser1.GoBack();
}

/// <summary>
/// 進むボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button2_Click(object sender, EventArgs e)
{
    // 進む
    this.webBrowser1.GoForward();
    this.webKitBrowser1.GoForward();
    this.geckoWebBrowser1.GoForward();
}

/// <summary>
/// 更新ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button3_Click(object sender, EventArgs e)
{
    // 更新(再読み込み)
    this.webBrowser1.Refresh();
    this.webKitBrowser1.Reload();
    this.geckoWebBrowser1.Reload();
}

/// <summary>
/// ホームボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button4_Click(object sender, EventArgs e)
{
    // ホームへ移動
    this.webBrowser1.GoHome();
}

/// <summary>
/// 移動ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button5_Click(object sender, EventArgs e)
{
    // 入力したURLに移動する
    try
    {
        string url = this.comboBox1.Text;
        // "http://"が無ければ補完
        if (this.comboBox1.Text.StartsWith("http://") == false)
        {
            url = "http://" + url;
        }
        // 移動
        this.webBrowser1.Navigate(url);
        this.webKitBrowser1.Navigate(url);
        this.geckoWebBrowser1.Navigate(url);
        this.comboBox1.Items.Add(url);
    }
    catch(Exception exc)
    {
        MessageBox.Show(exc.Message, exc.Source);
    }
}

/// <summary>
/// Webブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void webBrowser1_Navigated(object sender, WebBrowserNavigatedEventArgs e)
{
    if (this.webBrowser1.Url == null) return;

    if (this.comboBox1.Text != this.webBrowser1.Url.ToString())
    {
        try
        {
            // URL入力エリアにナビゲートしたサイトのURLを設定
            this.comboBox1.Text = webBrowser1.Url.ToString();

            // 他のWebBrowserを連動させる
            this.webKitBrowser1.Navigate(this.comboBox1.Text);
            this.geckoWebBrowser1.Navigate(this.comboBox1.Text);
        }
        catch (Exception exc)
        {
            MessageBox.Show(exc.Message, exc.Source);
        }
    }

    // フォームのタイトルをナビゲートしたサイトのタイトルを設定
    this.Text = webBrowser1.Document.Title.ToString();
}

/// <summary>
/// WebKitブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void webKitBrowser1_Navigated(object sender, WebBrowserNavigatedEventArgs e)
{
    if (this.webKitBrowser1.Url == null) return;

    if (this.comboBox1.Text != this.webKitBrowser1.Url.ToString())
    {
        try
        {
            // URL入力エリアにナビゲートしたサイトのURLを設定
            this.comboBox1.Text = this.webKitBrowser1.Url.ToString();

            // 他のWebBrowserを連動させる
            this.webBrowser1.Navigate(this.comboBox1.Text);
            this.geckoWebBrowser1.Navigate(this.comboBox1.Text);
        }
        catch(Exception exc)
        {
            MessageBox.Show(exc.Message, exc.Source);
        }
    }
}

/// <summary>
/// GeckoWebKitブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void geckoWebBrowser1_Navigated(object sender, Skybound.Gecko.GeckoNavigatedEventArgs e)
{
    if (this.geckoWebBrowser1.Url == null) return;

    if (this.comboBox1.Text != this.geckoWebBrowser1.Url.ToString())
    {
        try
        {
            // URL入力エリアにナビゲートしたサイトのURLを設定
            this.comboBox1.Text = this.geckoWebBrowser1.Url.ToString();

            // 他のWebBrowserを連動させる
            this.webBrowser1.Navigate(this.comboBox1.Text);
            this.webKitBrowser1.Navigate(this.comboBox1.Text);
        }
        catch(Exception exc)
        {
            MessageBox.Show(exc.Message, exc.Source);
        }
    }
}

/// <summary>
/// Webブラウザ:新しいウィンドウが開かれたとき
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void webBrowser1_NewWindow(object sender, CancelEventArgs e)
{
    // キャンセル
    e.Cancel = true;

    // ここではキャンセルしているので新しいウィンドウは開かないし画面遷移もしない
    // 新しいウィンドウを開かずに内部のブラウザで開くためにはwebBrowserの改造が必要。
    // 今回は省略
    // [参照]
    // http://agrimo.jp/wp/?page_id=1059
    // http://vsug.jp/tabid/63/forumid/45/threadid/9273/scope/posts/Default.aspx
}

実行結果はこんな感じです。
MultiBrowser-Sample-01.png
MultiBrowser-Sample-02.png

とりあえずは簡素なブラウザと言うことで妥協していますが、ちゃんとしたブラウザとして使用するためにはまだまだ課題が残っています。

  • 『ホームへ移動』ボタンのWebKit,Geckoへの対応
  • 『新しいウィンドウで開く』への対応
  • Googleの検索窓のような動的に変化するページの対応
  • 読み込み中を表すプログレスバーやメッセージの表示
  • ときどきエラーが出る(特定のサイトをGeckoで見ると死ぬ?)
  • スクロールバーの連動
  • 実行ファイル配布の方法(WebKitやXULRunnerのDLL群を一緒に配布しなければいけない)
などなど……。
気が向いたら改造するかもしれませんが、まあこのまま放置かな……?

いつも思うんですが、C#とか.NETでは、何かやろうとしたときに何でも簡単にできるくせに、本気で何かやろうとしたときは凄く大変。今回のも“簡易ブラウザ”とか言ってますが、このレベルならちょっとコンポーネントをインストールしてちょろちょろっとコードを書けば、誰でも作れちゃうけど、そこから先、本格的なブラウザに仕立て上げるには、色々調べなきゃいけないし、まぁ大変です。
自分でちょっと使うツールとか作るには良いんですけどね……。

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

posted by among at 19:04 | Comment(5) | TrackBack(0) | C#

2012年07月21日

GeckoFXで簡素なWebブラウザを作る(C#)

IEコンポーネントのWebBrowserコントロール、WebKit.NETの次は、GeckoFXを使ってみます。
GeckoはFirefoxとかで使われているレンダリングエンジンですね。これを.NETから簡単に使えるようにしたライブラリがGeckoFXです。

GeckoFXの導入については下記のサイトを参考にさせていただきました。
GeckoFXの導入・使用方法

リンク先の記事と異なる点は下記の通りです。

あとは、WebBrowser、WebKitBrowserのときと同様にプログラムを作成しました。
「再読み込み」はWebKitBrowserと同様に「Reload」。
「ホームへ移動」はWebKitBrowserと同様に該当するメソッドなし。

public Form1()
{
    InitializeComponent();

    this.comboBox1.Text = "http://www.google.com";
    this.button1.Text = "戻る";
    this.button2.Text = "進む";
    this.button3.Text = "更新";
    this.button4.Text = "ホーム";
    this.button5.Text = "移動";
}

private void Form1_Load(object sender, EventArgs e)
{
}

/// <summary>
/// URL入力エリア:選択変更
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    try
    {
        // 移動
        geckoWebBrowser1.Navigate(comboBox1.Text);
    }
    catch
    {
    }
}

/// <summary>
/// URL入力エリア:キー入力
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_KeyDown(object sender, KeyEventArgs e)
{
    // エンターキー
    if (e.KeyCode == Keys.Enter)
    {
        // 移動ボタン入力と同じ
        button5.PerformClick();
    } 
}

/// <summary>
/// 戻るボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button1_Click(object sender, EventArgs e)
{
    // 戻る
    this.geckoWebBrowser1.GoBack();
}

/// <summary>
/// 進むボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button2_Click(object sender, EventArgs e)
{
    // 進む
    this.geckoWebBrowser1.GoForward();
}

/// <summary>
/// 更新ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button3_Click(object sender, EventArgs e)
{
    // 更新(再読み込み)
    this.geckoWebBrowser1.Reload();
}

/// <summary>
/// ホームボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button4_Click(object sender, EventArgs e)
{
    // ホームへ移動
}

/// <summary>
/// 移動ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button5_Click(object sender, EventArgs e)
{
    // 入力したURLに移動する
    try
    {
        string url = comboBox1.Text;
        // "http://"が無ければ補完
        if (comboBox1.Text.StartsWith("http://") == false)
        {
            url = "http://" + url;
        }
        // 移動
        geckoWebBrowser1.Navigate(url);
        comboBox1.Items.Add(url);
    }
    catch
    {
    }
}

/// <summary>
/// GeckoWebKitブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void geckoWebBrowser1_Navigated(object sender, Skybound.Gecko.GeckoNavigatedEventArgs e)
{
    // URL入力エリアにナビゲートしたサイトのURLを設定
    try
    {
        this.comboBox1.Text = this.geckoWebBrowser1.Url.ToString();
    }
    catch
    {
    }
}

/// <summary>
/// WebKitブラウザ:ドキュメントのタイトル変更時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void geckoWebBrowser1_DocumentTitleChanged(object sender, EventArgs e)
{
    // フォームのタイトルを変更
    this.Text = this.geckoWebBrowser1.DocumentTitle;
}

実行結果はこんな感じです。見た目はWebBrowser、WebKitBrowserと違いありませんね。
GeckoWebKit-Sample-01.png

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

タグ:C# WebBrowser Gecko
posted by among at 21:00 | Comment(4) | TrackBack(0) | C#