frontend、backend、database、SaaSについて、16:9のわかりやすい教育インフォグラフィックを作成する。デザインは5つの明確な区画に整理する。区画01:Frontend。ユーザーが見て、クリックし、操作する部分。Webページ、ミニプログラム、アプリ画面に現れる。一般的にHTMLで構造を作り、CSSで見た目を整え、JavaScriptで操作性を扱う。区画02:Backend。ユーザーには見えないサーバー上でロジックと計算を処理する裏側の頭脳。ログインと登録、価格計算、商品推薦、frontendからのリクエスト受信、データ返却を処理する。よく使われる言語はJava、Python、Go、Node.js付きJavaScript。区画03:Database。アカウント、パスワード、注文、在庫などのデータを保存・管理する記憶層。代表例は、表形式の関係データベースであるMySQLとPostgreSQL、文書型データベースであるMongoDB。区画04:SaaS、Software as a Service。ユーザーはWebページ、ミニプログラム、アプリを開き、ネットワーク経由でソフトウェアを使う。通常は月額または年額で契約する。一般的な形はWebサイト、モバイルアプリ、ミニプログラム。区画05:Summary。frontendはユーザーが見て操作する部分、backendは裏側で動くロジックと計算、databaseはデータを保存・管理する部分、SaaSはユーザーがいつでもオンラインでソフトウェアを使える提供方法。流れ「Frontend display → Backend processing → Database storage → SaaS delivery」を表示する。