【freee】前年比較試算表をPDFにする簡単な方法

![Screenshot 2021-09-19 11.25.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/61594703-3daa-ba76-eb59-68964ab90863.png)



クラウド会計アプリfreeeで「前年比較試算表のPDFを作成しよう」と思ったけど、
「えー。exportできなくはないけど見栄えが悪いー。画面表示のままPDFにしたいなー」と困ったことはありませんか。
以下の方法で、画面表示を整形すると簡単に解決できます。

#１．これが(画面表示の整形前)

試算表画面をPDFにするにあたって、以下ような不都合がある。
・画面上部に表示したくない項目がある(メニュー、検索条件)。
・試算表がスクロール表示なので、全項目が表示されない。
・画面下部に表示したくない項目がある(フッタ)。

![前.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/4bc3b277-e4e8-178b-f2d3-7788eb66c23a.png)


#２．こうなる(画面表示の整形後)

・表示したくない項目が非表示になる。
・試算表のスクロールが無効になり、全項目が表示される。

![後.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/fe0062cb-3b82-6625-e3d2-195928e32d76.png)


#３．こうすれば(画面整形する方法)

bookmarkletという機能を使います。以下のjavascriptをコピーしてブラウザのブックマーク(お気に入り)に登録してください。ブックマークの名称は「freee試算表等の画面整形」などでいいと思います。

```
javascript:(function(){function a(c){if(c=document.querySelector(c))c.style.display="none",c.style.visibility="hidden"}a('[class^="trial_pl_container"]');a('[class^="trial_bs_container"]');a('[class^="transition_pl_container"]');a('[class^="headline__body"]');a('[class^="vb-columnBase"]');a('[class^="table-annotation__body"]');a('[class^="vb-headlineArea"]');a('[class^="vb-tab-bar"]');a('[class^="payables_receivables_v2-list_nav"]');a('[class^="fixed_header"]');a('[class^="notification warn"]');
a('[class^="search_form_"]');a('[class^="navbar-menu"]');a('[class^="breadcrumbs"]');a('[class^="footer-area"]');a("div.support-information");a('[id="chatbot-container"]');a('[id="advisor-support-chatbot-container"]');a('[class^="gnavi_1ru0jyg0"]');a('[class^="gnavi_1ru0jyg1"]');a('[class^="gnavi_1ru0jyg2"]');a('[class^="gnavi_1ru0jyg3"]');a('[class^="gnavi_y403k61"]');a('[class^="gnavi_y403k64"]');a('[class^="gnavi_y403k65"]');a('[class^="trial_bs_container___"]');a('[class^="trial_pl_container___"]');
a('[class^="tab-select"]');a('[class^="sc-hFvvYD"]');a('[class^="sc-bcSJjp"]');var b=document.querySelector("div.report-table-container");b&&(b.style.height="initial");if(b=document.querySelector("div.vb-scrollableBase > div"))b.style.maxHeight="initial";b=document.createElement("div");b.style.cssText="height:25cm";document.body.appendChild(b)})();
```

![Screenshot 2021-09-19 09.33.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/39d74934-bec3-3fcb-eeb2-4594627ec8f8.png)


freeeの試算表画面で、そのブックマーク(お気に入り)を押下すれば、前年比較の試算表が全体表示されるようになります。
表示を整形した後は、ブラウザの印刷でPDFにできます。
画面全体をスクリーンショットして画像にする方法もあります。

https://qiita.com/tera1707/items/68e3dddff01b2ae2eb3e

#４．推移表を印刷する方法

推移表をPDFにしようとしても画面が途切れてしまいます。
そのようなときには次の方法で１２ヶ月分をPDFにすることができます。

##4.1　推移表を範囲で選択する。
「Shiftを押しながらクリック」などのテクニックを使い、推移表全体を選択してください。

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/d6411f59-f2f5-ed86-4486-99371642c5df.png)

##4.2　右クリックして印刷する。
適当な項目を右クリックして印刷します。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2048010/a869d064-5221-4dbb-f130-07464a93bebf.png)




#５．補足

##5.1　実行環境
端末：Chromebook
ブラウザ：chrome130

##5.2　免責
ご自身の責任でご利用ください。

##5.3　bookmarkletについて
・古いテクノロジーである。
・ブラウザのセキュリティ対策により実行できることが少なくなったようだ。
・それでも「Webページの表示を整形する」程度のためには便利な機能である。実行不能なことが増えたのはセキュリティが適切に向上しているわけであるから望ましいだろう。

##5.4　ご連絡
感想、エラー、ご要望はtwitterでDMください。

##5.5　参考
以下の記事を参考にしました。

https://qiita.com/kanaxx/items/63debe502aacd73c3cb8

##5.6　履歴
2022/8/24 空のページが印刷されるようにしました。
2022/9/19 推移表の印刷の仕方を追記しました。
2023/11/23 カスタムレポートも整形できるようにしました。
2024/11/15 新メニューに対応しました