FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション

PHPカンファレンス小田原2024 の発表資料です。 https://phpcon-odawara.connpass.com/event/296492/ https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0

[umai_bow]

そういうクライアントもいるんだろうなと思いつつ帳票の見た目にミリ単位までこだわらなくちゃいけないのがクソすぎる（※このスライド自体は素晴らしいと思います！）

[Ho-oTo]

こういうの一番得意なのはLaTeXなんじゃないのか？という気がしてしまった。文字以外の要素に動的な変更が一切不要みたいだし。科研費LaTeXみたいな...

[ledsun]

figmaを帳票デザイナーとしてつかってSVGでブラウザに出力するのか、なるほどー。

[naratas]

Figma依存云々言ってる人はなんなんだ。単にSVGを編集してexportするツールとして使ってるだけなんだから、もしイヤなら他のベクタードローイングツール使えば良い。

[kazukan]

帳票に依存するオペレーションを許してしまうこと自体がUX的にアウト。誰も出社して、紙に打ち出された帳票にハンコなんか押したくない。日本社会の害悪

[spark7]

後半みると思ったよりスッキリはしてなかった。改行とか考えるとHTMLで頑張りたいかも

[gothedistance]

Docurainおすすめですよー、単価安いし連票もできます！

[nori__3]

帳票をやめる方向に行かないのがダメだよなぁ。会社が変わらないからしゃーなしでこういうのに労力をかけ続けることが生産性が低いっていうのでは。生産性は労働者ではなく経営者の責任。

[skypenguins]

LaTeXには「表中の改行」や「文字位置」の概念もあるし、確かにLaTeX→PDFでもええやんと思ってしまった、LaTeXの表も複雑化すると中々大変だがWYSIWYGで書けるOSSありそうだし今回みたいに単一のVPSで動かすなら尚更ね

[kuracom]

なるほどSVGなら確かに。Figmaに限らずSketch.appやイラレとかたぶんAffinityとか、SVG書き出しできるベクターグラフィックアプリならだいたいひな形作れる。

[syu-m-5151]

ほへー！

[nakag0711]

手作りか…

[efcl]

FigmaのSVGをテンプレートして使う話

[yojik]

サーバサイドなら LibreOffice Writer → PDF化はそれなりに快適だった。JavaならJasperReportsだけど、本当に色々な痛みがある......

[mohri]

いい話だった

[suicha]

毎度毎度、一瞬グッスマのフィギュアの話かと思うけど、タイトル後半みて「あっ違うわ」となる

[uehaj]

神

[fashi]

強引に補正しているのは毎回やるのだろうか

[tohokuaiki]

SVGなるほど。帳票出力の世界ではSVFがあるんだけど、SVFを使うのすら大変なの知ってるからこの案件請けるならメチャ限定的にする。でもこの方法もアリな感じする。お疲れ様でした。

[prograti]

個人的にはPDFテンプレートの上に印字する方式の方が汎用性があって好きなので最近はpdfmeをよく使ってます https://pdfme.com/

[keijize]

マクロかGASで良くない？うちはGAS！

[hamacheese]

空様式スキャンして背景に設定や

[red_kawa5373]

id:kazukan こういうの、例えば配達の納品書とかもあるからな。「配達人がいちいち手袋外してスマホを起動してアプリ立ち上げてフリックで入力して」より、ハンコ一つのほうが遥かに早かったりする。

[gomakyu]

中小だからDX、帳票以外のソリューションは無いん？

[tattyu]

見積もりより1人週オーバーで解決したなら優秀なのでは。

[spiro_bi]

"Adobe XD や Figma で帳票のレイアウトをデザインして" "それをSVG形式でエクスポートしたものをテンプレートとしてアプリで読み込み" 2021年の記事　https://zenn.dev/ttskch/articles/1f1572cfd2e375 より

[ytn]

これ、お幾ら万円案件だったんだろう

[terashimaWataru]

こう言うのを昔accessでやってたな…と同時の労働を思い出してたら胃が悪くなってきた

[psne]

Illustrator でビシッとテンプレ作ってSVG吐かせるでも、良いかもしれないやつ。

[Shinwiki]

じゃ、文字にアンチエイリアス効かせてみようか？wwww

[yamadadadada2]

痛みに耐えてよく頑張った。感動した！

[shingo-sasaki-0529]

多少の力技はあれど、Figma から生成した SVG をバージョン管理すれば多少はメンテも出来るし、試行錯誤して良い落とし所に到達してて面白かった。連票式が辛そうってのは想像付く。

[tokyo2077]

そういう客とは取引しないのが最強

[Futaro99]

そもそも論を言われても、お客様のご要望なので

[Eiichiro]

すごい！がメンテつらそう。 固定ページ設定なら使えるのは羨ましい。エクセル式のページ伸張フォーマットには使えないんだよね。

[blackphone9]

大昔にWeb入力でLaTeX経由PDF出力のシステム管理に噛んでたのを思い出した。xsltとか使ってた気がする。

[ryouchi]

クリスタルレポートってまだあったんた。知らんかった。 https://crystalreports.jp/sap-crystal-reports

[toyoshi]

使い所はありそう。複数の可変ブロックや改行したら適切なページのフッター入れるとかなると専用ソリューションが必要になる。