![見出し画像](https://assets.st-note.com/production/uploads/images/132957390/rectangle_large_type_2_985ce2ed4e676e7621522f8c06ba8f82.png?width=1200)
[第3回] visualforceページをPDFにしてみよう
本講座はvisualforceを使い、Salesforce帳票の作り方を学んでいく講座です。全13回の講義終了後、商談から帳票を出力できるようになる事をGoalとして講座を進めていきます。
メンバーシップ(Salesforceデベロッパープラン)加入者は無料でご覧いただくことが可能です。
第2回講義で簡単なvisualforceページを作成してみました。
第3回講義では、作成したvisualforceページをPDFにしてみたいと思います。
visualforceページのPDF化
第2回講義で作成した「opp_pdf.page」をvscodeで開いてみましょう。下記のような状態になっているかと思います。
![](https://assets.st-note.com/img/1670329215605-QQcZe1R6db.png?width=1200)
このページをpdfにするのはとても簡単です。
下記のようにrenderAs="pdf"を追加して保存してください。
<apex:page renderAs="pdf">
コードの変更が終わったら、保存(ctrl+S)して、デベロッパー環境にデプロイしてみましょう。
![](https://assets.st-note.com/img/1670329499591-AeKvBHg0dt.png?width=1200)
デベロッパー環境でvisualforceを確認
デプロイしたvisualforceがPDFで表示されるか確認してみます。
Salesforceにログインして、管理画面からvisualforceページリンクを開き、下記赤枠箇所からopp_pdfを開きます。
![](https://assets.st-note.com/img/1670329775426-G6n0LUi8pc.png?width=1200)
visualforceページがpdfで表示されるようになりましたね。
![](https://assets.st-note.com/img/1670329948820-0U5nCYHYuJ.png?width=1200)
ただし、「初めてのvisualforceページ」とコーディングしているのに、
![](https://assets.st-note.com/img/1670330655461-3lHhJyGZ0o.png)
PDFでは日本語が表示されず、「visualforce」という文字のみ表示されてしまいました。
![](https://assets.st-note.com/img/1670330606017-xvmNTrjVUf.png)
ここから先は
647字
/
3画像
いつもサポートいただきありがとうございます! クリエイター活動の励みになります!