サーバーサイドで動的にOGP画像をシュッと作る方法 - FastAPIとCairoSVGで作る画像生成API - JX通信社エンジニアブログ
JX通信社シニア・エンジニアの@shinyorke（しんよーく）です. 最近は色んなエンジニアリングをしつつ, イベントの司会業をしています（詳細は最後の方を見てね）. 開発しているサービス・プロダクトの要件で, TwitterやLINE, FacebookでシェアするOGP*1コンテンツ（タイトル・本文・画像）が欲しい コンテンツはユーザーさんの操作で動的に変わる テキストだけじゃなくて, 画像も変えたい←これ なんて事は非常によくある話だと思います. 私はちょっと前に開発したAIワクチン接種予測でそれがありました. こういうやつです 例えば上記画像のテキスト（地域・年齢・接種可能時期）は予測の結果を動的に画像テンプレートに入れて都度作っています. 上記のOGPを生成するために必要なことはこういう感じだろうなー, と以下の絵の通り整理し, やったこと 結果的に, OGPを生成するためのサ
linedraw - 画像をSVGに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像を変換する類のソフトウェアは多数あります。例えばアスキーアートに変換したり、グレースケールにする、油絵風にするなど様々です。手法を知っておけば、目的に応じてぴったりなソフトウェアが選べるはずです。 今回紹介するlinedrawは画像をSVGにしてくれるソフトウェアです。他では見られないものだけに知っておくと役立ちそうです。 linedrawの使い方 元画像。 変換後。SVGです。 筆者の写真を変換した場合。 linedrawはラフなスケッチ的な感じで画像をSVGに変換してくれます。SVGなので縮小や拡大をしても綺麗なままです。構造が分かれば、JavaScriptから操作することもできるでしょう。バイナリの画像ではないところが使い道につながりそうです。 linedrawはPyth
Krita 4 - 無料の2Dお絵かきソフト！新バージョンがリリース！SVGVector、テキストツール、Pythonスクリプト、新ブラシ、高速化など
Krita 4.0 SVG Vectorツール ODGへの事前の依存ではなく、デフォルトでベクトルレイヤーでSVGを使用します。 SVGはそこにあるベクターグラフィックスで最も広く使われているオープンフォーマットです。 「純粋な」ベクトルデザインアプリケーションで使用されるSVG on Kritaは、現在、グラデーションと透明度をサポートしています。 ベクターツールUXの改善 ベクターアーティストのワークフローを研究するために多くの時間を費やし、ツールの仕組みに対するユーザーエクスペリエンスを向上させました。 新テキストツール テキストツールの使い勝手が大幅に向上しました。 このツールは信頼性が高くなるように書き直され、将来の拡張のためのより良い基盤を備えています。 SVG標準（旧ODTではなく）にも準拠しているため、より多くの設計アプリケーションと互換性があります。 Pythonスクリプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
