MisocaAPIで取得したPDFファイルの日本語文字化け

Question

MisocaAPIで取得したPDFファイルのダウンロード

MisocaAPIを使用してkintoneからPDFファイルをダウンロードしたいです。
使用するAPIはMisoca API v3の/invoice/{id}/pdfです。

発生している問題・エラーメッセージ

APIを使用し、リクエストを発行しました。
レスポンスデータのbody部をBlobオブジェクトを作成しました。
aタグを使用しBlobオブジェクトをダウンロードするところまで実装しましたが、
ダウンロードしたファイルの日本語が文字化けしてしまいます。

該当のソースコード

// PDFデータ取得時のコード
const header = {
  'Content-Type': 'application/json',
  'Authorization': 'Bearer ' + act,
};
const id = 1111; //Misocaの請求書のID
const requestUrl = '/invoice/' + id + '/pdf';

return kintone.plugin.app.proxy(PLUGIN_ID, 'https://app.misoca.jp/api/v3' + requestUrl, 'GET', header, {}).then((resp)=> {
    const result = new Blob([resp[0]], {type: 'application/pdf'});
    
    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(result);
    link.download = 'misocaInvoice.pdf';
    link.click();// リンクをクリックし、ダウンロードする
});

試したこと

PostmanでHTTPリクエスト発行し、取得したデータを保存した場合は文字化けしませんでした。

Answer 1

追加情報により
PDFで使われているフォントは「源真ゴシック (げんしんゴシック)」と判りました。
無料フォントなんですが、なぜこのフォントが使われているのかは不明です。
(PDF埋め込みフォントでもなく標準フォントでもないのを採用している理由が不明
AIPのバグだ！と断言できるレベルです)

対応策は2方法あります
案A. Misocaに連絡し埋め込みフォントにするようにAPIを変更してもらう。
本来はこの方法が適切です。
ただ時間も手間もかかります。
なので

案B. フォントをインストールする
源真ゴシック
0. 上記URLから源真ゴシックを「zip 形式でダウンロード」して下さい。(HPの最後辺りにあります。)
0. ダウンロードしたファイルを解凍して下さい
0. 拡張子が.ttfのファイルが23ファイルあると思います。
今回使用するのは「GenShinGothic-Bold.ttf」「GenShinGothic-Medium.ttf」
0. 「GenShinGothic-Bold.ttf」をダブルクリックします。
0. Font Bookが起動しそのフォントの外観が表示されます。
0. [フォントをインストール]をクリックします。
0. 「GenShinGothic-Medium.ttf」をダブルクリックします。
0. Font Bookが起動しそのフォントの外観が表示されます。
0. [フォントをインストール]をクリックします。

これでPDFを開いたら読めるはずです。

Comments

[KentH]

回答ありがとうございます。
フォントファイルをダウンロードして２つインストールしましたが、変わらず文字化けしてしまいました。
なにか他に方法はありますか？

[kuma_kuma_]

しかたないので残りのフォントもインストールしてもらえますか？
普通エンコーディングの欄に文字の形式情報があるはずなんですけど
それもないので...あとは問い合わせるしかないかな...

[KentH]

残りのフォントもインストールしましたが、残念ながら治りませんでした。
問い合わせが必要ですね。
ありがとうございました！

Answer 2

const result = new Blob([resp[0]], {type: 'application/pdf;charset=utf-8'});

を試してみて下さい。

Comments

[KentH]

charset=utf-8を追加して、試してみましたが、結果は変わらず文字化けしてしまいます。

[kuma_kuma_]

普通に落としてきても文字化けするのですか？
せめて文字コードがなにか判ればよいのですが．．．

[kuma_kuma_]

すみません確認をしたいのですが
1. 質問者様の環境はWindowsまたはMacどちらでしょうか？
2. MisocaでふつうにダウンロードしたPDFファイルは文字化けせずに読むことができますか？
3. PDFを開くとき「Acrobat Reader」などのPDF用ソフトを使用していますか？
それともブラウザで開いていますか？
4. PDF用ソフトを使用されていない場合「Acrobat Reader」などソフトをインストールをお願いする事は可能ですか？

[KentH]

返信ありがとうございます。
>1
Macです。
>2
はい。できます。
>3
両方試しましたが、両方だめでした。
>4
既にインストール済みです。

お手数おかけしますが回答よろしくお願いします。

[kuma_kuma_]

それでは文字化けしたPDFファイルを「Acrobat Reader」で開いて見て下さい。

開いたら「Acrobat Reader」の画面左上の「ファイル」クリックしてメニューを表示
「プロパティ」でクリックしてみて下さい。
子画面が開きます。

そしたら「フォント」タブを選んでPDFファイルのフォント情報を表示させてください
そうしたらお手数ですが画面をキャプチャしてその内容をここの質問欄に追記(画像の追加)してもらえますか？
(画像でなくても良いのですが文字のコピーができないので手写しになってしまいます。)

うまくキャプチャ等できなかったら教えて下さい。
先に書いておきます。多分ですが(埋め込み)と表示されないフォントがあると思います。
それの影響で文字化けが起きているのでは？と思っている為にこのような手順をお願いしています。

[KentH]

AcrobatReaderのスクリーンショットを追加しました。