C#でIronPDFを使用してPDFにヘッダーとフッターを追加する方法

How to Add Headers and Footers

This article was translated from English: Does it need improvement?
Translated
View the article in English

PDFドキュメントの各ページの上部または下部にページ番号、会社のロゴ、日付を含める必要がありますか? ヘッダーとフッターを使用することで可能です! IronPDFを使用すると、C#プロジェクトでPDFにヘッダーとフッターを適用するのは非常に簡単です。

クイックスタート: C#でPDFにヘッダーとフッターを追加する

C#でIronPDFを使用して、PDFドキュメントにヘッダーとフッターを簡単に追加できます。 このクイックガイドは、ページ番号やカスタムテキストを含むテキストベースのヘッダーとフッターを数秒で適用する方法を示します。 AddTextHeadersおよびAddTextFootersメソッドを使用して、PDFのプレゼンテーションをすばやく強化します。 コードを最小限にして更新されたPDFを保存し、ドキュメントをプロフェッショナルに仕上げます。 IronPDFを使用してドキュメントのヘッダーとフッターを管理するための迅速かつ効率的な方法を探している開発者に最適です。

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronPDF with NuGet Package Manager

    PM > Install-Package IronPdf

  2. Copy and run this code snippet.

    new IronPdf.ChromePdfRenderer { RenderingOptions = { TextHeader = new IronPdf.TextHeaderFooter { CenterText = "Report • {date}" }, TextFooter = new IronPdf.TextHeaderFooter { RightText = "Page {page} of {total‑pages}" } } }
        .RenderHtmlAsPdf("<h1>Hello World!</h1>")
        .SaveAs("withHeadersFooters.pdf");
  3. Deploy to test on your live environment

    Start using IronPDF in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

最小限のワークフロー(5ステップ)

  1. C#ライブラリをダウンロードしてヘッダーとフッターを追加
  2. 既存のPDFを読み込むか、新しいPDFをレンダリングする
  3. AddTextHeadersおよびAddTextFootersメソッドを使用してテキストヘッダーとフッターを追加
  4. AddHtmlHeadersおよびAddHtmlFootersメソッドを使用してHTMLヘッダーとフッターを追加
  5. レンダリングオプションを設定してレンダリング時にヘッダーとフッターを追加

テキストヘッダー/フッターの例を追加

テキストのみでヘッダー/フッターを作成するには、TextHeaderFooterオブジェクトをインスタンス化し、目的のテキストを追加し、そのオブジェクトをPDFに追加します。

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-add-textheaderfooter.cs
using IronPdf;

// Instantiate renderer and create PDF
ChromePdfRenderer renderer = new ChromePdfRenderer();
PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>");

// Create text header
TextHeaderFooter textHeader = new TextHeaderFooter
{
    CenterText = "This is the header!",
};

// Create text footer
TextHeaderFooter textFooter = new TextHeaderFooter
{
    CenterText = "This is the footer!",
};

// Add text header and footer to the PDF
pdf.AddTextHeaders(textHeader);
pdf.AddTextFooters(textFooter);

pdf.SaveAs("addTextHeaderFooter.pdf");
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

または、レンダラーのレンダリングオプションを使用して直接ヘッダー/フッターを追加することもできます。 これにより、レンダリングプロセス中にテキストヘッダーとフッターが追加されます。

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-render-with-textheaderfooter.cs
using IronPdf;

// Instantiate renderer
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Create header and add to rendering options
renderer.RenderingOptions.TextHeader = new TextHeaderFooter
{
    CenterText = "This is the header!",
};


// Create footer and add to rendering options
renderer.RenderingOptions.TextFooter = new TextHeaderFooter
{
    CenterText = "This is the footer!",
};

// Render PDF with header and footer
PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>");
pdf.SaveAs("renderWithTextHeaderFooter.pdf");
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

テキストと区切り線プロパティのカスタマイズ

TextHeaderFooterクラスでは、左、中央、右の位置に対するテキストを設定することができます。 さらに、テキストのフォントタイプとサイズをカスタマイズし、関連するプロパティを設定してカスタムカラーの区切り線を追加することができます。

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-textheaderfooter-options.cs
using IronPdf;
using IronPdf.Font;
using IronSoftware.Drawing;

// Create text header
TextHeaderFooter textHeader = new TextHeaderFooter
{
    CenterText = "Center text", // Set the text in the center
    LeftText = "Left text", // Set left-hand side text
    RightText = "Right text", // Set right-hand side text
    Font = IronSoftware.Drawing.FontTypes.ArialBoldItalic, // Set font
    FontSize = 16, // Set font size
    DrawDividerLine = true, // Draw Divider Line
    DrawDividerLineColor = Color.Red, // Set color of divider line
};
Imports IronPdf
Imports IronPdf.Font
Imports IronSoftware.Drawing

' Create text header
Private textHeader As New TextHeaderFooter With {
	.CenterText = "Center text",
	.LeftText = "Left text",
	.RightText = "Right text",
	.Font = IronSoftware.Drawing.FontTypes.ArialBoldItalic,
	.FontSize = 16,
	.DrawDividerLine = True,
	.DrawDividerLineColor = Color.Red
}
$vbLabelText   $csharpLabel

出力テキストヘッダー

class="content-img-align-center">
class="center-image-wrapper"> Text Header

You can see what font types are available by default in the IronPDF API Reference.

テキストヘッダー/フッターの余白を設定

デフォルトで、IronPDFのテキストヘッダーとフッターには定義済みの余白が付いています。 PDFドキュメント全体の幅にテキストヘッダーを広げたい場合は、余白値を0に指定できます。これは、AddTextHeadersおよびAddTextFooters関数で直接余白を設定するか、ChromePdfRendererRenderingOptionsを使用して行うことができます。

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-textheaderfooter-margins.cs
using IronPdf;

// Instantiate renderer and create PDF
ChromePdfRenderer renderer = new ChromePdfRenderer();
PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>");

TextHeaderFooter header = new TextHeaderFooter
{
    CenterText = "This is the header!",
};

TextHeaderFooter footer = new TextHeaderFooter
{
    CenterText = "This is the footer!",
};

pdf.AddTextHeaders(header, 35, 30, 25); // Left Margin = 35, Right Margin  = 30, Top Margin = 25
pdf.AddTextFooters(footer, 35, 30, 25); // Margin values are in mm
IRON VB CONVERTER ERROR developers@ironsoftware.com
$vbLabelText   $csharpLabel

ChromePdfRendererRenderingOptions に余白値を追加する場合、これらの余白はヘッダーとフッターにも適用されます。

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-rendering-options-margins.cs
using IronPdf;

// Instantiate renderer and create PDF
ChromePdfRenderer renderer = new ChromePdfRenderer();

TextHeaderFooter header = new TextHeaderFooter
{
    CenterText = "This is the header!",
};

TextHeaderFooter footer = new TextHeaderFooter
{
    CenterText = "This is the footer!",
};

// Margin values are in mm
renderer.RenderingOptions.MarginRight = 30;
renderer.RenderingOptions.MarginLeft = 30;
renderer.RenderingOptions.MarginTop = 25;
renderer.RenderingOptions.MarginBottom = 25;

// Add header and footer to renderer
renderer.RenderingOptions.TextHeader = header;
renderer.RenderingOptions.TextFooter = footer;

PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>");
Imports IronPdf

' Instantiate renderer and create PDF
Private renderer As New ChromePdfRenderer()

Private header As New TextHeaderFooter With {.CenterText = "This is the header!"}

Private footer As New TextHeaderFooter With {.CenterText = "This is the footer!"}

' Margin values are in mm
renderer.RenderingOptions.MarginRight = 30
renderer.RenderingOptions.MarginLeft = 30
renderer.RenderingOptions.MarginTop = 25
renderer.RenderingOptions.MarginBottom = 25

' Add header and footer to renderer
renderer.RenderingOptions.TextHeader = header
renderer.RenderingOptions.TextFooter = footer

Dim pdf As PdfDocument = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>")
$vbLabelText   $csharpLabel

RenderingOptionsUseMarginsOnHeaderAndFooter プロパティは、この用途には適していません。 これは、ヘッダー、フッター、メインコンテンツに同じ余白値を適用するため、ヘッダーがドキュメント本文と重なる可能性があります。 このプロパティは主に既存のPDFにAddTextHeadersAndFootersメソッドを使用してヘッダーとフッターを適用するために意図されています。

動的な余白サイズ設定

静的な余白はドキュメント間でヘッダーの内容が異なる場合に問題を引き起こしました。 ヘッダーとフッターの余白を調整するだけでなく、異なるヘッダーとフッターのサイズに対応するためにメインHTMLの余白も調整が必要でした。 その結果、コンテンツに応じてヘッダーとフッターの高さが動的に調整され、メインHTMLがそれに応じて再配置される動的余白サイズ設定機能を実装しました。 以下のコードを使用してこの機能をチェックしてください:

:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-dynamic-marigns.cs
using IronPdf;

ChromePdfRenderer renderer = new ChromePdfRenderer();

renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter()
{
    HtmlFragment = @"<div style='background-color: #4285f4; color: white; padding: 15px; text-align: center;'>
                    <h1>Example header</h1> <br>
                    <p>Header content</p>
                    </div>",
    // Enable the dynamic height feature
    MaxHeight = HtmlHeaderFooter.FragmentHeight,
};

PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Main HTML content</h1>");
pdf.SaveAs("dynamicHeaderSize.pdf");
Imports IronPdf

Private renderer As New ChromePdfRenderer()

renderer.RenderingOptions.HtmlHeader = New HtmlHeaderFooter() With {
	.HtmlFragment = "<div style='background-color: #4285f4; color: white; padding: 15px; text-align: center;'>
                    <h1>Example header</h1> <br>
                    <p>Header content</p>
                    </div>",
	.MaxHeight = HtmlHeaderFooter.FragmentHeight
}

Dim pdf As PdfDocument = renderer.RenderHtmlAsPdf("<h1>Main HTML content</h1>")
pdf.SaveAs("dynamicHeaderSize.pdf")
$vbLabelText   $csharpLabel

メタデータをテキストヘッダー/フッターに追加

ページ番号、日付、PDFのタイトルなどのメタデータを簡単にテキストに埋め込むことができます。 利用可能なメタデータオプションは以下の通りです:

  • {page}: 現在のページ番号。
  • {total-pages}: 合計ページ数。
  • {url}: PDFドキュメントがレンダリングされたウェブURL。
  • {date}: 現在の日付。
  • {time}: 現在の時刻。
  • {html-title}: HTMLのタグで指定されたHTMLタイトル。</li> <li><code>{pdf-title}</code>: PDFメタデータで指定されたPDFタイトル。</li> </ul> <p><code>{page}</code> および <code>{total-pages}</code> についての詳細は、<a href="/ja/how-to/page-numbers/" target="_blank" rel="nofollow noopener noreferrer">IronPDFページナンバーガイド</a> のハウツーガイドをご覧ください。</p> <pre class='naked-code'><code class="language-cs">:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-mail-merge.cs</code></pre> <div class="code-content code-content-inner"> <div class="code_window" > <div class="language-selection__content-page-wrapper"> </div> <div class="code_window_content"> <div class="code-window__action-buttons-wrapper code-window__action-buttons-wrapper--content-page"> <button title="クリックしてコピー" class="code-window__action-button code-window__action-button--copy copy-clipboard" data-copy-text="クリックしてコピー" data-copied-text="クリップボードにコピーされました" data-clipboard-id="code-explorer" data-placement="bottom" > <i class="fa-kit fa-copy-example"></i> </button> <button title="フルスクリーンモード" class="code-window__action-button code-window__action-button--full-screen js-full-screen-code-example-modal" > <i class="fas fa-expand"></i> </button> <button title="フルスクリーンを終了" class="code-window__action-button code-window__action-button--exit-full-screen js-exit-full-screen-code-example-modal" > <i class="fas fa-compress"></i> </button> </div> <pre class="prettyprint linenums lang-cs"><code>using IronPdf; // Create header and footer TextHeaderFooter textHeader = new TextHeaderFooter { CenterText = "{page} of {total-pages}", LeftText = "Today's date: {date}", RightText = "The time: {time}", }; TextHeaderFooter textFooter = new TextHeaderFooter { CenterText = "Current URL: {url}", LeftText = "Title of the HTML: {html-title}", RightText = "Title of the PDF: {pdf-title}", };</code></pre> <pre class="prettyprint linenums lang-vb"><code>Imports IronPdf ' Create header and footer Private textHeader As New TextHeaderFooter With { .CenterText = "{page} of {total-pages}", .LeftText = "Today's date: {date}", .RightText = "The time: {time}" } Private textFooter As New TextHeaderFooter With { .CenterText = "Current URL: {url}", .LeftText = "Title of the HTML: {html-title}", .RightText = "Title of the PDF: {pdf-title}" }</code></pre> </div> <div class="code_window_bottom"> <span class="language_selection"> <span class="ls-span">$vbLabelText  </span> <span> <label class="switch"> <input type="checkbox" checked="checked"> <span class="slider round"></span> </label> </span> <span class="ls-span">$csharpLabel</span> </span> </div> </div> </div> </section> <section class="md__article-chunk md__article-chunk__level-2" aria-labelledby="anchor-html36-49-36-49" data-heading-level="2" data-heading-text="HTMLヘッダー/フッターの例を追加"> <h2 id="anchor-html36-49-36-49">HTMLヘッダー/フッターの例を追加</h2> <p>HTMLとCSSを使用して、ヘッダー/フッターをさらにカスタマイズできます。 HTMLヘッダー/フッターを作成するには、<code>HtmlHeaderFooter</code>クラスを使用します。 CSSスタイルシートからのCSSスタイルを保持したい場合は、クラスプロパティで<code>LoadStylesAndCSSFromMainHtmlDocument = true</code>を設定してください。</p> <pre class='naked-code'><code class="language-cs">:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-htmlheaderfooter.cs</code></pre> <div class="code-content code-content-inner"> <div class="code_window" > <div class="language-selection__content-page-wrapper"> </div> <div class="code_window_content"> <div class="code-window__action-buttons-wrapper code-window__action-buttons-wrapper--content-page"> <button title="クリックしてコピー" class="code-window__action-button code-window__action-button--copy copy-clipboard" data-copy-text="クリックしてコピー" data-copied-text="クリップボードにコピーされました" data-clipboard-id="code-explorer" data-placement="bottom" > <i class="fa-kit fa-copy-example"></i> </button> <button title="フルスクリーンモード" class="code-window__action-button code-window__action-button--full-screen js-full-screen-code-example-modal" > <i class="fas fa-expand"></i> </button> <button title="フルスクリーンを終了" class="code-window__action-button code-window__action-button--exit-full-screen js-exit-full-screen-code-example-modal" > <i class="fas fa-compress"></i> </button> </div> <pre class="prettyprint linenums lang-cs"><code>using IronPdf; string headerHtml = @" <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a header!</h1> </body> </html>"; string footerHtml = @" <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a footer!</h1> </body> </html>"; // Instantiate renderer and create PDF ChromePdfRenderer renderer = new ChromePdfRenderer(); PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>"); // Create header and footer HtmlHeaderFooter htmlHeader = new HtmlHeaderFooter { HtmlFragment = headerHtml, LoadStylesAndCSSFromMainHtmlDocument = true, }; HtmlHeaderFooter htmlFooter = new HtmlHeaderFooter { HtmlFragment = footerHtml, LoadStylesAndCSSFromMainHtmlDocument = true, }; // Add to PDF pdf.AddHtmlHeaders(htmlHeader); pdf.AddHtmlFooters(htmlFooter);</code></pre> <pre class="prettyprint linenums lang-vb"><code>Imports IronPdf Private headerHtml As String = " <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a header!</h1> </body> </html>" Private footerHtml As String = " <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a footer!</h1> </body> </html>" ' Instantiate renderer and create PDF Private renderer As New ChromePdfRenderer() Private pdf As PdfDocument = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>") ' Create header and footer Private htmlHeader As New HtmlHeaderFooter With { .HtmlFragment = headerHtml, .LoadStylesAndCSSFromMainHtmlDocument = True } Private htmlFooter As New HtmlHeaderFooter With { .HtmlFragment = footerHtml, .LoadStylesAndCSSFromMainHtmlDocument = True } ' Add to PDF pdf.AddHtmlHeaders(htmlHeader) pdf.AddHtmlFooters(htmlFooter)</code></pre> </div> <div class="code_window_bottom"> <span class="language_selection"> <span class="ls-span">$vbLabelText  </span> <span> <label class="switch"> <input type="checkbox" checked="checked"> <span class="slider round"></span> </label> </span> <span class="ls-span">$csharpLabel</span> </span> </div> </div> </div> <p>テキストヘッダーとフッターと同様に、上記で示した<code>AddHtmlHeaders</code>および<code>AddHtmlFooters</code>メソッドには定義済みの余白が適用されています。 カスタム余白を適用するには、指定された余白値を使用して関数のオーバーロードを使用します。 余白なしで全体のコンテンツに渡したい場合は、オーバーロード関数で余白を0に設定します。</p> <pre class='naked-code'><code class="language-cs">:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-htmlheaderfooter-margins.cs</code></pre> <div class="code-content code-content-inner"> <div class="code_window" > <div class="language-selection__content-page-wrapper"> </div> <div class="code_window_content"> <div class="code-window__action-buttons-wrapper code-window__action-buttons-wrapper--content-page"> <button title="クリックしてコピー" class="code-window__action-button code-window__action-button--copy copy-clipboard" data-copy-text="クリックしてコピー" data-copied-text="クリップボードにコピーされました" data-clipboard-id="code-explorer" data-placement="bottom" > <i class="fa-kit fa-copy-example"></i> </button> <button title="フルスクリーンモード" class="code-window__action-button code-window__action-button--full-screen js-full-screen-code-example-modal" > <i class="fas fa-expand"></i> </button> <button title="フルスクリーンを終了" class="code-window__action-button code-window__action-button--exit-full-screen js-exit-full-screen-code-example-modal" > <i class="fas fa-compress"></i> </button> </div> <pre class="prettyprint linenums lang-cs"><code>// Add to PDF pdf.AddHtmlHeaders(header, 0, 0, 0); pdf.AddHtmlFooters(footer, 0, 0, 0);</code></pre> <pre class="prettyprint linenums lang-vb"><code>' Add to PDF pdf.AddHtmlHeaders(header, 0, 0, 0) pdf.AddHtmlFooters(footer, 0, 0, 0)</code></pre> </div> <div class="code_window_bottom"> <span class="language_selection"> <span class="ls-span">$vbLabelText  </span> <span> <label class="switch"> <input type="checkbox" checked="checked"> <span class="slider round"></span> </label> </span> <span class="ls-span">$csharpLabel</span> </span> </div> </div> </div> <p>ヘッダーとフッターを直接レンダラーのレンダリングオプションを通じて追加することも可能です。 これにより、レンダリングプロセス中にHTMLヘッダーとフッターが追加されます。</p> <pre class='naked-code'><code class="language-cs">:path=/static-assets/pdf/content-code-examples/how-to/headers-and-footers-render-with-htmlheaderfooter.cs</code></pre> <div class="code-content code-content-inner"> <div class="code_window" > <div class="language-selection__content-page-wrapper"> </div> <div class="code_window_content"> <div class="code-window__action-buttons-wrapper code-window__action-buttons-wrapper--content-page"> <button title="クリックしてコピー" class="code-window__action-button code-window__action-button--copy copy-clipboard" data-copy-text="クリックしてコピー" data-copied-text="クリップボードにコピーされました" data-clipboard-id="code-explorer" data-placement="bottom" > <i class="fa-kit fa-copy-example"></i> </button> <button title="フルスクリーンモード" class="code-window__action-button code-window__action-button--full-screen js-full-screen-code-example-modal" > <i class="fas fa-expand"></i> </button> <button title="フルスクリーンを終了" class="code-window__action-button code-window__action-button--exit-full-screen js-exit-full-screen-code-example-modal" > <i class="fas fa-compress"></i> </button> </div> <pre class="prettyprint linenums lang-cs"><code>using IronPdf; string headerHtml = @" <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a header!</h1> </body> </html>"; string footerHtml = @" <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a footer!</h1> </body> </html>"; // Instantiate renderer ChromePdfRenderer renderer = new ChromePdfRenderer(); // Create header and footer and add to rendering options renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter { HtmlFragment = headerHtml, LoadStylesAndCSSFromMainHtmlDocument = true, }; renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter { HtmlFragment = footerHtml, LoadStylesAndCSSFromMainHtmlDocument = true, }; // Render PDF with header and footer PdfDocument pdf = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>");</code></pre> <pre class="prettyprint linenums lang-vb"><code>Imports IronPdf Private headerHtml As String = " <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a header!</h1> </body> </html>" Private footerHtml As String = " <html> <head> <link rel='stylesheet' href='style.css'> </head> <body> <h1>This is a footer!</h1> </body> </html>" ' Instantiate renderer Private renderer As New ChromePdfRenderer() ' Create header and footer and add to rendering options renderer.RenderingOptions.HtmlHeader = New HtmlHeaderFooter With { .HtmlFragment = headerHtml, .LoadStylesAndCSSFromMainHtmlDocument = True } renderer.RenderingOptions.HtmlFooter = New HtmlHeaderFooter With { .HtmlFragment = footerHtml, .LoadStylesAndCSSFromMainHtmlDocument = True } ' Render PDF with header and footer Dim pdf As PdfDocument = renderer.RenderHtmlAsPdf("<h1>Hello World!</h1>")</code></pre> </div> <div class="code_window_bottom"> <span class="language_selection"> <span class="ls-span">$vbLabelText  </span> <span> <label class="switch"> <input type="checkbox" checked="checked"> <span class="slider round"></span> </label> </span> <span class="ls-span">$csharpLabel</span> </span> </div> </div> </div> </section> <section class="md__article-chunk md__article-chunk__level-2" aria-labelledby="anchor-36-49html36-49-36-49" data-heading-level="2" data-heading-text="テキストとHTMLのヘッダー/フッターの選択"> <h2 id="anchor-36-49html36-49-36-49">テキストとHTMLのヘッダー/フッターの選択</h2> <p>テキストとHTMLのヘッダー/フッターの選択に際して、トレードオフを考慮してください。 PDFのレンダリングを速く優先する場合は、テキストヘッダー/フッターを選びましょう。 他方、カスタマイズ性とスタイリングが重要な場合は、HTMLヘッダー/フッターを選びましょう。 少しのコンテンツしか含まれていない場合、テキストとHTMLヘッダー/フッターのレンダリング時間の差はそれほど重要ではありません。 しかし、HTMLヘッダー/フッターのサイズとアセット数が増えると増加します。</p> <p>次に何ができるのかを見てみましょうか? ガイドページはこちら:<a href="/ja/tutorials/csharp-create-pdf-complete-tutorial/" target="_blank">Create PDFs</a></p></section> </section> <section id="article__faqs" class="bg" style="min-height: 830px; contain-intrinsic-size: auto 1065px;"> <h2 class="article__faqs__heading-title">よくある質問</h2> <div class="article__faqs__questions-and-answers container-fluid"> <div class="tab-pane in active" id="ta-faq"> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">C#プロジェクトでPDFドキュメントにヘッダーとフッターを追加するにはどうすればよいですか?</h3> <p class="question-answer">C#プロジェクトでPDFドキュメントにヘッダーとフッターを追加するには、IronPDFを利用します。まず、IronPDFライブラリをダウンロードし、PDFを読み込むか作成します。テキストベースのヘッダー/フッターには <code>AddTextHeaders</code> と <code>AddTextFooters</code> を使用し、HTMLベースのオプションには <code>AddHtmlHeaders</code> と <code>AddHtmlFooters</code> を使用できます。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">C#でテキストとHTMLのヘッダーやフッターを追加するための利用可能なメソッドは何ですか?</h3> <p class="question-answer">IronPDFでは、テキストヘッダーとフッターを追加するために<code>AddTextHeaders</code>と<code>AddTextFooters</code>を使用でき、HTMLヘッダーとフッターには<code>AddHtmlHeaders</code>と<code>AddHtmlFooters</code>があります。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">C#を使用してPDFのヘッダーとフッターをどのようにカスタマイズしますか?</h3> <p class="question-answer">IronPDFで<code>TextHeaderFooter</code>クラスを使ってフォントタイプ、サイズ、配置のようなテキストプロパティを調整してヘッダーとフッターをカスタマイズします。HTMLヘッダーとフッターには、HTMLとCSSのスタイリングを活用してデザインを強化します。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">PDFでヘッダーとフッターがメインコンテンツと重ならないようにするにはどうすればよいですか?</h3> <p class="question-answer">IronPDFで適切なマージンを設定して、ヘッダーとフッターがメインコンテンツと重ならないようにします。<code>ChromePdfRenderer</code>の<code>RenderingOptions</code>を使用してマージン値を指定するか、コンテンツに基づいて自動調整するDynamic Margin Sizingを有効にします。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">PDFドキュメントでHTMLヘッダーとフッターを使用する利点は何ですか?</h3> <p class="question-answer">IronPDFのHTMLヘッダーとフッターは、テキストヘッダーとフッターと比較して、より多くのカスタマイズとスタイルの柔軟性を提供します。HTMLとCSSを使用し、複雑で視覚的に魅力的なデザインを可能にします。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">PDFのヘッダーとフッターにページ番号や日付のような動的コンテンツを含めることはできますか?</h3> <p class="question-answer">はい、IronPDFを使用して、ページ番号や日付のような動的コンテンツをPDFのヘッダーとフッターに含めることができます。<code>{page}</code>、<code>{total-pages}</code>、<code>{date}</code>、<code>{pdf-title}</code>など、ヘッダー/フッター内のプレースホルダーストリングを使用します。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">PDFプロジェクトでテキストとHTMLのヘッダー/フッターをどのように選択すればよいですか?</h3> <p class="question-answer">IronPDFで、より速いレンダリング時間を求めるならテキストのヘッダー/フッターを選択します。より多くのカスタマイズとスタイリングオプションを必要とする場合はHTMLのヘッダー/フッターを選択します。コンテンツの複雑さやサイズがレンダリングのパフォーマンスに影響を与える可能性があることを考慮してください。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">PDFのHTMLヘッダーとフッターにカスタムマージンを適用することは可能ですか?</h3> <p class="question-answer">はい、IronPDFでHTMLヘッダーとフッターにカスタムマージンを適用できます。<code>AddHtmlHeaders</code>と<code>AddHtmlFooters</code>のオーバーロードを使用してマージン値を指定し、ヘッダー/フッターの幅を制御します。</p> </div> </div> <div class="faq-item"> <div class="faq-collapse"> <i class="fa-solid fa-plus"></i> <i class="fa-solid fa-minus"></i> </div> <div class="faq-content"> <h3 class="question-header">IronPDF は、PDF 作成時にヘッダーとフッターを使用するために .NET 10 と完全に互換性がありますか?</h3> <p class="question-answer">はい。IronPDFは.NET 10と完全に互換性があり、以前の.NETバージョンと同様に、 <code>AddTextHeaders</code> 、 <code>AddTextFooters</code> 、 <code>AddHtmlHeaders</code> 、 <code>AddHtmlFooters</code>などのヘッダーおよびフッターメソッドを使用できます。デスクトップ、Web、コンテナ環境などの.NET 10プロジェクトで使用する場合、追加の設定は必要ありません。</p> </div> </div> </div> </div> </section> <script> document.addEventListener("DOMContentLoaded", function() { onViewLoadAsync( "#article__faqs", function() { }, ["common__faqs.js", "content__faqs.css", "article__faqs.css"] ); const articleFaqs = document.querySelector("#article__faqs .tab-pane"); if (!articleFaqs) return; articleFaqs.addEventListener("click", (evt) => { const targeted = evt.target.closest(".faq-item"); if (!targeted) return; targeted.classList.toggle("faq-item--active"); }); }); </script> <div class="author-details" id="author"> <div class="d-flex column-gap-4"> <div class="col_image"> <img loading="lazy" src="/img/how-tos/authors/jordi.webp" alt="Jordi Bardia" class="author-image" width="64" height="64"> </div> <div class="col_detail"> <div class="author-details__connect"> <div class="d-flex align-items-center flex-wrap"> <div class="author-details__connect__author"> <div class="author-name text-no-wrap"> <a href="https://ironsoftware.com/ja/about-us/authors/jordi/" aria-label="">Jordi Bardia</a> </div> <div class="author-details__connect__linkedin"> <a href="http://linkedin.com/in/jordi-bardia-1629aa204" target="_blank"><i class="fa-brands fa-linkedin" target="_blank" rel="nofollow"></i></a> </div> <div class="author-details__connect__website"> <a href="https://jordibardia.github.io/" target="_blank"><i class="fa-solid fa-globe"></i></a> </div> </div> <div class="author-details__chat"> <a href="#live-chat-support"><i class="fa-solid fa-comments"></i>  <span class="d-none d-md-inline">今すぐエンジニアリングチームとチャット </a></span> </div> </div> </div> <div class="author-job-title">ソフトウェアエンジニア</div> <div class="author-bio">Jordiは、最も得意な言語がPython、C#、C++であり、Iron Softwareでそのスキルを発揮していない時は、ゲームプログラミングをしています。製品テスト、製品開発、研究の責任を分担し、Jordiは継続的な製品改善において多大な価値を追加しています。この多様な経験は彼を挑戦させ続け、興味を持たせており、Iron Softwareで働くことの好きな側面の一つだと言います。Jordiはフロリダ州マイアミで育ち、フロリダ大学でコンピュータサイエンスと統計学を学びました。</div> </div> </div> </div> <div id="page-home-section-ready-started" class="ready-started-202509 light_theme"> <div class="container-fluid"> <div class="d-flex align-items-center flex-wrap row-gap-4 column-gap-4 justify-content-center"> <div id="page-home-section-ready-started--title" class="flex-grow-1"> <div class="ready_started_title">準備はいいですか?</div> <div class="sub-title-grey"> <span><i class="fa-kit fa-nuget"></i> Nuget ダウンロード 16,154,058</span><span> | </span><span>バージョン: 2025.11 ただ今リリースされました</span></div> </div> <!-- NuGet Download CTA Start --> <div class="d-flex align-items-center column-gap-4 row-gap-4 flex-wrap justify-content-center"> <div> <a class="download_button_2410__button js-modal-open" href="https://www.nuget.org/packages/IronPdf/" aria-label="" target="_blank" data-modal-id="trial-license-after-download"> <div class="d-flex align-items-center justify-content-center text column-gap-2"> <span class="icon_main"><i class="fa-kit fa-nuget"></i></span> <span>試用ライセンスキーがメールで送信されました。</span> </div> <div class="sub_text">総ダウンロード数: <strong>16,154,058</strong></div> </a> </div> <!-- NuGet Download CTA End --> <div> <a id="page-home-section-ready-started-cta-link" class="view-all-license-btn" href="/ja/licensing/" > <i class="fa-solid fa-shopping-cart"></i>ライセンスを見る<i class="fa-solid fa-chevron-right"></i> </a> </div> </div> </div> </div> </div> <script> window.addEventListener('load', () => { const readyStartedBox = document.getElementById('page-home-section-ready-started'); const readyStartedBoxTitle = document.getElementById('page-home-section-ready-started--title'); const readyStartedBoxToggleClass = () => readyStartedBoxTitle.classList.toggle('text-center', readyStartedBox.offsetHeight > 186); readyStartedBoxToggleClass(); window.addEventListener('resize', readyStartedBoxToggleClass); }); </script> </article> </div> <div id="article_sidebar--right" class="right_sidebar_container"> <div class="right_sidebar_wrapper"> <aside id="right-sidebar" class="sidebar h-100"> <div id="scroll-menu" class="pages-rightmenu-nav-wrapper h-100 video-on-right-sidebar"> <!-- Third-Party Banner Start --> <!-- Tutorial Videos Start --> <div class="sidebar__videos"> <div class="sidebar__videos_video_wrapper"> <div class="ytvid-facade js-article-video-modal-wrapper" data-ytvid-img-src="/img/thumbnails/youtube/QMto9bVNrLE__350w-197h.webp" data-ytvid-src="https://www.youtube.com/embed/QMto9bVNrLE?start=0" data-ytvid-code="QMto9bVNrLE" data-ytvid-start="0" data-ytvid-title="C#でIronPDFを使用してPDFにヘッダーとフッターを追加する方法" data-ytvid-frameborder="0" data-ytvid-allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" data-ytvid-allowfullscreen><link rel="preload" as="image" href="/img/thumbnails/youtube/QMto9bVNrLE__350w-197h.webp" fetchpriority="high"><link rel="preload" as="image" href="/img/svgs/youtube-play-icon.svg" fetchpriority="high"><img class="ytvid-facade__thumbnail" src="/img/thumbnails/youtube/QMto9bVNrLE__350w-197h.webp" width="350" height="197" alt="C#でIronPDFを使用してPDFにヘッダーとフッターを追加する方法" loading="lazy" ><div class="ytvid-facade__play-button"></div></div> <div class="sidebar__videos_playlist_title"> <a href="/ja/blog/videos/how-to-add-headers-and-footers-in-pdf-using-ironpdf-ironpdf/" title="IronPDFを使用してPDFにヘッダーとフッターを追加する方法" target="_blank"><i class="fab fa-youtube"></i>IronPDFを使用してPDFにヘッダーとフッターを追加する方法</a> </div> </div> </div> <!-- Tutorial Videos End --> <!-- Product-Updates: Changelog Form Start --> <!-- Product-Updates: Changelog Form End --> <div class="sticky-top relative-with-navbar"> <div class="table_of_contents" role="navigation" aria-label="Table of Contents"> <h2 class="table_of_contents--header">On This Page</h2> <ul id="docs_right_scrollspy_menu" class="scroll-list doc-scrollspy"> <li class="nav-item"> <a href="#anchor-36-49-36-49" class="">テキストヘッダー/フッターの例を追加</a> </li> <li class="nav-item"> <a href="#anchor-36-49" class="">テキストと区切り線プロパティのカスタマイズ</a> </li> <li class="nav-item"> <a href="#anchor-36-49-36-49" class="">テキストヘッダー/フッターの余白を設定</a> <ul class="scroll-list-child"><li class="nav-item"> <a href="#anchor-36-49" class="">動的な余白サイズ設定</a> </li></ul> </li> <li class="nav-item"> <a href="#anchor-36-49-36-49" class="">メタデータをテキストヘッダー/フッターに追加</a> </li> <li class="nav-item"> <a href="#anchor-html36-49-36-49" class="">HTMLヘッダー/フッターの例を追加</a> </li> <li class="nav-item"> <a href="#anchor-36-49html36-49-36-49" class="">テキストとHTMLのヘッダー/フッターの選択</a> </li> </ul> </div> <style media="all" data-stylesheet-href="/ja/front/css/component__view-on-github__sidebar.css?v=1764131833">#sidebar_docs__component__view-on-github{padding:16px 12px;background-color:#fff;border:solid 1px #D9E5E9;border-radius:4px;margin:32px 0 0;cursor:pointer;border-radius:4px;content-visibility:auto}.code-examples-page #sidebar_docs__component__view-on-github{margin-top:17px}#sidebar_docs__component__view-on-github:hover a.view-on-github__heading-row__heading-link{color:#E01A59}.view-on-github__heading-row{display:flex;align-items:center;gap:8px}.code-examples-page .view-on-github__heading-row{gap:10px}#sidebar_docs__component__view-on-github i.fa-brands.fa-github{font-size:38px;width:auto}.view-on-github__heading-row__heading-text{font:normal 500 12px/1.2 var(--ff-gotham);flex-grow:1}.view-on-github__heading-row__heading-link{color:#181818}.view-on-github__heading-row__heading-link:hover{color:#23527c}.view-on-github__heading-row__code-button{padding:8px 12px;background-color:#63C1A0;font-family:var(--ff-gotham);font-weight:500;color:#FFF;border-radius:4px;border:0;display:flex;align-items:center;gap:8px;position:relative;cursor:pointer;font-size:14px;min-width:95px}.view-on-github__heading-row__code-button:hover{background-color:#1E7C5B}.view-on-github__body-row{margin-top:20px}.view-on-github__body-row ul.nav li{margin-top:4px;margin-bottom:4px}@media screen and (min-width:1200px){.view-on-github__body-row ul.nav li{width:100%}}.view-on-github__body-row ul.nav li a{font-size:14px;display:flex}.view-on-github__body-row ul.nav li a:hover,.view-on-github__body-row ul.nav li a:hover i{color:#E01A59;}.view-on-github__body-row ul li.sideline i{font-size:14px;max-width:15px}#view-on-github__code-button__popup{position:absolute;background-color:#FFF;display:none;border-radius:4px;padding:16px;border:1px solid #C9CCD6;right:-7px;top:45px;min-width:340px;min-height:98px;z-index:4}.view-on-github__code-button__popup__copy-row{display:flex;align-items:center;gap:10px}.view-on-github__code-button__popup__copy-row i.fa-regular.fa-copy{color:#a6a7a7}.view-on-github__code-button__popup__copy-row__link{max-width:286px;overflow-x:clip;background-color:#EBECF0;border-radius:4px;padding:8px 12px;white-space:nowrap;text-overflow:ellipsis;font-family:var(--ff-code);font-weight:400;font-size:10px;color:#181818;opacity:.8}.view-on-github__code-button__popup__copy-row__link:hover{background-color:#d2d2d2}.view-on-github__code-button__popup__download-row{text-align:left;margin-top:20px;display:flex;align-items:center;gap:10px}.view-on-github__code-button__popup__download-row .fa-file-pdf{color:#181818;font-size:18px}.view-on-github__code-button__popup__download-row__link{font-family:var(--ff-gotham);font-weight:500;font-size:14px}</style><div id="sidebar_docs__component__view-on-github" data-github-ahref="https://github.com/iron-software/IronPdf.Examples/tree/main/how-to/headers-and-footers"> <div class="view-on-github__heading-row"> <i class="fa-brands fa-github"></i> <span class="view-on-github__heading-row__heading-text"> <a class="view-on-github__heading-row__heading-link" href="https://github.com/iron-software/IronPdf.Examples/tree/main/how-to/headers-and-footers" target="_blank">GitHubで見る</a> </span> <div class="view-on-github__heading-row__code-button"> <i class="fa-regular fa-code"></i> <span class="view-on-github__heading-row__code-button__txt"> コード </span> <i class="fa-solid fa-caret-down"></i> <div id="view-on-github__code-button__popup"> <div class="view-on-github__code-button__popup__copy-row"> <span class="view-on-github__code-button__popup__copy-row__link" data-bs-toggle="tooltip" data-bs-placement="top" title="クリックしてコピー" data-original-title="クリックしてコピー" data-copy-text="クリックしてコピー" data-copied-text="クリップボードにコピーされました" data-clipboard-text="https://github.com/iron-software/IronPdf.Examples/tree/main/how-to/headers-and-footers" > https://github.com/iron-software/IronPdf.Examples/tree/main/how-to/headers-and-footers </span> <i class="view-on-github__code-button__popup__copy-row__btn fa-regular fa-copy" data-clipboard-text="https://github.com/iron-software/IronPdf.Examples/tree/main/how-to/headers-and-footers" ></i> </div> <div class="view-on-github__code-button__popup__download-row"> <i class="fa-regular fa-file-pdf"></i> <a class="view-on-github__code-button__popup__download-row__link" href="https://github.com/iron-software/IronPdf.Examples/archive/refs/heads/master.zip"> ZIPをダウンロード </a> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { onViewLoadAsync("#sidebar_docs__component__view-on-github", null, ["content__sidebar-component__view-in-github.js"]); }); </script> <div class="bug-bounty__report-container"> <button class="bug-bountry__report-container__call-to-action js-modal-open" data-modal-id="article-feedback-modal"><i class="fa-regular fa-bug"></i><span class="bug-bountry__report-container__call-to-action__text">Report an Issue on this page</span></button> </div> </div> </div> </aside> </div> </div> </div> <!-- offcanvas menu --> <div id="offcanvas_article_right_sidebar" class="offcanvas offcanvas-end offcanvas_article_right_sidebar" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" aria-labelledby="offcanvas_article_right_sidebar"> <!-- button toggle offcanvas right sidebar --> <div id="button_toggle_article_right_sidebar" class="button_toggle_article_right_sidebar" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_article_right_sidebar" aria-controls="offcanvasScrolling"> <div class="button_icons_open_offcanvas"><i class="fa-solid fa-angle-left"></i><i class="fa-solid fa-list-ul ms-1"></i></div> <div class="button_icons_close_offcanvas" style="display:none;"><i class="fa-solid fa-x"></i></div> </div> <div class="offcanvas-body" style="box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25); background-color:#fafafb; padding:0 20px 0;"> <div id="place_holder_offcanvas_article_right_sidebar"></div> </div> </div> </div> </div> <!-- /* new content layout 2025 May, end */ --> </main> <div class="modal video_trial_modal fade" id="article-video-modal" tabindex="-1" data-bs-backdrop="true" data-js-modal-id="article-video-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="css-file__modal_trial_videos__is_loaded" style="display:none; font-size:0px;"><!-- a place holder, when css completely load the font-size will change to 1px; then it will trigger js to make modal visible, .css-file__[target css file name]__is_loaded --></div> <div class="button_close_modal"><i class="fas fa-xmark" data-bs-dismiss="modal"></i></div> <div class="d-block d-md-none" style="height:40px;"></div> <div> <div class="modal_wrapper flex-column flex-md-row"> <div class="modal-loaded donotdelete"></div> <div class="left"> <div class="ratio ratio-16x9"> <iframe loading="lazy" src="" class="youtube_player" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> <div class="right"> <div class="header"> <h2 class="title">無料をゲット</h2> <p class="desc vwo_video_form_option_30days"><strong>30日間の試用キー</strong>をすぐに取得。</p> <p class="desc vwo_video_form_variant_15days"><strong>15日間の試用キー</strong>をすぐに取得。</p> </div> <div class="form"> <div class="hsform_wrapper hsform_placeholder"> <div class="vwo_video_form_option_30days vwo_ab_test_phone_extension_a"><!-- hsform, place holder (form 1a)--></div> <div class="vwo_video_form_variant_15days vwo_ab_test_phone_extension_b"><!-- hsform, place holder (form 1b)--></div> </div> <div class="section_after_submitted"> <div class="badge_wrapper"><img loading="lazy" src="/img/icons/greencheck_in_yellowcircle.svg" width="100" alt="Greencheck In Yellowcircle related to How to Add Headers and Footers"></div> <div class="title">試用キーはメールにあるはずです。<br>ない場合は、<br><a href="mailto:support@ironsoftware.com">support@ironsoftware.com</a>までご連絡ください。</div> <p class="text">試用キーはメールにあるはずです。<br>ない場合は、<br><a href="mailto:support@ironsoftware.com">support@ironsoftware.com</a>までご連絡ください。</p> </div> <div class="flex-grow-1" style="min-height:8px;"><!-- spacer --></div> <div class="no_cc_required"><span class="icon"><img loading="lazy" src="/img/svgs/tick-green.svg" width="18 alt="bullet_checked" alt="Tick Green related to How to Add Headers and Footers"></span>ありがとうございます。<br>ライセンシングチームと話したい場合:</div> <div class="flex-grow-1" style="min-height:8px; max-height:16px;"><!-- spacer --></div> <div class="features d-none d-md-flex"> <div><span class="icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_test.svg" height="24" alt="bullet_test"></span>製品版でのテスト<br>透かしなし</div> <div><span class="icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_calendar.svg" height="24" alt="bullet_calendar"></span>30日間<br>完全機能の製品</div> <div><span class="icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_support.svg" height="24" alt="bullet_support"></span>試用期間中の<br>24/5テクニカルサポート</div> </div> </div> </div> </div> </div> </div> </div> </div> <script data-hbspt-form> document.addEventListener("DOMContentLoaded", function() { setupModalPopup("#article-video-modal", "article-video-modal", ["trial-license.util.js"], function() { var modal_id = "#article-video-modal"; var hashModal = "#video-trial"; var hashModalFormSent = "#video-trial-form-sent"; var thisURL = window.location.href.match(/(^[^#]*)/)[0]; window.firstFormSubmitted = function($form, data) { dataLayer.push({ "event": "trial-from-submitted" }); // change or add hashtag window.history.pushState("", "", thisURL + hashModalFormSent); $(modal_id + ' .submitted-message').hide(); $(modal_id + ' .no_cc_required').hide(); window.embedCustomHubspotForm(hbsptSecondOptions.target, hbsptSecondOptions); setTimeout(function() { $('#hsForm_febf5e33-1edd-45f9-b9b0-6ead75fb1b9a_video-trial-modal input[name="email"]').val(data.submissionValues.email).change(); }, 1000); } window.secondFormSubmitted = function() { $(modal_id + ' .submitted-message').hide(); $(modal_id + ' .right>.header').hide(); $(modal_id + ' .hsform_wrapper.hsform_placeholder').addClass('auto-height'); $(modal_id + ' .section_after_submitted').fadeIn("slow"); } var hbsptSecondOptions = { region: "na1", portalId: "22630553", formId: "febf5e33-1edd-45f9-b9b0-6ead75fb1b9a", formInstanceId: "video-trial-modal", target: "div.modal" + modal_id + " .hsform_placeholder", cssClass: "", submitText: "あなたの試用ライセンスを取得", submitButtonClass: "hs-button primary large", onFormReady: function($form) { }, onFormSubmitted: function ($form, data) { window.secondFormSubmitted(); }, }; var hbsptOptions = { region: "na1", portalId: "22630553", formId: "", formInstanceId: "video-trial-modal", cssClass: "", locale: "ja", submitButtonClass: "hs-button primary large arrow_right", onFormReady: function($form) { var hsFormErrorTooltipMessages = {"email":"\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","firstname":"\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","countrycode":"","phone":"\u6709\u52b9\u306a\u96fb\u8a71\u756a\u53f7\u306f\u3001\u6570\u5b57\u3001+()-.\u307e\u305f\u306fx\u306e\u307f\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059"}; buildFormErrorTooltips($form, hsFormErrorTooltipMessages); buildCountryCodeForPhoneFields($form, 'div.hs-fieldtype-phonenumber'); removeHSFormPlaceHolder($form); }, onFormSubmitted: function ($form, data) { firstFormSubmitted($form, data); }, translations: { ja: { fieldLabels: {"email":"\u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u30e1\u30fc\u30eb","firstname":"\u540d\u524d","countrycode":"\u30c0\u30a4\u30a2\u30eb\u30b3\u30fc\u30c9","phone":"\u96fb\u8a71\u756a\u53f7"} } } }; function placeForm(id, cssClass, target, timeout=100) { setTimeout(function() { var options = hsform_clone_options(hbsptOptions); options.formId = id; options.cssClass = cssClass; options.target = target; embedCustomHubspotForm(options.target, options); }, timeout); } // this is form A placeForm("dbd072d1-1098-4c98-bdc3-7255fc2e0d6b", "hsform_error_v2 hsform_floating_label hsform_intl_phone", "div.modal" + modal_id + " .hsform_placeholder .vwo_video_form_option_30days", 100); // this is form B placeForm("8c54dcae-960c-4452-b83c-06affb378052", "hsform_error_v2 hsform_floating_label hsform_intl_phone", "div.modal" + modal_id + " .hsform_placeholder .vwo_video_form_variant_15days", 200); }); }); </script><div class="modal fade img-popup-modal" id="img-popup-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" data-bs-dismiss="modal"> <div class="modal-loaded donotdelete" style="font-size: 1px; display: none;"></div> <div class="modal-content" > <div class="modal-title"> <!--<button type="button" class="close" data-bs-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>--> <i data-bs-dismiss="modal" aria-hidden="true" class="fas fa-times slide-out-close"></i> </div> <div class="modal-body"> <img class="img-popup-fullsize" loading="lazy" src="" alt=" related to How to Add Headers and Footers"> <p class="img-popup-caption"></p> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var element = document.querySelector("#img-popup-modal"); document.onElementViewportIntersect(element, function() { importModal(["image-popup.js", "modals/image-popup.css"], "img-popup-modal"); }); }) </script> <div class="modal" id="download-modal"> <div class="modal-dialog products-download dm-IronPDF ironpdf"> <div class="modal-loaded donotdelete"></div> <div class="modal-content"> <div class="modal-header"> <i data-bs-dismiss="modal" aria-hidden="true" class="fas fa-times slide-out-close"></i> </div> <div class="modal-body"> <div class="dm-col-left"> <div class="products-title">試用版の IronPDF を無料でお試しください</div> <div class="subtitle">5分でセットアップ完了</div> <div class="image-box"> <img class="img-responsive" loading="lazy" src="/img/license-types/icon-lightbulb.svg" alt="Icon Lightbulb related to How to Add Headers and Footers"> </div> </div> <div class="dm-col-right"> <div class="row"> <div class="col-md-6"> <div class="js-modal-open product-item nuget vwo-nuget-copy" data-modal-id="trial-license-after-download" > <div class="product-section" style="padding: 33px 25px 28px;"> <div class="row"> <div class="col-lg-2 product-image"> <img class="img-responsive add-shadow" loading="lazy" src="/img/nuget-logo.svg" alt="PDF用C# NuGetライブラリ" > </div> <div class="col-lg-10 product-info"> <div class="products-title">Install with <span>NuGet</span></div> <div class="subtitle"><strong>バージョン:</strong> 2025.11</div> </div> </div> <div class="js-open-modal-ignore copy-nuget-section" data-toggle="tooltip" data-copy-text="クリックしてコピー" , data-copied-text="クリップボードにコピーされました" data-placement="top" title="クリックしてコピー"> <div class="copy-nuget-row vwo-nuget-copy"> <pre class="install-script">Install-Package IronPdf</pre> <div class="copy-button"> <button class="btn btn-default copy-nuget-script" type="button" data-toggle="popover" data-placement="top" data-content="クリップボードにコピーされました" aria-label="パッケージマネージャーコマンドをコピー" data-original-title="クリックしてコピー" title="クリックしてコピー"> <span class="fas copy-icon-white"></span> </button> </div> </div> </div> <div class="nuget-link"> nuget.org/packages/IronPdf/ </div> </div> <div class="product-section"> <ol class="product-description"> <li><span>ソリューションエクスプローラーで参照を右クリックし、NuGetパッケージを管理を選択</span></li> <li><span>ブラウズを選択し、"IronPdf"を検索</span></li> <li><span>パッケージを選択してインストール</span></li> </ol> </div> </div> </div> <div class="col-md-6"> <div class="js-modal-open product-item dll" data-modal-id="trial-license-after-download" onclick="location.href='/packages/IronPdf.zip';"> <div class="product-section"> <div class="row"> <div class="col-lg-2 product-image"> <img class="img-responsive add-shadow" loading="lazy" src="/img/dll-img.png" alt="C# PDF DLL" > </div> <div class="col-lg-10 product-info"> <div class="products-title"><span>DLL</span>をダウンロード</div> <div class="subtitle"><strong>バージョン:</strong> 2025.11</div> </div> </div> <div class="download-dll-section"> <a class="btn btn-red download-library-dropdown dark-version" href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<div class='library_download_dropdown_tooltip'><div class='library_download_dropdown_tooltip__menuitem' data-download-link='/packages/IronPdf.zip'><span class='library_download_dropdown_tooltip__menuitem_text'><i class='library_download_dropdown_tooltip__menuitem_fa-icon fab fa-microsoft'></i><span class='library_download_dropdown_tooltip_menuitem_text-label'>Windows用</span></span></div><div class='library_download_dropdown_tooltip__menuitem' data-download-link='/packages/IronPdf.MacOs.zip'><span class='library_download_dropdown_tooltip__menuitem_text'><i class='library_download_dropdown_tooltip__menuitem_fa-icon fab fa-apple'></i><span class='library_download_dropdown_tooltip_menuitem_text-label'>macOS用</span></span></div><div class='library_download_dropdown_tooltip__menuitem' data-download-link='/packages/IronPdf.Linux.zip'><span class='library_download_dropdown_tooltip__menuitem_text'><i class='library_download_dropdown_tooltip__menuitem_fa-icon fab fa-linux'></i><span class='library_download_dropdown_tooltip_menuitem_text-label'>Linux用</span></span></div></div>" ><i class="fas fa-download"></i> 今すぐダウンロード</a> <div class="subtitle">または<a href="/ja/packages/IronPdfInstaller.zip" class="ga-windows-installer" title="Windows用Iron Software Installerをダウンロード">ここ</a>からWindowsインストーラーをダウンロードする。</div> </div> </div> <div class="product-section"> <ol class="product-description"> <li><span>IronPDFを~/Libsなどの場所に解凍し、ソリューションディレクトリ内に配置する</span></li> <li><span>Visual Studioソリューションエクスプローラーで参照を右クリックし、"IronPdf.dll"をブラウズして選択</span></li> </ol> </div> </div> </div> </div> <div class="licensing-link"> ライセンスは<a href="/ja/licensing/" target="_blank">$749</a>から </div> </div> </div> <div class="dm-modal-footer"> <div class="dm-col-left"> </div> <div class="dm-col-right"> <p class="helpscout-text">質問がありますか?<a href="#live-chat-support">連絡を取る</a>開発チームと。</p> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { setupModalPopup("#download-modal", "download-modal", ["modals/download.css", "download-modal.js"]); }); </script> <div class="modal" id="trial-license-after-download" tabindex="-1" data-bs-backdrop="true" data-form-id="b93685fb-4445-4114-8b0a-4af3ec564c41" data-ironproduct-key="ironpdf" data-js-modal-id="trial-license-after-download"> <div class="modal-config" data-for-product="ironpdf"> <span class="trial-license-inactive-timeout" data-trial-license-inactive-timeout="15">15</span> <span class="trial-license-inactive-timeout-interval" data-trial-license-inactive-timeout-interval="1000">1000</span> <span class="trial-license-reset-state-in-days" data-trial-license-reset-state-in-days="1">1</span> </div> <div class="modal-dialog"> <div class="modal-content modal-content_border-0 modal-content_padding-0"> <div class="trial-license-after-download-modal__status__css-loaded" style="display:none; font-size:0px;"><!-- a place holder, when css completely load the font-size will change to 1px; then it will trigger js to make modal visible --></div> <div class="modal-header"> <i class="slide-out-close-bold" data-bs-dismiss="modal" aria-hidden="true"></i> </div> <div class="modal-body modal-body_padding-0"> <div class="modal-loaded donotdelete"></div> <div class="trial-license trial-license_light"> <div class="trial-license__info_2410 d-none d-lg-block"> <div class="bg_product_logo d-none d-xl-block ironpdf"><!-- bg-product-logo --></div> <div class="content_wrapper pt-4 pt-lg-5"> <div class="header type_installed flex-column flex-lg-row js_control_type_installed"> <div class="header__animate_icon installed"> <div class="package_icon_bg"><img class="platform_logo" src="/img/modals/new-design-2410/logo_nuget.svg" width="43" height="42" alt="Nuget Logo" loading="lazy"></div> </div> <div> <div class="header__title text-center text-lg-start"> Now you've installed with Nuget </div> </div> </div> <div class="header type_downloading flex-column flex-lg-row js_control_type_downloading"> <div class="header__animate_icon downloading"></div> <div> <div class="header__title text-center text-lg-start"> ブラウザがダウンロード中です <span class="header__title__product_name">IronPDF</span> </div> </div> </div> <h3 class="header_subtitle text-center text-lg-start type_installed">Next step: Start free 30-day Trial</h3> <p class="text-center text-lg-start">無料で始める</p> <ul class="highlight d-none d-lg-block"> <li>無料トライアルを開始</li><li>NuGetダウンロード</li><li>js-modal-open</li> </ul> </div> </div> <style> /* @media (min-width: 992px) { #trial-license-after-download .trial-license__action { } } */ </style> <div class="trial-license__action" style="min-height: 550px;" > <div class="trial-license__action-title" style=" "> あなたの無料<strong>30日間の試用キー</strong>をすぐに入手。 </div> <div class="trial-license__exit-intent-form-sent-title"> Thank you.<br>If you'd like to speak to our licensing team: </div> <div id="hubspot-form__thank_you" class="hubspot-form__thank_you"> <p><section class="formright_submitted"><img loading="lazy" src="/img/icons/greencheck_in_yellowcircle.svg" width="100" height="100" alt="badge_greencheck_in_yellowcircle"><div class="thank-you__header">トライアルフォームが正常に<br><em>送信されました</em>。</div><p>試用キーはメールに届いているはずです。<br>もし届いていない場合は<br><a href="mailto:support@ironsoftware.com">support@ironsoftware.com</a>にご連絡ください。</p></section></p> </div> <div id="hubspot-form__form__trial-license-after-download" class="hubspot-form__form-wrapper"> <script data-hbspt-form> document.addEventListener("DOMContentLoaded", function() { var trialLicenseHbsptOptions_form_1a = { region: "na1", portalId: "22630553", formId: "b93685fb-4445-4114-8b0a-4af3ec564c41", locale: "ja", target: "#trial-license-after-download .place_holder--form_1a", cssClass: "hsform_error_v2 hsform_floating_label hsform_intl_phone", onFormReady: function ($form) { var hsFormErrorTooltipMessages = {"email":"\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","firstname":"\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","countrycode":"","phone":"\u6709\u52b9\u306a\u96fb\u8a71\u756a\u53f7\u306f\u3001\u6570\u5b57\u3001+()-.\u307e\u305f\u306fx\u306e\u307f\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059"}; buildFormErrorTooltips($form, hsFormErrorTooltipMessages); buildCountryCodeForPhoneFields($form, 'div.hs-fieldtype-phonenumber'); removeHSFormPlaceHolder($form); }, onFormSubmitted: function($form, data) { trigger_goal('trial_form_submitted'); setTimeout(function () { $("#trial-license-after-download .trial-license__action-features").hide(); }, 0); // hide 1st form place holder $("#trial-license-after-download .place_holder--form_1a").hide(); $("#trial-license-after-download .place_holder--form_1b").hide(); // show 2nd form place holder $("#trial-license-after-download .place_holder--form_2").show(); /// push submited data to 2nd form setTimeout(function() { $("#trial-license-after-download .trialFormTwo input[name='email']").val(data.submissionValues.email).change(); }, 1000); history.pushState("", document.title, window.location.pathname + "#trial-license-after-download-form-sent"); }, translations: { ja: { fieldLabels: {"email":"\u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u30e1\u30fc\u30eb","firstname":"\u540d\u524d","countrycode":"\u30c0\u30a4\u30a2\u30eb\u30b3\u30fc\u30c9","phone":"\u96fb\u8a71\u756a\u53f7"} } }, submitText: "Continue", submitButtonClass: "hs-button primary large arrow_right", inlineMessage: "<div class=\"d-none\"></div>", }; // var for form 1b var trialLicenseHbsptOptions_form_1b = Object.assign({}, trialLicenseHbsptOptions_form_1a); trialLicenseHbsptOptions_form_1b.formId = "8c54dcae-960c-4452-b83c-06affb378052"; trialLicenseHbsptOptions_form_1b.target = "#trial-license-after-download .place_holder--form_1b"; // var for form 2 var trialLicenseHbsptOptions_form_2 = { region: "na1", portalId: "22630553", formId: "febf5e33-1edd-45f9-b9b0-6ead75fb1b9a", locale: "ja", cssClass: "trialFormTwo", target: "#trial-license-after-download .place_holder--form_2", inlineMessage: "<div class=\"d-none\"></div>", onFormSubmitted: function ($form, data) { // setCookie("stopFlag", "1", 1); setLocalStorageIfTrialSubmitted(); // Trigger HubSpot goal trigger_goal('second_trial_form_submitted'); $(".hubspot-form__form-wrapper").css("display", "none"); $("#trial-license-after-download .hubspot-form__thank_you").css("padding-top", "60px").show(); // Specific to modal #trial-license-after-download $("#trial-license-after-download .hubspot-form__thank_you section.formright_submitted").css("display", "block"); $("#trial-license-after-download .hubspot-form__thank_you").css("display", "block"); $("#trial-license-after-download .trial-license__action-title").css("display", "none"); $("#trial-license-after-download .trial-license__action-features-single, #trial-license .trial-license__action-features-single").css("display", "none"); // Specific to modal #trial-license $("#trial-license .trial-license__action-title").css("display", "none"); }, }; var selector = document.querySelector("#hubspot-form__form__trial-license-after-download"); const modalSelector = document.querySelector("#trial-license-after-download"); modalSelector?.addEventListener("shown.bs.modal", function() { embedCustomHubspotForm(selector, trialLicenseHbsptOptions_form_1a); embedCustomHubspotForm(selector, trialLicenseHbsptOptions_form_1b); embedCustomHubspotForm(selector, trialLicenseHbsptOptions_form_2); }, { once: true }); });</script> <div class="place_holder--form_1a vwo_ab_test_phone_extension_a"></div> <div class="place_holder--form_1b vwo_ab_test_phone_extension_b"></div> <div class="place_holder--form_2"></div> </div> <div class="trial-license__exit-intent-form-sent-action-button"> <a class="btn btn-red btn-red--exit-intent-form-sent" href="https://help.ironsoftware.com/meetings/ironsoftware/schedule-a-call-with-sales" target="_blank"> <i class="fa fa-phone-alt" aria-hidden="true"></i> ライセンスはより安く </a> </div> <div class="trial-license__exit-intent-form-sent-description"> Have a question? <a href="#live-chat-support" onclick="return show_helpscout(event)">Get in touch</a> with our development team. </div> <div class="flex-grow-1"><!-- spacer --></div> <div class="trial-license__action-features"> <div class="trial-license__action-features-single"> クレジットカードやアカウントの作成は不要です。 </div> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var selector = "#trial-license-after-download"; document.onElementViewportIntersect(selector, function() { var modals = ["trial-license.util.js", "modals/trial-license.css"]; importModal(modals, "trial-license-after-download", debug()); }); }); </script> <div class="modal" id="trial-license-after-download-form-sent" tabindex="-1" data-bs-backdrop="true" data-form-id="b93685fb-4445-4114-8b0a-4af3ec564c41" data-ironproduct-key="ironpdf" data-js-modal-id="trial-license-after-download-form-sent"> <div class="modal-config" data-for-product="ironpdf"> <span class="trial-license-inactive-timeout" data-trial-license-inactive-timeout="15">15</span> <span class="trial-license-inactive-timeout-interval" data-trial-license-inactive-timeout-interval="1000">1000</span> <span class="trial-license-reset-state-in-days" data-trial-license-reset-state-in-days="1">1</span> </div> <div class="modal-dialog"> <div class="modal-content modal-content_border-0 modal-content_padding-0"> <div class="trial-license-after-download-form-sent-modal__status__css-loaded" style="display:none; font-size:0px;"><!-- a place holder, when css completely load the font-size will change to 1px; then it will trigger js to make modal visible --></div> <div class="modal-header"> <i class="slide-out-close-bold" data-bs-dismiss="modal" aria-hidden="true"></i> </div> <div class="modal-body modal-body_padding-0"> <div class="modal-loaded donotdelete"></div> <div class="trial-license trial-license_light"> <div class="trial-license__info_2410 d-none d-lg-block"> <div class="bg_product_logo d-none d-xl-block ironpdf"><!-- bg-product-logo --></div> <div class="content_wrapper pt-4 pt-lg-5"> <div class="header type_installed flex-column flex-lg-row js_control_type_installed"> <div class="header__animate_icon installed"> <div class="package_icon_bg"><img class="platform_logo" src="/img/modals/new-design-2410/logo_nuget.svg" width="43" height="42" alt="Nuget Logo" loading="lazy"></div> </div> <div> <div class="header__title text-center text-lg-start"> Now you've installed with Nuget </div> </div> </div> <div class="header type_downloading flex-column flex-lg-row js_control_type_downloading"> <div class="header__animate_icon downloading"></div> <div> <div class="header__title text-center text-lg-start"> ブラウザがダウンロード中です <span class="header__title__product_name">IronPDF</span> </div> </div> </div> <h3 class="header_subtitle text-center text-lg-start type_installed">Next step: Start free 30-day Trial</h3> <p class="text-center text-lg-start">無料で始める</p> <ul class="highlight d-none d-lg-block"> <li>無料トライアルを開始</li><li>NuGetダウンロード</li><li>js-modal-open</li> </ul> </div> </div> <style> /* @media (min-width: 992px) { #trial-license-after-download-form-sent .trial-license__action { padding-top: 3px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } } */ </style> <div class="trial-license__action" style="min-height: 270px;" > <div class="trial-license__action-title" style=" "> <strong>ありがとうございます。<br>ライセンスオプションを見る:</strong> </div> <div class="trial-license__exit-intent-form-sent-title"> Thank you.<br>If you'd like to speak to our licensing team: </div> <div class="trial-license__action-buttons" style=" "> <a class="trial-license__action-button trial-license__action-button_red trial-license__action-button_wide" style=" " href="/ja/licensing/" > <span class="trial-license__action-button-text"> ライセンスの表示 </span> </a> </div> <div class="trial-license__exit-intent-form-sent-action-button"> <a class="btn btn-red btn-red--exit-intent-form-sent" href="https://help.ironsoftware.com/meetings/ironsoftware/schedule-a-call-with-sales" target="_blank"> <i class="fa fa-phone-alt" aria-hidden="true"></i> ライセンスはより安く </a> </div> <div class="trial-license__action-description trial-license__action-description_highlighted" style=" "> 質問がありますか? <!-- --><a href="#live-chat-support" >ライセンスの表示</a><!-- --> 開発チームと。 </div> <div class="trial-license__exit-intent-form-sent-description"> Have a question? <a href="#live-chat-support" onclick="return show_helpscout(event)">Get in touch</a> with our development team. </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var selector = "#trial-license-after-download-form-sent"; document.onElementViewportIntersect(selector, function() { var modals = ["trial-license.util.js", "modals/trial-license.css"]; importModal(modals, "trial-license-after-download-form-sent", debug()); }); }); </script> <div class="modal modal_new fade" id="trial-license" tabindex="-1" data-bs-backdrop="true" data-form-id="dbd072d1-1098-4c98-bdc3-7255fc2e0d6b" style="" data-js-modal-id="trial-license"> <div class="modal-dialog modal-dialog-scrollable modal-fullscreen"> <div class="modal-content p-0"> <div class="modal-header"> <i class="fas slide-out-close-bold" data-bs-dismiss="modal" aria-hidden="true"></i> </div> <div class="modal-body p-0"> <div id="formtrial" class="modal_body h-100"> <div class="modal-loaded donotdelete"></div> <div class="row h-100 g-0"> <div class="col-12 col-lg-4 d-none d-lg-block"> <div class="left"> <div class="wrapper"> <div style="flex:1; max-height:64px;"><!-- spacer --></div> <div><img src="/img/products/ironpdf-logo-text-dotnet.svg" alt="ironpdf_for_dotnet_log2o" class="product_logo" loading="lazy"></div> <div style="flex:1; max-height:104px;"><!-- spacer --></div> <section class="title"> <p class="h1">無料で始めましょう</p> <p>無料で始める</p> </section> <div style="flex:1; max-height:64px;"><!-- spacer --></div> <div> <section class="content"> <article> <div class="h2">ライブ環境でテスト</div> <p>ウォーターマークなしで本番環境でテスト。<br>必要な場所で動作します。</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_test.svg" width="24" alt="bullet_test"></div> </article> <article> <div class="h2">完全機能の製品</div> <p>完全に機能する製品を30日間利用できます。<br>数分でセットアップして稼働します。</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_calendar.svg" width="24" alt="bullet_calendar"></div> </article> <article> <div class="h2">24/5 技術サポート</div> <p>製品試用期間中、サポートエンジニアリングチームへのフルアクセス</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_support.svg" width="24" alt="bullet_support"></div> </article> </section> </div> <div class="modal_new_trial__support_team"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-6.webp" loading="lazy" alt="Support Team Member 6 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-14.webp" loading="lazy" alt="Support Team Member 14 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-4.webp" loading="lazy" alt="Support Team Member 4 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-2.webp" loading="lazy" alt="Support Team Member 2 related to How to Add Headers and Footers"> </div> <div style="flex:1"></div> </div> </div> </div> <div class="col-12 col-lg-8"> <div class="right"> <div class="wrapper"> <div style="flex:1; max-height:144px; min-height:32px;"><!-- spacer --></div> <div class="d-block d-lg-none text-center px-4"> <img loading="lazy" src="/img/products/ironpdf-logo-text-dotnet.svg" alt="ironpdf_for_dotnet_log2o" class="product_logo"> </div> <div class="d-block d-lg-none" style="height:24px;"></div> <div class="right_title"><div class="h2">無料の<em class="visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline">30日間の試用版キー</em>をすぐに取得してください。</div></div> <div style="flex:1; max-height:24px; min-height:16px;"><!-- spacer --></div> <div style="height:6px; user-select:none;"> <div class="hubspot_form--new_trial__progress_bar progress mx-auto" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="display:none; height:6px; width:240px; background-color:#E7EEF0;"> <div class="progress-bar" style="width:50%; background-color:#63C1A0;"></div> </div> </div> <div style="flex:1; max-height:32px; min-height:4px;"><!-- spacer --></div> <section class="formright"> <script data-hbspt-form> document.addEventListener("DOMContentLoaded", function() { // form 1a var trialLicenseNewHbsptOptions = { region: "na1", portalId: "22630553", formId: "dbd072d1-1098-4c98-bdc3-7255fc2e0d6b", locale: "ja", target: "#trial-license .hubspot_form--new_trial__place_holder", cssClass: "hsform_error_v2 hsform_floating_label hsform_intl_phone", onFormReady: function ($form) { var hsFormErrorTooltipMessages = {"email":"\u6709\u52b9\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","firstname":"\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044","countrycode":"","phone":"\u6709\u52b9\u306a\u96fb\u8a71\u756a\u53f7\u306f\u3001\u6570\u5b57\u3001+()-.\u307e\u305f\u306fx\u306e\u307f\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059"}; buildFormErrorTooltips($form, hsFormErrorTooltipMessages); buildCountryCodeForPhoneFields($form, 'div.hs-fieldtype-phonenumber'); removeHSFormPlaceHolder($form); }, onFormSubmitted: function ($form, data) { trigger_goal('trial_form_submitted'); history.pushState("", document.title, window.location.pathname + "#trial-license-form-sent"); // manage the content $("#trial-license .right_title").hide(); $("#trial-license .hubspot_form--new_trial__progress_bar").show(); $("#trial-license .hubspot_form--new_trial__no_required").hide(); // hide 1st form place holder $("#trial-license .hubspot_form--new_trial__place_holder").hide(); $("#trial-license .hubspot_form--new_trial__place_holder_b").hide(); // show 2nd form place holder $("#trial-license .hubspot_form--new_trial__place_holder--second_form").show(); /// push submited data to 2nd form setTimeout(function() { $("#trial-license .trialFormTwo input[name='email']").val(data.submissionValues.email).change(); }, 1000); }, translations: { ja: { fieldLabels: {"email":"\u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u30e1\u30fc\u30eb","firstname":"\u540d\u524d","countrycode":"\u30c0\u30a4\u30a2\u30eb\u30b3\u30fc\u30c9","phone":"\u96fb\u8a71\u756a\u53f7"} } }, submitText: "Continue", submitButtonClass: "hs-button primary large arrow_right", inlineMessage: "<div class=\"d-none\"></div>", }; // form 2a var trialLicenseNewHbsptOptions_formB = Object.assign({}, trialLicenseNewHbsptOptions); trialLicenseNewHbsptOptions_formB.formId = "8c54dcae-960c-4452-b83c-06affb378052"; trialLicenseNewHbsptOptions_formB.target = "#trial-license .hubspot_form--new_trial__place_holder_b"; /* settings of the 2nd form (survey form) */ var trialLicenseNewHbsptOptions_formTwo = { region: "na1", portalId: "22630553", formId: "febf5e33-1edd-45f9-b9b0-6ead75fb1b9a", locale: "ja", cssClass: "trialFormTwo", target: "#trial-license .hubspot_form--new_trial__place_holder--second_form", inlineMessage: "<div class=\"d-none\"></div>", onFormSubmitted: function ($form, data) { // setCookie("stopFlag", "1", 1); setLocalStorageIfTrialSubmitted() // Trigger HubSpot goal trigger_goal('second_trial_form_submitted'); // update hashs history.pushState("", document.title, window.location.pathname + "#trial-license-form-sent"); $("#trial-license .formright_submitted").css("padding-top", "60px").css("display", "block"); $("#trial-license .hubspot_form--new_trial__place_holder--second_form").hide(); $("#trial-license .hubspot_form--new_trial__progress_bar").hide(); }, } const selector = document.querySelector("#trial-license section.formright"); const modalSelector = document.querySelector("#trial-license.modal_new"); modalSelector.addEventListener("shown.bs.modal", function() { embedCustomHubspotForm(selector, trialLicenseNewHbsptOptions); embedCustomHubspotForm(selector, trialLicenseNewHbsptOptions_formB); embedCustomHubspotForm(selector, trialLicenseNewHbsptOptions_formTwo); }, { once: true }); }); </script> <div class="hubspot_form--new_trial__place_holder vwo_ab_test_phone_extension_a"></div> <div class="hubspot_form--new_trial__place_holder_b vwo_ab_test_phone_extension_b"></div> <div class="hubspot_form--new_trial__place_holder--second_form"></div> <p class="hubspot_form--new_trial__no_required no_credit_required"><span style="display:inline-block; margin-right:10px;"><img loading="lazy" src="/img/modals/trial-license-new/bullet_checked.svg" width="14" alt="bullet_checked"></span>ありがとうございます。<br>ライセンシングチームと話したい場合:</p> </section> <section class="formright_submitted"> <img loading="lazy" src="/img/icons/greencheck_in_yellowcircle.svg" width="100" height="100" alt="badge_greencheck_in_yellowcircle"> <div>トライアルフォームが<br><em>正常に</em>送信されました。</div> <p>試用版キーはメールにあります。<br>もしない場合は、お問い合わせください<br><a href="mailto:support@ironsoftware.com">support@ironsoftware.com</a></p> </section> <div style="flex:1; max-height:96px;"><!-- spacer --></div> <div class="flex-grow-1 d-block d-md-none"><!-- spacer --></div> <section class="trusted_by px-3"> <div class="h2">ブログ</h2> <ul class="our_clients"><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_aetna.svg" alt="ロゴ Aetna" width="80" height="20"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_nasa.svg" alt="ロゴ NASA" width="64" height="52"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_ge.svg" alt="ロゴ GE" width="54" height="54"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_porsche.svg" alt="ロゴ ポルシェ" width="40" height="52"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_usds.svg" alt="ロゴ USDA" width="54" height="54"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_qatar.svg" alt="ロゴ カタール" width="114" height="32"></li></ul> </section> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var selector = "#trial-license"; document.onElementViewportIntersect(selector, function() { var modals = ["trial-license.util.js", "modals/trial-license.css", "modals/trial-license-new.css"]; importModal(modals, "trial-license", debug()); }); }); </script> <div class="modal modal_new" id="trial-license-form-sent" tabindex="-1" data-bs-backdrop="true" data-form-id="dbd072d1-1098-4c98-bdc3-7255fc2e0d6b" style="" data-js-modal-id="trial-license-form-sent"> <div class="modal-dialog modal-dialog-scrollable modal-fullscreen"> <div class="modal-content p-0"> <div class="modal-header"> <i class="fas slide-out-close-bold" data-bs-dismiss="modal" aria-hidden="true"></i> </div> <div class="modal-body p-0"> <div id="formtrial" class="modal_body h-100"> <div class="modal-loaded donotdelete"></div> <div class="row h-100 g-0"> <div class="col-12 col-lg-4 d-none d-lg-block"> <div class="left"> <div class="wrapper"> <div style="flex:1; max-height:64px;"><!-- spacer --></div> <div><img src="/img/products/ironpdf-logo-text-dotnet.svg" alt="ironpdf_for_dotnet_log2o" class="product_logo" loading="lazy"></div> <div style="flex:1; max-height:104px;"><!-- spacer --></div> <section class="title"> <p class="h1">無料で始めましょう</p> <p>無料で始める</p> </section> <div style="flex:1; max-height:64px;"><!-- spacer --></div> <div> <section class="content"> <article> <div class="h2">ライブ環境でテスト</div> <p>ウォーターマークなしで本番環境でテスト。<br>必要な場所で動作します。</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_test.svg" width="24" alt="bullet_test"></div> </article> <article> <div class="h2">完全機能の製品</div> <p>完全に機能する製品を30日間利用できます。<br>数分でセットアップして稼働します。</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_calendar.svg" width="24" alt="bullet_calendar"></div> </article> <article> <div class="h2">24/5 技術サポート</div> <p>製品試用期間中、サポートエンジニアリングチームへのフルアクセス</p> <div class="floating_icon"><img loading="lazy" src="/img/modals/trial-license-new/bullet_support.svg" width="24" alt="bullet_support"></div> </article> </section> </div> <div class="modal_new_trial__support_team"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-6.webp" loading="lazy" alt="Support Team Member 6 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-14.webp" loading="lazy" alt="Support Team Member 14 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-4.webp" loading="lazy" alt="Support Team Member 4 related to How to Add Headers and Footers"> <img class="lazy" width="64" height="64" aria-label="" src="/img/support-team/support-team-member-2.webp" loading="lazy" alt="Support Team Member 2 related to How to Add Headers and Footers"> </div> <div style="flex:1"></div> </div> </div> </div> <div class="col-12 col-lg-8"> <div class="right"> <div class="wrapper"> <div style="flex:1; max-height:144px; min-height:32px;"><!-- spacer --></div> <div class="d-block d-lg-none text-center px-4"> <img loading="lazy" src="/img/products/ironpdf-logo-text-dotnet.svg" alt="ironpdf_for_dotnet_log2o" class="product_logo"> </div> <div class="d-block d-lg-none" style="height:24px;"></div> <div class="right_title"><div class="h2">無料の<em class="visible-xs-block visible-sm-inline visible-md-inline visible-lg-inline">30日間の試用版キー</em>をすぐに取得してください。</div></div> <div style="flex:1; max-height:24px; min-height:16px;"><!-- spacer --></div> <div style="height:6px; user-select:none;"> <div class="hubspot_form--new_trial__progress_bar progress mx-auto" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="display:none; height:6px; width:240px; background-color:#E7EEF0;"> <div class="progress-bar" style="width:50%; background-color:#63C1A0;"></div> </div> </div> <div style="flex:1; max-height:32px; min-height:4px;"><!-- spacer --></div> <div style="margin:0 auto; width:280px;"> <div><a class="trial-license__action-button trial-license__action-button_red" style="margin:8px 0; width:100%; font-size:15px;" href="https://www.nuget.org/packages/IronPdf/" target="_blank"><i class="trial-license__action-button-icon nuget-icon-white2"></i><span class="trial-license__action-button-text">購入の準備ができていませんか?</span></a></div> <div><a class="trial-license__action-button trial-license__action-button_white" style="margin:8px 0; width:100%; font-size:15px;" href="/ja/licensing/"><span class="trial-license__action-button-text">ライセンスの表示</span></a></div> </div> <div class="text-center ironpdf_dotnet" style="margin-top:50px;"><p><span class='trial-form-sent__licensing-price-text'>ライセンスは<a href="/ja/licensing/">749ドル</a>から。</span> 質問がありますか? <a href="/ja/#live-chat-support" onclick="return window.HubSpotConversations.widget.open()">お問い合わせください</a>。</p></div> <div style="flex:1; max-height:96px;"><!-- spacer --></div> <div class="flex-grow-1 d-block d-md-none"><!-- spacer --></div> <section class="trusted_by px-3"> <div class="h2">ブログ</h2> <ul class="our_clients"><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_aetna.svg" alt="ロゴ Aetna" width="80" height="20"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_nasa.svg" alt="ロゴ NASA" width="64" height="52"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_ge.svg" alt="ロゴ GE" width="54" height="54"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_porsche.svg" alt="ロゴ ポルシェ" width="40" height="52"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_usds.svg" alt="ロゴ USDA" width="54" height="54"></li><li><img class="img-fluid" loading="lazy" src="/img/modals/trial-license-new/logo_qatar.svg" alt="ロゴ カタール" width="114" height="32"></li></ul> </section> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var selector = "#trial-license-form-sent"; document.onElementViewportIntersect(selector, function() { var modals = ["trial-license.util.js", "modals/trial-license.css", "modals/trial-license-new.css"]; importModal(modals, "trial-license-form-sent", debug()); }); }); </script> <div class="modal fade" id="talk-to-sales" tabindex="-1"> <div class="modal-dialog modal-fullscreen modal-dialog-scrollable"> <div class="modal-content talk_to_sales"> <div class="modal-loaded donotdelete"></div> <!-- close modal button --> <button type="button" class="button_close_modal" data-bs-dismiss="modal"><img src="/img/modals/talk_to_sales/icon_close_modal.svg" width="20" height="20" alt="close modal" loading="lazy"></button> <!-- modal content, start --> <div class=""> <div class="d-flex align-items-stretch vh-100"> <div class="content_left d-none d-md-flex flex-column"> <div class="product_logo"><img src="/img/modals/talk_to_sales/main_logo.svg" width="220" height="40" alt="Iron Suite Enterprise Logo" loading="lazy"></div> <div class="h2">営業チームと話す</div> <p class="sub_title">義務のない相談を予約</p> <div class="team_expert_photo"> <img src="/img/modals/talk_to_sales/team_expert.webp" width="248" height="56" alt="Iron Softwareエンタープライズコンサルタチーム" class="img-fluid" loading="lazy"> </div> <div class="how_we_help"> <div class="h3">私たちがお手伝いできること:</div> <ul> <li><span class="d-block"><i class="far fa-check-circle"></i></span><spanclass="d-block flex-grow-1">お客様のワークフローや課題についてご相談いただけます。</span></li><li><span class="d-block"><i class="far fa-check-circle"></i></span><spanclass="d-block flex-grow-1">他の企業が.NETドキュメントニーズをどのように解決しているかを確認する</span></li><li><span class="d-block"><i class="far fa-check-circle"></i></span><spanclass="d-block flex-grow-1">あなたが必要な情報を確実に提供するためすべての質問に回答します。(いかなるコミットメントもありません。)</span></li><li><span class="d-block"><i class="far fa-check-circle"></i></span><spanclass="d-block flex-grow-1">プロジェクトのニーズに合わせた見積もりを取得する</span></li> </ul> </div> </div> <div class="content_right d-flex flex-column"> <div style="flex:0 1 84px;"><!-- spacer --></div> <div class="content_right__hsform_header"> <div class="form_title">義務のない相談を受ける</div> <p class="sub_title">下記のフォームを記入するか、<a href="mailto:sales@ironsoftware.com" aria-title="">sales@ironsoftware.com</a>にメールしてください。</p> </div> <div class="form_wrapper" style="min-height: 488px;"> <div class="form_placeholder"></div> <p class="text_below_form"><i class="fa-solid fa-shield-heart"></i>あなたの詳細は常に<strong>守秘されます。</strong></p> </div> <div style="flex:0 1 98px; min-height:24px;"><!-- spacer --></div> <div class="trusted_by"> <div class="h3">世界中の 200 万人以上のエンジニアから信頼されています。</div> <div><img src="/img/modals/talk_to_sales/trusted_by_logos.webp" width="552" height="97" alt="ライセンスはより安く" class="img-fluid" loading="lazy"></div> </div> </div> </div> </div> <!-- modal content, end --> </div> </div> </div> <script data-hbspt-form> document.addEventListener("DOMContentLoaded", function() { // iron_hsform_error_v2 (2024 DEC) // required: css group ".iron_hsform_error_v2" // required: label from hubspot var salesTalkSelector = document.querySelector("#talk-to-sales"); var this_hsFormID = "dd27b8f3-83d9-4518-8fbc-8d07ec8b0761"; var this_hsFormSubmitText = "見積りを依頼"; var this_hsFormSubmittedText = '<div class="hsform_submitted_badge"></div><div class="hsform_submitted_text">ありがとうございました! フォームを送信しました</div>'; var this_hsFormConfig = { region: "na1", portalId: "22630553", formId: this_hsFormID, locale: 'en', inlineMessage: this_hsFormSubmittedText, submitText: this_hsFormSubmitText, cssClass: "hsform_talk-to-sales iron_hsform_error_v2", onFormReady: function($form) { // alway scoped with $form // inject error element (icon and tooltip) var this_hsFormErrorTooltipMessages = { ".hs-form-field.hs-firstname": "Please input your name", ".hs-form-field.hs-email": "Please input a valid email address", ".hs-form-field.hs-phone": "A valid phone number may only contain numbers, +()-. or x", } for (var classname in this_hsFormErrorTooltipMessages) { const errorElement = $('<div/>', { class: 'iron-hsform-error-element', 'data-toggle': 'tooltip', 'data-placement': 'top', title: this_hsFormErrorTooltipMessages[classname] }); $form.find(classname).append(errorElement); } // create bootstrap's tooltip inside this form only $form.find('[data-toggle="tooltip"]').each(function(index, el) { bootstrap.Tooltip.getOrCreateInstance(this); }); }, onFormSubmitted: function($form) { // hide form header, form making sense of submitted form $form.parent().parent().parent().find('.content_right__hsform_header').hide(); window._vis_opt_queue = window._vis_opt_queue || []; window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(229);}); } }; setupModalPopupWithHubSpotForm(salesTalkSelector, "talk-to-sales", ["modals/talk_to_sales.css"], this_hsFormConfig, "#talk-to-sales div.form_wrapper"); }); </script> <!-- modal start --> <div class="modal fade" id="booking-demo" tabindex="-1"> <div class="modal-dialog modal-fullscreen modal-dialog-scrollable"> <div class="modal-content modal_booking_demo"> <div class="modal-loaded donotdelete"></div> <!-- close modal button --> <button type="button" class="button_close_modal" data-bs-dismiss="modal" aria-label="Close"><img src="/img/modals/booking_demo/icon_close_modal.svg" width="20" height="20" alt="close modal button" loading="lazy"></button> <!-- modal content, start --> <div class=""> <div class="d-flex align-items-stretch vh-100"> <div class="content_left d-none d-md-flex flex-column"> <div class="product_logo_wrapper"><img class="product_logo" src="/img/products/ironpdf-logo-text-dotnet-white.svg" width="170" height="28" alt="IronPDF for .Net" loading="lazy"></div> <div style="flex:0 1 56px;"><!-- spacer --></div> <div class="h2">無料ライブデモを予約</div> <p class="sub_title">30分間の個別デモを予約してください。</p> <p class="sub_title_emphasis">試用ライセンスキーがメールで送信されました。</p> <div style="flex:0 1 12px;"><!-- spacer --></div> <div class="team_expert_photo_wrapper"> <img loading="lazy" src="/img/modals/booking_demo/team_expert.webp" width="496" height="112" alt="Iron Software Product Demo Team" class="team_expert_photo"> </div> <div style="flex:0 1 40px;"><!-- spacer --></div> <div class="how_we_help"> <span class="h3">Here's what to expect:</h3> <ul> <li><span class="d-block"><i class="far fa-check-circle"></i></span><span class="d-block flex-grow-1">製品とその主要機能のライブデモをご覧いただけます。</span></li><li><span class="d-block"><i class="far fa-check-circle"></i></span><span class="d-block flex-grow-1">NuGetでインストール</span></li><li><span class="d-block"><i class="far fa-check-circle"></i></span><span class="d-block flex-grow-1">すべての質問に答え、必要な情報がすべて揃っていることを確認します。<br>(まったく何の義務もありません。)</span></li> </ul> </div> </div> <div class="content_right d-flex flex-column"> <div class="d-none d-md-block" style="flex:0 0 48px;"><!-- spacer --></div> <div class="d-none d-md-block hsform_progress"> <div class="line"></div> <div class="dot step-1"></div> <div class="dot step-2"></div> <div class="text step-1">時間を選択</div> <div class="text step-2">あなたの情報</div> </div> <div class="form_title">無料の<strong>ライブデモ</strong>を予約する</div> <div class="d-none d-md-block" style="height:72px;"><!-- spacer --></div> <div class="content_right__hsform_header"> <div class="text-center"> <img loading="lazy" src="/img/modals/booking_demo/booking_badge.svg" class="img-fluid mx-auto" width="234" height="170" alt="Booking Badge related to How to Add Headers and Footers"> </div> </div> <div class="hsform_loader_wrapper"> <div class="hsform_loader"></div> </div> <div class="form_wrapper hsform_schedule_email" style="min-height: 201px;"></div> <div class="hsform_schedule_meeting"> <!-- Start of Meetings Embed Script --> <div class="meetings-iframe-container" data-src="https://hub.ironsoftware.com/meetings/ironsoftware/demo?embed=true"></div> <!-- End of Meetings Embed Script --> </div> <div style="flex:0 0 24px;"><!-- spacer --></div> <div style="flex:0 1 98px;"><!-- spacer --></div> <div class="trusted_by"> <h3 class="h3">世界中の 200 万人以上のエンジニアから信頼されています。</h3> <div><img loading="lazy" src="/img/modals/booking_demo/trusted_by_logos.webp" width="574" height="54" alt="ライセンスはより安く" class="img-fluid"></div> </div> </div> </div> </div> <!-- modal content, end --> </div> </div> </div> <script data-hbspt-form> document.addEventListener("DOMContentLoaded", function() { var bookingDemoSelector = document.querySelector("#booking-demo"); // iron_hsform_error_v2 (2024 DEC) // required: css group ".iron_hsform_error_v2" // required: label from hubspot window.currentModalID = "#booking-demo"; var this_hsFormID = "連絡を取る"; var this_hsFormSubmitText = "Start Booking"; var this_hsFormConfig = { region: "na1", portalId: "22630553", formId: this_hsFormID, locale: 'en', submitText: this_hsFormSubmitText, cssClass: "iron_hsform_meeting iron_hsform_error_v2", onFormReady: function($form) { /* create error tooltip, start */ // alway scoped with $form // inject error element (icon and tooltip), then hide them var this_hsFormErrorTooltipMessages = { ".hs-form-field.hs-firstname": "Please input your name", ".hs-form-field.hs-email": "Please input a valid email address", ".hs-form-field.hs-phone": "A valid phone number may only contain numbers, +()-. or x", }; for (var classname in this_hsFormErrorTooltipMessages) { const invalidAttr = $('<div/>', { class: 'invalid-field', 'data-toggle': 'tooltip', 'data-placement': 'top', title: this_hsFormErrorTooltipMessages[classname] }); $form.find(classname).append(invalidAttr); } // create bootstrap's tooltip inside this form only $form.find('[data-toggle="tooltip"]').each(function(index, element) { bootstrap.Tooltip.getOrCreateInstance(element); }); /* create error tooltip, end */ }, onFormSubmitted: function($form, data) { $(currentModalID + ' .content_right__hsform_header').hide(); $(currentModalID + ' .hsform_schedule_email').hide(); $(currentModalID + ' .trusted_by').hide(); $(currentModalID + ' .hsform_loader_wrapper').show(); dataLayer.push({ 'event': 'book_live_demo' }); window._vis_opt_queue = window._vis_opt_queue || []; window._vis_opt_queue.push(function() { _vis_opt_goal_conversion(234); }); setTimeout(function() { // collect email address after form submitted const email = data['submissionValues']['email']; // get data-src from next form var nextFormDataSrc = $('.hsform_schedule_meeting .meetings-iframe-container').attr('data-src'); // generate new data-src nextFormDataSrc = nextFormDataSrc + '&email=' + email // inject new data-src to next form $(currentModalID + ' .hsform_schedule_meeting .meetings-iframe-container').attr('data-src', nextFormDataSrc); // call next form manually after update data-src $.getScript('https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js', function() { $(currentModalID + ' .hsform_loader_wrapper').hide(); $(currentModalID + ' .hsform_schedule_meeting').show(); }); }, 0); }, }; /* for form progress, start */ var hsMeetingFormActivated = false; window.addEventListener("message", function(event) { if (event.origin == "https://meetings.hubspot.com" && event.data == "readyForConsentListener" && hsMeetingFormActivated == false) { hsMeetingFormActivated = true; $(currentModalID + ' .hsform_progress').css("visibility", "visible"); $(currentModalID + ' .hsform_progress .step-1.dot').addClass('active'); $(currentModalID + ' .hsform_progress .step-1.text').addClass('active'); } if (event.origin == "https://meetings.hubspot.com" && event.data != "readyForConsentListener" && hsMeetingFormActivated) { // console.log('>> second meeting form displaying') $(currentModalID + ' .hsform_progress .step-1.dot').addClass('completed'); $(currentModalID + ' .hsform_progress .step-1.dot').html('<i class="fas fa-check"></i>'); $(currentModalID + ' .hsform_progress .step-1.text').addClass('completed'); $(currentModalID + ' .hsform_progress .step-2.dot').addClass('active'); $(currentModalID + ' .hsform_progress .step-2.text').addClass('active'); $(currentModalID + ' .hsform_progress .line').addClass('active'); } if (event.origin == "https://meetings.hubspot.com" && event.data.meetingBookSucceeded && hsMeetingFormActivated) { // console.log('>> meeting form submitted') $(currentModalID + ' .hsform_progress .step-2.dot').addClass('completed'); $(currentModalID + ' .hsform_progress .step-2.dot').html('<i class="fas fa-check"></i>'); $(currentModalID + ' .hsform_progress .step-2.text').addClass('completed'); } }); /* for form progress, end */ setupModalPopupWithHubSpotForm(bookingDemoSelector, "booking-demo", ["modals/booking_demo.css"], this_hsFormConfig, "#booking-demo .form_wrapper.hsform_schedule_email"); }); </script> <!-- modal end --> <!-- Article Documentation Typeform Modal START --> <div class="modal fade" id="article-feedback-modal" tabindex="-1" data-bs-backdrop="true" aria-modal="true" aria-hidden="true" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <i class="fas fa-times slide-out-close" data-bs-dismiss="modal" aria-hidden="true"></i> </div> <div class="modal-body"> <div class="modal-loaded donotdelete"></div> <div class="article-feedabck__wrapper" id="anchor-improve-the-article" data-tf-widget="zrOqRbmz" data-tf-iframe-props="title=Article feedback" data-tf-medium="snippet" data-tf-hidden="source=https://ironpdf.com/ja/how-to/headers-and-footers" data-tf-disable-auto-focus ></div> <script> document.addEventListener("DOMContentLoaded", function() { setupModalPopup("#article-feedback-modal", "article-feedback-modal", ["https://embed.typeform.com/next/embed.js", "modals/article-typeform.css"]); }); </script> </div> </div> </div> </div> <!-- Article Documentation Typeform Modal END --> <!-- Full Width Code Example Modal START --> <div class="modal full-width-code-example-modal" tabindex="-1" id="fullWidthCodeExample" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-loaded donotdelete"></div> <div class="modal-header"> <button title="Close" data-bs-dismiss="modal" aria-hidden="true" class="full-width-code-example-modal__close-button"> <i class="fas fa-times" data-bs-dismiss="modal" aria-hidden="true"></i> </button> </div> <div class="modal-body"></div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { var copyButtonSibling = null; const fwCSEl = document.querySelector("#fullWidthCodeExample"); const fwCSModal = bsModal(fwCSEl); document.querySelectorAll(".js-full-screen-code-example-modal").forEach((exBtn) => { exBtn.addEventListener("click", (ev) => { copyButtonSibling = Array.from(getSiblings(exBtn)).filter(sibling => sibling.classList.contains('copy-clipboard'))[0]; let copyHoverVal = copyButtonSibling.getAttribute("title"); let copyDataHoverVal = copyButtonSibling.getAttribute("data-original-title"); let codeExampleContent = exBtn.closest(".code-content")?.cloneNode(true); if (!codeExampleContent) { codeExampleContent = exBtn.closest(".code-explorer__content").cloneNode(true); } if (codeExampleContent) { fwCSEl.querySelector(".modal-body").replaceChildren(codeExampleContent); fwCSEl.querySelector(".copy-clipboard")?.setAttribute("title", copyDataHoverVal != '' ? copyDataHoverVal : copyHoverVal); openModalPopup("fullWidthCodeExample", null, false); } }); }); fwCSEl.addEventListener("click", (ev) => { const target = ev.target.closest(".js-exit-full-screen-code-example-modal, .full-width-code-example-modal__close-button"); if (!target) return; const sib = Array.from(getSiblings(target)).filter(sibling => sibling.classList.contains('copy-clipboard'))[0]; if (!sib) return; copyButtonSibling.setAttribute('title', sib.getAttribute('title')); fwCSModal.then((modal) => { modal.hide(); }); }); setupModalPopup("#fullWidthCodeExample", "fullWidthCodeExample", ["modals/code-examples.css"]); }); </script> <!-- Full Width Code Example Modal END --> <div id="footer-sticky" class="fixed-support-bar footer-sticky__vwo-test js-hide-footer-on-scroll js-search-offset-block js-modal-open" data-modal-id="trial-license" > <div class="support-text"> <span class="support-text__full-power">30日間の無料体験 → 完全な製品。制限なし。クレジットカード不要。</span> <a id="footer-sticky-cta-button" aria-label="Iron Software試用ライセンス" class="js-fixed-support-bar-button vwo-homepage-start-trial-cta-button--control btn btn-red btn-white-red" > <i class="fas fa-key d-inline"></i><span class="d-inline">無料トライアルを開始</span> </a> </div> </div> <footer id="footer" class="footer"> <!-- Iron Suite Products --> <div id="new-sc" class="main_product_page new-footer"> <div class="footer__wrapper"> <div class="footer__header"> <a href="https://ironsoftware.com/ja/about-us/1-percent-for-the-planet/" class="footer__header-logo"> <img class="footer__logo" src="/img/footer/logo-1_percent.svg" alt="Logo 1 Percent related to How to Add Headers and Footers" width="204" height="32" loading="lazy"> </a> <div class="footer__header-content"> <div class="footer__header-tagline"> <div class="footer__icon-wrapper"> <img class="footer__icon" src="/img/footer/textlogo-iron_suite.svg" alt="Textlogo Iron Suite related to How to Add Headers and Footers" width="201" height="32" loading="lazy"> </div> <h2 class="footer__title"><span>IronPDF is a part of </span>IRON<strong>SUITE</strong></h2> <p class="footer__subtitle">オフィス文書<span>用の10個の.NET API製品</span></p> </div> <div class="footer__cta"> <a href="https://ironsoftware.com/ja/suite/" class="footer__btn buy-all__btn">10製品のフルスイートを入手 <i class="fa-solid fa-caret-right"></i></a> <a href="https://ironsoftware.com/ja/suite/#trial-license" class="footer__btn free-trial__btn"><i class="fa-solid fa-key"></i>  無料トライアルを開始 <i class="fa-solid fa-caret-right"></i></a> </div> </div> </div> <div class="footer__divider d-none d-xl-block"></div> <div class="footer__products"> <h2 class="visually-hidden" id="footer__products__heading">製品リンク</h2> <ul class="footer__products-list" aria-labelledby="footer__products__heading"> <li class="footer__product"> <a href="/ja/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_pdf.svg" alt="ironpdf_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> PDF を作成、閲覧、編集。 .NET 用 HTML to PDF。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/word/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_word.svg" alt="ironword_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> DOCX Wordファイルを編集。Office Interopは不要。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/excel/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_xl.svg" alt="ironxl_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> ExcelおよびCSVファイルを編集。Office Interopは不要。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/ppt/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_ppt.svg" alt="ironppt_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> プレゼンテーションを作成、読み取り、編集。Office Interopは不要。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/ocr/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_ocr.svg" alt="ironocr_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> 125 言語での OCR(画像からのテキスト抽出)。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/barcode/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_barcode.svg" alt="ironbarcode_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> QR & バーコードの読み取りと書き込み。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/qr/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_qr.svg" alt="ironqr_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> QRコードを読み書きします。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/zip/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_zip.svg" alt="ironzip_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> アーカイブを圧縮および解凍します。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/print/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_print.svg" alt="ironprint_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> .NETアプリケーションで文書を印刷。</span> </a> </li> <li class="footer__product"> <a href="https://ironsoftware.com/ja/csharp/webscraper/" class="footer__product-link"> <div class="d-flex align-items-center"> <div class="footer__hash-icon-wrapper d-none d-md-inline-flex"> <img src="/img/footer/icon-hash.svg" alt="Icon Hash related to 製品リンク" width="27.95" height="24" loading="lazy"> </div> <div class="footer__product-icon-wrapper"> <img src="/img/footer/textlogo-iron_webscraper.svg" alt="ironwebscraper_logo" width="auto" height="14" loading="lazy"> </div> </div> <span class="footer__product-text"><strong class="d-none d-md-inline">-</strong> ウェブサイトから構造化データをスクレイピング。</span> </a> </li> </ul> </div> </div> </div> <nav class="footer__first-row-wrappe" role="navigation"> <div class="footer__first-row__first-column"> <div class="footer__first-row__logo"> <a href="#"> <img loading="lazy" src="/img/products/footer-top-logo-ironpdf-for-net.svg" alt="IronPDF for .NET" width="268" height="44"> </a> </div> <div class="footer__first-row__logo-description"> <p>高速で、PDFがHTMLのように見えるようにしたい場合。</p> </div> </div> <div class="footer__first-row__second-column"> <section class="bifrost"></section> <div class="footer__first-row__second-column__navigation"> <nav class="footer__first-row__navigation"> <p class="footer__first-row__navigation__title">ドキュメント</p> <ul class="footer__first-row__navigation__links-list"> <li> <a class="footer__first-row__navigation__link" href="/ja/examples/using-html-to-create-a-pdf/" > コード例 </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/how-to/create-new-pdfs/" > ハウツー </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/object-reference/api/" target="_blank" > 検索 </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/features/" > 機能 </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/blog/" > ブログ </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/assets/ironpdf-brochure.pdf" target="_blank" > 製品パンフレット </a> </li> <li> <a class="footer__first-row__navigation__link" data-bs-toggle="tooltip" data-bs-placement="right" title="LLMやChatGPT、Claudeのようなツールがドキュメントをよりよく理解するのに役立ちます" href="/ja/llms.txt" target="_blank" > AIフレンドリーインデックス (llms.txt) </a> </li> </ul> </nav> <nav class="footer__first-row__navigation"> <p class="footer__first-row__navigation__title">チュートリアル</p> <ul class="footer__first-row__navigation__links-list"> <li> <a class="footer__first-row__navigation__link" href="/ja/docs/" > はじめに </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/tutorials/html-to-pdf/" > HTML から PDF へ </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/tutorials/csharp-edit-pdf-complete-tutorial/" > C#でPDFを編集する </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/how-to/pixel-perfect-html-to-pdf/" > ChromeでHTMLをデバッグする </a> </li> </ul> </nav> <nav class="footer__first-row__navigation"> <p class="footer__first-row__navigation__title">VSの代替案</p> <ul class="footer__first-row__navigation__links-list"> <li> <a class="footer__first-row__navigation__link" href="/ja/competitors/aspose-vs-ironpdf/" > IronPDF vs Aspose </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/competitors/syncfusion-vs-ironpdf/" > IronPDF vs Syncfusion </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/competitors/itext-vs-ironpdf/" > IronPDF 対 iText </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/competitors/apryse-vs-ironpdf/" > IronPDF vs Apryse </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/competitors/questpdf-vs-ironpdf/" > IronPDF vs QuestPDF </a> </li> </ul> </nav> <nav class="footer__first-row__navigation"> <p class="footer__first-row__navigation__title">ライセンス</p> <ul class="footer__first-row__navigation__links-list"> <li> <a class="footer__first-row__navigation__link" href="/ja/licensing/" > ライセンスを購入 </a> </li> <li> <a class="footer__first-row__navigation__link" href="https://ironsoftware.com/ja/resellers/" target="_blank" > 代理店を探す </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/licensing/upgrades/" > ライセンスのアップグレード </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/licensing/extensions/" > 製品の更新更新 </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/get-started/license-keys/" > ライセンスキーの使用 </a> </li> <li> <a class="footer__first-row__navigation__link" href="/ja/docs/license/eula/" > エンドユーザーライセンス契約 (EULA) </a> </li> </ul> </nav> <nav class="footer__first-row__navigation"> <p class="footer__first-row__navigation__title">IronPDFを無料で試す</p> <ul class="footer__first-row__navigation__links-list"> <li> <a class="footer__first-row__navigation__link footer__first-row__navigation__link--highlight js-modal-open" href="https://www.nuget.org/packages/IronPdf/" target="_blank" data-modal-id="trial-license-after-download" > <i class="nuget-icon-pink"></i> NuGetからダウンロード </a> </li> <li> <p class="footer__first-row__navigation__link ga-dll-installer footer-dropdown-menuitem download-library-dropdown dll-installer center-dropdown js-modal-open--downloading" data-modal-id="trial-license-after-download" data-url=" /packages/IronPdf.zip " data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" data-bs-title='<div class="library_download_dropdown_tooltip v2"><div class="library_download_dropdown_tooltip__menuitem" data-download-link="/packages/IronPdf.zip"><span class="library_download_dropdown_tooltip__menuitem_text"><i class="library_download_dropdown_tooltip__menuitem_fa-icon fab fa-microsoft"></i><span class="library_download_dropdown_tooltip_menuitem_text-label">Windows用</span></span></div><div class="library_download_dropdown_tooltip__menuitem" data-download-link="/packages/IronPdf.MacOs.zip"><span class="library_download_dropdown_tooltip__menuitem_text"><i class="library_download_dropdown_tooltip__menuitem_fa-icon fab fa-apple"></i><span class="library_download_dropdown_tooltip_menuitem_text-label">macOS用</span></span></div><div class="library_download_dropdown_tooltip__menuitem" data-download-link="/packages/IronPdf.Linux.zip"><span class="library_download_dropdown_tooltip__menuitem_text"><i class="library_download_dropdown_tooltip__menuitem_fa-icon fab fa-linux"></i><span class="library_download_dropdown_tooltip_menuitem_text-label">Linux用</span></span></div></div>' data-bs-custom-class='dl-dropdown-tooltip' data-bs-trigger='manual'> <i class="fas fa-download"></i> DLL をダウンロード <i class="fas fa-caret-down"></i> </p> </li> <li> <p class="footer__first-row__navigation__link ga-windows-installer js-modal-open--downloading" data-modal-id="trial-license-after-download" data-url=" /packages/IronPdfInstaller.zip " > <i class="fab fa-microsoft"></i> Windowsインストーラーをダウンロード </p> </li> <li> <a class="footer__first-row__navigation__link js-modal-open" href="#trial-license" data-modal-id="trial-license" > <i class="fas fa-key"></i> 無料トライアルを開始 </a> </li> </ul> </nav> </div> </div> </nav> <nav id="footer__breadcrumbs-navigation-menu"> <div class="container-fluid"> <div class="navigation-container"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/ja/" aria-label="Go to IronPDF">IronPDF</a></li><li class="breadcrumb-item"><a href="/ja/how-to/create-new-pdfs/" aria-label="Go to ハウツー">ハウツー</a></li><li class="breadcrumb-item active">ヘッダー & フッターを追加</li></ol> <a id="footer__topscroll-link" class="top-return-link" href="#top"> ページの先頭に戻る </a> </div> </div> </nav> <nav class="footer__additional-background-wrapper d-none" role="navigation"> <h2 class="visually-hidden" id="footer__global-navigation-menu-heading">グローバルナビゲーションメニュー</h2> <div class="footer__fourth-row-wrapper"> <div class="footer__fourth-row-wrapper__logo-block"> <h3 class="visually-hidden">会社のロゴと住所</h3> <a href="https://ironsoftware.com/ja/"> <img class="footer__fourth-row-wrapper__logo-icon" loading="lazy" src="/img/svgs/hero-logo__162x20.svg" alt="Iron Software" width="162" height="20"> </a> <div class="footer__fourth-row-wrapper__address text-center text-md-end" aria-labelledby="footer-main-links-heading"> <address> 205 N. Michigan Ave. シカゴ, IL 60601 USA +1 (312) 500-3060 </address> </div> </div> <div class="footer__fourth-row-wrapper__contact-links-block"> <h3 class="visually-hidden" id="footer__main-navlinks">主なナビゲーションリンク</h3> <ul class="footer__fourth-row-wrapper__links-list" aria-labelledby="footer_main-navlinks"> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/about-us/" target="_blank"> 会社概要 </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/news/" target="_blank"> ニュース </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/customers/" target="_blank"> 顧客 </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/careers/" target="_blank"> キャリア </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://academy.ironsoftware.com/ja/" target="_blank"> アカデミー </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/live-streams/" target="_blank"> ウェビナー </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://hub.ironsoftware.com/ja/licenses-view" target="_blank"> 顧客HUBログイン </a> </li> <li> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/contact-us/" target="_blank"> お問い合わせ </a> </li> <li class="d-none d-md-flex"> <div class="iron_lang-menu dropup" data-bs-target="#footerLangNameMenuDropdown"> <button type="button" class="dropdown-toggle" id="iron_lang-menu__language-name_dropdown__current-language" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 日本語 </button> <ul id="footerLangNameMenuDropdown" class="dropdown-menu" aria-labelledby="footerLangNameMenuDropdown"> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="en" hreflang="en" href="/how-to/headers-and-footers/" >English</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="es" hreflang="es" href="/es/how-to/headers-and-footers/" >Español</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="de" hreflang="de" href="/de/how-to/headers-and-footers/" >Deutsch</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="fr" hreflang="fr" href="/fr/how-to/headers-and-footers/" >Français</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans active-lang" data-language-code="ja" hreflang="ja" href="/ja/how-to/headers-and-footers/" >日本語</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="zh" hreflang="zh" href="/zh/how-to/headers-and-footers/" >简体中文</a></li> <li class="dropdown-item" role="menuitem"><a class="i18n__distrans" data-language-code="zh_TW" hreflang="zh-tw" data-language-alias="zh-hant" href="/zh-hant/how-to/headers-and-footers/" >繁體中文</a></li> </ul> </div> </li> </ul> </div> <div class="d-flex flex-column align-items-end"> <h3 class="visually-hidden" id="footer__main-social-links">ソーシャルメディアリンク</h3> <ul class="footer__fourth-row-wrapper__social-icons" aria-labelledby="footer__main-social-links"> <li><a class="footer__fourth-row-wrapper__social-icon" href="https://github.com/iron-software" title="Iron Software GitHubリポジトリを探検" target="_blank"><img loading="lazy" src="/img/footer-socials/github.svg" alt="Github related to ソーシャルメディアリンク" width='16' height='15.33'></a></li> <li><a class="footer__fourth-row-wrapper__social-icon" href="https://www.youtube.com/@ironsoftware" title="Iron Softwareの動画をYoutubeで見る" target="_blank"><img loading="lazy" src="/img/footer-socials/youtube.svg" alt="Youtube related to ソーシャルメディアリンク" width='16' height='11'></a></li> <li><a class="footer__fourth-row-wrapper__social-icon" href="https://x.com/ironsoftwaredev" title="Iron SoftwareをTwitterでフォロー" target="_blank"><img loading="lazy" src="/img/footer-socials/twitter-x.svg" alt="Twitter X related to ソーシャルメディアリンク" width='16' height='13.44'></a></li> <li><a class="footer__fourth-row-wrapper__social-icon" href="https://www.facebook.com/teamironsoftware" title="Iron SoftwareとFacebookでつながる" target="_blank"><img loading="lazy" src="/img/footer-socials/facebook.svg" alt="Facebook related to ソーシャルメディアリンク" width='16' height='16'></a></li> <li><a class="footer__fourth-row-wrapper__social-icon" href="https://www.linkedin.com/company/ironsoftware" title="LinkedInでIron Softwareとつながる" target="_blank"><img loading="lazy" src="/img/footer-socials/linkedin.svg" alt="Linkedin related to ソーシャルメディアリンク" width='16.34' height='16'></a></li> </ul> <a class="footer__fourth-row-wrapper__link" href="https://ironsoftware.com/ja/company/iron-slack-community/"> <img loading="lazy" src="/img/icons/slack-icon.svg" class="footer__fourth-row__slack-icon" alt="Slack Icon related to ソーシャルメディアリンク" width="14" height="14"> Iron Slackに参加</a> </div> </div> </div> </nav> <nav class="footer__fifth-row-wrapper d-none"> <p class="footer__fifth-row-wrapper__teamseas"> <a href="https://ironsoftware.com/ja/about-us/1-percent-for-the-planet/"> <img loading="lazy" src="/img/footer/logo-1-percent.svg" alt="Teamseasをサポート" height="40"> </a> </p> <div class="copyright__links d-flex align-items-center"> <h3 class="visually-hidden" id="footer__copyright-heading">法的情報</h3> <p class="footer__fifth-row-wrapper__copyright-text"> 著作権 © Iron Software 2013-2025 </p> <ul class="footer__fifth-row-wrapper__links-list" aria-labelledby="footer__copyright-heading"> <li> <a class="footer__fifth-row-wrapper__link" href="https://ironsoftware.com/ja/company/terms/">利用規約</a> </li> <li> <a class="footer__fifth-row-wrapper__link" href="https://ironsoftware.com/ja/company/privacy/">プライバシー</a> </li> <li> <a class="footer__fifth-row-wrapper__link" href="https://ironsoftware.com/ja/company/cookie/">クッキー</a> </li> </ul> </div> </nav> <!-- New Footer Navs --> <div class="site-footer__wrapper"> <nav class="site-footer" aria-label="Footer"> <div class="site-footer__links"> <a href="https://ironsoftware.com/ja/about-us/" target='_blank' class="site-footer__link"> 会社概要 </a> <a href="https://ironsoftware.com/ja/news/" target='_blank' class="site-footer__link"> ニュース </a> <a href="https://ironsoftware.com/ja/customers/" target='_blank' class="site-footer__link"> 顧客 </a> <a href="https://ironsoftware.com/ja/careers/" target='_blank' class="site-footer__link"> キャリア </a> <a href="https://academy.ironsoftware.com/ja/" target='_blank' class="site-footer__link"> アカデミー </a> <a href="https://ironsoftware.com/ja/live-streams/" target='_blank' class="site-footer__link"> ウェビナー </a> <a href="https://hub.ironsoftware.com/ja/licenses-view" target='_blank' class="site-footer__link"> 顧客HUBログイン </a> <a href="https://ironsoftware.com/ja/contact-us/" target='_blank' class="site-footer__link"> お問い合わせ </a> </div> <div class="site-footer__bar"> <div class="site-footer__brand"> <div class="site-footer__brand-logo"> <img src="/img/svgs/hero-logo__162x20.svg" alt="Iron Software" width="162" height="20" loading="lazy"> </div> <span class="site-footer__address">205 N. Michigan Ave. シカゴ, IL 60601 USA +1 (312) 500-3060</span> </div> <div class="site-footer__contact"> <ul class="site-footer__social-items"> <li class="site-footer__social-item"> <a href="https://github.com/iron-software" class="site-footer__social-link" aria-label="GitHub" target='_blank' > <i class="fa-brands fa-github"></i> </a> </li> <li class="site-footer__social-item"> <a href="https://www.youtube.com/@ironsoftware" class="site-footer__social-link" aria-label="Youtube" target='_blank' > <i class="fa-brands fa-youtube"></i> </a> </li> <li class="site-footer__social-item"> <a href="https://x.com/ironsoftwaredev" class="site-footer__social-link" aria-label="X" target='_blank' > <i class="fa-brands fa-x-twitter"></i> </a> </li> <li class="site-footer__social-item"> <a href="https://www.facebook.com/teamironsoftware" class="site-footer__social-link" aria-label="Facebook" target='_blank' > <i class="fa-brands fa-square-facebook"></i> </a> </li> <li class="site-footer__social-item"> <a href="https://www.linkedin.com/company/ironsoftware" class="site-footer__social-link" aria-label="LinkedIn" target='_blank' > <i class="fa-brands fa-linkedin-in"></i> </a> </li> </ul> <a href="https://ironsoftware.com/ja/company/iron-slack-community/" class="site-footer__cta" arial-label="Join Iron Slack" > <div class="site-footer__cta-logo"> <img src="/img/icons/slack-icon.svg" alt="Slack Icon related to How to Add Headers and Footers" width="16" height="16" loading="lazy"> </div> <span class="site-footer__cta-text">Iron Slackに参加</span> </a> </div> </div> </nav> </div> <div class="site-copyright__wrapper"> <nav class="site-copyright" aria-label="Copyright & legal"> <div class="site-copyright__partner-logos"> <div class="site-copyright__partner-logo"> <img src="/img/footer/partner-logo_pdfa.svg" alt="PDF協会のメンバー" width="52.068" height="32" loading="lazy"> </div> <div class="site-copyright__partner-logo"> <img src="/img/footer/partner-logo_microsoft.svg" alt="Microsoft Partner" width="93.091" height="32" loading="lazy"> </div> <div class="site-copyright__partner-logo"> <img src="/img/footer/partner-logo_aws.svg" alt="AWS Partner Network" width="93.091" height="32" loading="lazy"> </div> </div> <div class="site-copyright__meta"> <span class="site-copyright__text">著作権 © Iron Software 2013-2025</span> <div class="site-copyright__legal"> <a href="https://ironsoftware.com/ja/company/terms/" class="site-copyright__legal-link">利用規約</a> <a href="https://ironsoftware.com/ja/company/privacy/" class="site-copyright__legal-link">プライバシー</a> <a href="https://ironsoftware.com/ja/company/cookie/" class="site-copyright__legal-link">クッキー</a> </div> </div> <div class="site-copyright__donation"> <img class="d-none d-xl-block" src="/img/footer/badge-one_percent.svg" alt="One Perent for the Planet" width="230" height="32" loading="lazy"> <img class="d-block d-xl-none" src="/img/footer/badge-mobile-one_percent.svg" alt="One Perent for the Planet" width="230" height="32" loading="lazy"> </div> </nav> </div> </footer> <!-- Start Commonly Loaded Scripts --> <script src="/ja/front/js/iron.loaders.js?v=1764131833" ></script><script src="/ja/front/js/iron.helpers.js?v=1764131833" ></script><script src="/ja/front/js/global.js?v=1764131833" ></script><script src="/ja/front/js/bootstrap-loader/bootstrap-autoloader.min.js?v=1764131833" type="module" async="1"></script><script src="/ja/front/js/page.js?v=1764131833" ></script><script src="/ja/front/js/product.js?v=1764131833" ></script><!-- customJSFiles, Start --> <script src="/ja/front/js/docs-page.js?v=1764131833" ></script> <!-- customJSFiles, End --> <!-- Clarity Code Start --> <script> document.queueDeferredUserIntentAction(function() { importScript("tracking-code/clarity.js", debug()); document.fireCustomEvent("thirdPartyScriptLoaded", {scriptName: "clarity"}, debug()); }); </script> <!-- Clarity Code End --> <!-- AC Code Start --> <script> document.queueDeferredUserIntentAction(function() { importScript("tracking-code/activecampaign.js", debug()); document.fireCustomEvent("thirdPartyScriptLoaded", {scriptName: "activecampaign"}, debug()); }); </script> <!-- AC Code End --> <!-- Impact Sale Tracker Start --> <script> document.queueDeferredUserIntentAction(function() { importScript(["tracking-code/impactsale.js"], debug()).then(function() { setTimeout(function() { importScript(["tracking-code/impactsale-id.js"], debug()); document.fireCustomEvent("thirdPartyScriptLoaded", {scriptName: "impactsale"}, debug()); }, 150); }); }); </script> <!-- Impact Sale Tracker End --> <!-- End Commonly Loaded Scripts --> <!-- Start Setup Helper Functions --> <script> /** * Configures the Algolia Search feature using set-up data that is presumed to originate from an Iron Product's common.json file. * * @param {String} searchData the JSON string data (usually taken from the $common_json['search'] property key) * @param {String} indexName the Algolia Index that should be used (usually taken from the $common_json['search']['name] property key */ function setupAlgoliaSearch(searchData, indexName) { if (typeof 'aa' != 'undefined' && window.dataLayer) { window.searchData = JSON.parse(searchData); window.searchClient = algoliasearch(window.searchData.applicationId, window.searchData.apiKey); window.searchIndex = window.searchClient.initIndex(indexName); aa('init', { appId: window.searchData.applicationId, apiKey: window.searchData.apiKey, useCookie: true }); aa('getUserToken', null, (err, newUserToken) => { if (err) { console.error(err); return; } window.algoliaUserToken = newUserToken; }); let userToken = window.algoliaUserToken; aa('onUserTokenChange', (userToken) => { window.dataLayer.push({ algoliaUserToken: userToken, }); }, { immediate: true }); } else { logMsg("error", 'Algolia failed setup. The required object definitions do not exist!'); } } </script><!-- End Setup Helper Functions --> <!-- Start Algolia Insights Client --> <script> document.addEventListener("DOMContentLoaded", function() { document.queueDeferredUserIntentAction(function() { importScript(['tracking-code/algolia.js', 'algoliasearch-lite.umd.js']).then(function(status) { const algoliaSetup = function() { setupAlgoliaSearch('{"applicationId":"4S8YCFXKT5","apiKey":"ec878b51c06a7d5fbb7aab95991ab432","indexName":"ironpdf","inputPlaceholder":"Search the API, code examples, and tutorials","searchText":"Search","boostedResult":"This will be the most useful article","searchShortCut":["Ctrl","K"],"categories":[{"key":"Best match","title":"\u6700\u9069\u306a\u4e00\u81f4","iconClass":null,"color":null},{"key":"Code Examples","title":"\u30b3\u30fc\u30c9\u4f8b","iconClass":"fas fa-code","color":"#2A95D5"},{"key":"Products","title":"\u88fd\u54c1","iconClass":"fas fa-bookmark","color":"#E01A59"},{"key":"Get Started","title":"Docker \u30ed\u30b4","iconClass":"fas fa-rocket","color":"#2A95D5"},{"key":"Tutorials","title":"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb","iconClass":"fas fa-graduation-cap","color":"#FDA509"},{"key":"How-Tos","title":"\u30cf\u30a6\u30c4\u30fc","iconClass":"fa-regular fa-book","color":"#63C1A0"},{"key":"Languages","title":"Azure (WebApps, Functions v3)","iconClass":"fas fa-globe-americas","color":"#2A95D5"},{"key":"Licensing","title":"\u30e9\u30a4\u30bb\u30f3\u30b9","iconClass":"fas fa-shopping-cart","color":"#E01A59"},{"key":"API Reference","title":"\u691c\u7d22","iconClass":"fas fa-bookmark","color":"#89D3DF"},{"key":"Features","title":"\u6a5f\u80fd","iconClass":"fas fa-bookmark","color":"#63C1A0"},{"key":"Support","title":"Support","iconClass":"fas fa-info-circle","color":"#2A95D5"},{"key":"Blog","title":"\u30d6\u30ed\u30b0","iconClass":"fa-regular fa-file","color":"#15aabf"},{"key":"Troubleshooting","title":"\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0","iconClass":"fas fa-wrench","color":"#15aabf"},{"key":"Product Updates","title":"\u88fd\u54c1\u66f4\u65b0\u60c5\u5831","iconClass":"fa-solid fa-rotate","color":"#146ebe"}],"previewEnabled":false,"categorySortingEnabled":false,"breadcrubmsEnabled":true,"searchResultLimit":10,"breadcrumbs":[{"title":"IronPDF","url":"/"},{"title":"\u30e9\u30a4\u30bb\u30f3\u30b9","url":"/licensing/"},{"title":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8","url":"/docs/"},{"title":"\u30b3\u30fc\u30c9\u4f8b","url":"/examples/using-html-to-create-a-pdf/"},{"title":"\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb","url":"/tutorials/html-to-pdf/"},{"title":"\u30cf\u30a6\u30c4\u30fc","url":"how-to/create-new-pdfs/"},{"title":"\u691c\u7d22","url":"/object-reference/api/"},{"title":"Support","url":"https://ironsoftware.com/contact-us/"},{"title":"IronOCR","url":"https://ironsoftware.com/csharp/ocr/"},{"title":"IronBarcode","url":"https://ironsoftware.com/csharp/barcode/"},{"title":"IronXL","url":"https://ironsoftware.com/csharp/excel/"},{"title":"IronWebScraper","url":"https://ironsoftware.com/csharp/webscraper/"},{"title":"Iron Software","url":"https://ironsoftware.com/"},{"title":"\u88fd\u54c1","url":"https://ironsoftware.com/"}],"noResults":{"message":"<strong>\u201c{query}\u201d</strong> \u306b\u4e00\u81f4\u3059\u308b\u7d50\u679c\u306f\u3042\u308a\u307e\u305b\u3093\u3002","icon":"/img/svgs/search-no-results.svg","alt":"Message icon"},"error":{"message":"Something went wrong. Type again.","icon":"/img/svgs/search-no-results.svg","alt":"Message icon"}}', "ironpdf__ja"); document.fireCustomEvent("thirdPartyScriptLoaded", {scriptName: "algolia"}); }; const algoliaReady = function() { return typeof aa != 'undefined' && typeof algoliasearch != 'undefined' && window.dataLayer; }; if (algoliaReady()) { algoliaSetup(); } else { const aaTimer = setInterval(function() { if (algoliaReady()) { algoliaSetup(); clearInterval(aaTimer); } }, 500); } }); }); }); </script> <!-- End Algolia Insights Client --> </body> </html>