C#開発者向けのIronPDFとChatGPTの使用法

1.0 ChatGPTとは何ですか？

ChatGPTはOpenAIによって作成された人工知能（AI）チャットボットです。 "ChatGPT"という用語は、"チャットボット機能"を意味する"Chat"という言葉と、大規模言語モデル（LLM）の一種である"生成型事前学習トランスフォーマー"を意味する"GPT"を組み合わせたものです。 ChatGPTは、OpenAIの基本的なGPTモデル、具体的にはGPT-3.5とGPT-4を基にしており、会話アプリケーションのために、監督学習と強化学習方法の組み合わせを利用してチューニングされています。これには機械学習、自然言語処理、人工知能が含まれます。 ChatGPTは、人間のようなテキストを理解し生成できます。

この記事では、OpenAI ChatGPT APIを利用してメッセージを取り込み、ユーザーのクエリに基づいた結果を提供し、その結果をIronPDFを使用して後で使用するためにPDFファイルとしてエクスポートするMAUIアプリケーションを開発する方法を示します。

1.1 OpenAIアカウントのセットアップ

OpenAIアカウントに登録するには、次の手順を実行してください：

• 公式のOpenAIウェブサイトを訪問します。
• ウェブサイトのホームページで、サインアップボタンを見つけてクリックします。 これにより、アカウント作成フォームに移動します。
• サインアップフォームの必須項目を入力します。
• 登録済みのメールアカウントに送られる確認リンクをクリックして、メールアドレスを確認します。
• 登録が成功すると、登録時に入力したログイン情報を入力することでOpenAIアカウントにアクセスできるようになります。

1.2 OpenAI APIキーの取得

• OpenAIにアクセスするには、ウェブサイトにアクセスしてアカウント情報でログインしてください。

  OpenAIウェブサイトへのアクセス

• OpenAIプラットフォームのAPIセクションに移動します。 アカウント設定 > APIキーの表示 でこれを見つけることができます。

• ここで新しい秘密のAPIキーを作成することができます。

  APIキーの作成

2.0 .NET MAUIアプリケーションの開始

C#で書かれた.NET MAUIアプリケーションを作成するには、Visual Studio 2022と.NET 7 Frameworkがインストールされている必要があります。 次の手順に従って.NET MAUIアプリを作成および記述してください。

Install-Package OpenAI

Install-Package IronPdf

3.0 IronPDFとは何ですか？

IronPDFは、開発者が迅速にPDFドキュメントを作成、読み込み、編集できるようにする強力なPDF SDK基盤です。 HTMLをPDFに変換するためにChromeエンジンを使用しています。 ライブラリがサポートする多くのWebコンポーネントには、MAUI、Xamarin、Blazor、Unity、HoloLensアプリ、Windows Forms、HTML、ASPX、Razor HTML、.NET Core、ASP.NET、およびWPFが含まれます。 Microsoft.NETと.NET Coreプログラミングは、従来のWindowsアプリケーションとASP.NETウェブアプリケーションの両方で使用できます。

HTML5、JavaScript、CSS、および画像を使用することで、IronPDFはタイトルとフッターを持つ美しいPDFを作成できます。 APIライブラリには、PDFに対処できる強力なHTMLからPDFへのコンバーターが含まれており、スタンドアロンのPDF変換ツールとエンジンは外部のソースから独立しています。

• ユーザーは画像ファイル、HTML、HTML5、ASPX、Razor/MVCビューなどのさまざまなソースからIronPDFでPDFを生成できます。
• ライブラリは、テキストの検索プログラム、PDFページからのテキストと画像の抽出、およびPDFページを画像に変換するプログラムを提供します。 また、対話型フォームの完成と送信のプログラムも提供しています。
• ライブラリはユーザーエージェント、プロキシ、クッキー、HTTPヘッダ、フォーム変数の使用に基づく、PDF出版物の基本としてリンクを提供し、HTMLログインフォームの背後の認証を行います。
• IronPDFは、パスワードで保護されたPDFファイルへのアクセスのためにユーザー名とパスワードを受け入れます。

IronPDFについて詳しく知りたい場合は、HTMLからPDFへの変換チュートリアルページを参照してください。

4.0 IronPDFを使用してChatGPT APIの結果をエクスポートする

"MauiProgram.cs"ファイルに以下のコードを追加してください：

builder.Services.AddChatGpt(options =>
{
    options.UseOpenAI("API key here"); // Replace with your actual OpenAI API key
    options.DefaultModel = OpenAIChatGptModels.Gpt35Turbo; // Set the default model
    options.MessageLimit = 10; // Limit number of messages per session
    options.MessageExpiration = TimeSpan.FromMinutes(5); // Set message expiration time
});

builder.Services.AddChatGpt(options =>
{
    options.UseOpenAI("API key here"); // Replace with your actual OpenAI API key
    options.DefaultModel = OpenAIChatGptModels.Gpt35Turbo; // Set the default model
    options.MessageLimit = 10; // Limit number of messages per session
    options.MessageExpiration = TimeSpan.FromMinutes(5); // Set message expiration time
});

このコードスニペットは、アプリケーション内の他のクラスまたはページで使用できるChatGPT APIのサービスを登録します。

ページロードメソッドでアプリケーションのメインページに次のコードを追加してください。 これにより、ChatGPTサーバインスタンスを取得し、ローカルオブジェクトに保存できます。

_chatGptClient = Handler.MauiContext.Services.GetService<IChatGptClient>();

_chatGptClient = Handler.MauiContext.Services.GetService<IChatGptClient>();

このコードは、サービスプロバイダーからChatGPTクライアントインスタンスを取得し、メインページがChatGPT APIと対話できるようにします。

次に、以下のXAMLコードに示されているようなユーザーインターフェースを作成してください：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChatGPT_MauiApp.MainPage"
             BackgroundColor="black">
    <StackLayout>
        <StackLayout Orientation="Horizontal" Spacing="25" Padding="30,0">
            <ScrollView WidthRequest="700" HeightRequest="200" x:Name="scrollView">
                <TableView Intent="Data" WidthRequest="700" x:Name="Table_View" BackgroundColor="DarkSlateGrey">
                    <TableRoot>

                    </TableRoot>
                </TableView>
            </ScrollView>
        </StackLayout>
        <StackLayout Padding="30,0">
            <Editor
                x:Name="Userquest"
                Text=""
                HorizontalOptions="Start"
                FontSize="12"
                Placeholder=" Enter your Queries"
                HeightRequest="25" WidthRequest="700" />
        </StackLayout>
        <StackLayout Padding="30,10,10,0">
            <FlexLayout>
                <Button
                    x:Name="Sendquery"
                    Text="Send Query"
                    SemanticProperties.Hint="Click to send query to BOT"
                    Clicked="SendqueryClicked"
                    HorizontalOptions="Center" 
                    BackgroundColor="Green"
                    TextColor="WhiteSmoke" />
                <Button
                    x:Name="Export"
                    Text="Export"
                    SemanticProperties.Hint="Click to export data"
                    Clicked="OnExportClicked"
                    HorizontalOptions="Center" 
                    BackgroundColor="DodgerBlue"
                    TextColor="WhiteSmoke" />
            </FlexLayout>
        </StackLayout>
    </StackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChatGPT_MauiApp.MainPage"
             BackgroundColor="black">
    <StackLayout>
        <StackLayout Orientation="Horizontal" Spacing="25" Padding="30,0">
            <ScrollView WidthRequest="700" HeightRequest="200" x:Name="scrollView">
                <TableView Intent="Data" WidthRequest="700" x:Name="Table_View" BackgroundColor="DarkSlateGrey">
                    <TableRoot>

                    </TableRoot>
                </TableView>
            </ScrollView>
        </StackLayout>
        <StackLayout Padding="30,0">
            <Editor
                x:Name="Userquest"
                Text=""
                HorizontalOptions="Start"
                FontSize="12"
                Placeholder=" Enter your Queries"
                HeightRequest="25" WidthRequest="700" />
        </StackLayout>
        <StackLayout Padding="30,10,10,0">
            <FlexLayout>
                <Button
                    x:Name="Sendquery"
                    Text="Send Query"
                    SemanticProperties.Hint="Click to send query to BOT"
                    Clicked="SendqueryClicked"
                    HorizontalOptions="Center" 
                    BackgroundColor="Green"
                    TextColor="WhiteSmoke" />
                <Button
                    x:Name="Export"
                    Text="Export"
                    SemanticProperties.Hint="Click to export data"
                    Clicked="OnExportClicked"
                    HorizontalOptions="Center" 
                    BackgroundColor="DodgerBlue"
                    TextColor="WhiteSmoke" />
            </FlexLayout>
        </StackLayout>
    </StackLayout>
</ContentPage>

上記の ContentPage は、アプリケーションの UI レイアウトを定義します。 ユーザーはクエリを入力し、"Send Query"ボタンをちょっとしてChatGPT APIとやり取りし、"Export"ボタンを使って結果をPDFとしてエクスポートすることができます。 結果はTableViewに表示されます。

次はボタンのクリックを処理し、データをエクスポートするためのコードビハインドロジックです:

private void OnExportClicked(object sender, EventArgs e)
{
    StringBuilder db = new();

    foreach (var tableSection in Table_View.Root.ToList())
    {
        foreach (var cell in tableSection)
        {
            if (cell is TextCell textCell)
            {
                db.Append("<p style='color:red;text-align:left;'>" + textCell.Text + "</p>");
                db.Append("<p style='color:black;text-align:justify;'>" + textCell.Detail + "</p>");
            }
        }
    }

    // Create and save the PDF
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderHtmlAsPdf(db.ToString());
    pdf.SaveAs("F:\\Download\\Demo.pdf");
}

private async void SendqueryClicked(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(Userquest.Text))
    {
        var query = Userquest.Text;
        Userquest.Text = "";
        var tableSection = AddQueryToTable(query);
        ChatGptResponse response = await _chatGptClient.AskAsync(_sessionGuid, query);
        var resp = response.GetMessage();
        AddResponseToTable(tableSection, resp);
    }
}

private TableSection AddQueryToTable(string query)
{
    var textCell = new TextCell
    {
        Text = query,
        TextColor = Colors.Red,
        DetailColor = Colors.WhiteSmoke,
        Detail = ""
    };

    var tableSection = new TableSection { textCell };
    Table_View.Root.Add(tableSection);
    return tableSection;
}

private void AddResponseToTable(TableSection section, string response)
{
    if (section.FirstOrDefault() is TextCell textCell)
    {
        textCell.Detail = response;
    }
}

private void OnExportClicked(object sender, EventArgs e)
{
    StringBuilder db = new();

    foreach (var tableSection in Table_View.Root.ToList())
    {
        foreach (var cell in tableSection)
        {
            if (cell is TextCell textCell)
            {
                db.Append("<p style='color:red;text-align:left;'>" + textCell.Text + "</p>");
                db.Append("<p style='color:black;text-align:justify;'>" + textCell.Detail + "</p>");
            }
        }
    }

    // Create and save the PDF
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderHtmlAsPdf(db.ToString());
    pdf.SaveAs("F:\\Download\\Demo.pdf");
}

private async void SendqueryClicked(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(Userquest.Text))
    {
        var query = Userquest.Text;
        Userquest.Text = "";
        var tableSection = AddQueryToTable(query);
        ChatGptResponse response = await _chatGptClient.AskAsync(_sessionGuid, query);
        var resp = response.GetMessage();
        AddResponseToTable(tableSection, resp);
    }
}

private TableSection AddQueryToTable(string query)
{
    var textCell = new TextCell
    {
        Text = query,
        TextColor = Colors.Red,
        DetailColor = Colors.WhiteSmoke,
        Detail = ""
    };

    var tableSection = new TableSection { textCell };
    Table_View.Root.Add(tableSection);
    return tableSection;
}

private void AddResponseToTable(TableSection section, string response)
{
    if (section.FirstOrDefault() is TextCell textCell)
    {
        textCell.Detail = response;
    }
}

説明:

• OnExportClicked メソッドは、 IronPDFを使用して UI から収集された HTML コンテンツから PDF を作成します。 生成されたPDFは指定された場所に保存されます。

• SendqueryClicked メソッドは、ユーザーのクエリを受け取り、_chatGptClient を使用して OpenAI API に送信し、応答を表示します。 また、TableView にクエリと応答を追加します。

• ヘルパー メソッド AddQueryToTable および AddResponseToTable は、ユーザー クエリとチャットボットの応答による UI コンポーネントの更新を支援します。

上記のコードを追加した後、ソリューションを実行してみてください。 クエリを入力して"Send Query"ボタンをクリックすることで結果を取得します。 それはユーザーのクエリをChatGPT APIに送信し、結果を取得し、画面にメッセージを表示します。

アプリケーションにテキストクエリを追加

"Export"ボタンをクリックして、結果をPDFにエクスポートします。

エクスポートされたPDFファイル

これで、ChatGPTを使用したチャットボットを作成し、IronPDFを使用してMAUIアプリでそのチャットをエクスポートすることができました。上記の概念を使用すると、ChatGPT APIから画像、音声、およびビデオを含めることができ、より正確な結果を得ることができます。

5.0 結論

この記事の目的は、OpenAI ChatGPT APIを利用してメッセージを取得し、ユーザーのクエリに基づいた結果を提供し、その結果をPDFファイルとしてエクスポートするMAUIアプリケーションを開発することです。提案の質を向上させるために、質問を変更することで自由に探索してください。 さまざまなモデルでより良い結果が得られるかどうかを確認するには、"MauiProgram.cs"の AddChatGpt メソッド内の ChatGptModels 列挙値を変更してみることもできます。

ChatGPT APIは、ユーザーのクエリに基づいて結果を提供できる強力なAIプログラムです。 ChatGPT APIの料金は送信されるリクエストの数に基づいて計算されます。 IronPDFはAPIリクエストを行い、結果をPDFにエクスポートして将来使用することができ、同じAPI要求を繰り返し問い合わせることを避けることができます。

IronPDFを使用すると、数行のコードでPDFを作成することができます。 このアプリケーションは初心者に適しており、使用するための基礎的な知識しか必要ありません。 IronPDFには別のパッケージは依存していません。 例えば、1つのパッケージで構成されているライブラリです。 IronPDFの開発者は、要件に応じたさまざまなライセンスを選択できます。 無料トライアルも利用可能です。 IronPDFの完全な価格およびライセンス情報については、IronPDFライセンシングページを参照してください。