デザインのメモ

ロゴやフォント、フォトショ・イラレのお話をします

Flask

Canvas編 - Base64に変換してPOST - Flask, MySQL, Canvasで作る質問箱的なOGP画像サービス

この記事について こちらで紹介しています。 nippori30.hatenablog.com HTML 前回使わなかったボタンをフォームとして作り直します。 またデータを送信するためのJavaScriptを読み込ませる文を追記します。 <html> <head> <meta charset="utf-8"> <title>Canvas編 - Base64に変換してPOST</title> </head> <body> <canvas id="card" width="1200" height="630"></canvas> </body></html>

Canvas編 - カードに文字を書く - Flask, MySQL, Canvasで作る質問箱的なOGP画像サービス

この記事について こちらで紹介しています。 nippori30.hatenablog.com HTML シンプルにカード用canvasとメッセ自由用textareaとデータ送信用のbuttonだけです。 最後にカードを描画する用のJavaScriptを読み込んでいます。 canvasのサイズが1200x630という…

全体の構成 - Flask, MySQL, Canvasで作る質問箱的なOGP画像サービス

この記事について こちらで紹介しています。 nippori30.hatenablog.com サービスの流れ 雑な図を作りました。図の通りです。 各技術/ライブラリ紹介 Canvas CanvasはHTML5から追加されたタグで記法は<canvas></canvas>です。 主に図や画像などの描画に使われるタグで、JavaScr…

Flask, MySQL, Canvasで作る質問箱的なOGP画像サービス

この記事について 僕が作ったMessageBoxを参考に、PythonのWebフレームワークのFlaskとデータベースMySQLとJavaScriptを利用したHTMLのCanvasを活用し、質問箱的なOGP画像(ツイッターとかでシェアする時にいい感じに画像が表示されるやつ)サービスを作る方…

Flaskで始めるPython Webアプリケーション【HTML】

この記事について こちらにまとめてあります。 nippori30.hatenablog.com 今回、何をするか? 用意したHTMLを表示してみます!

Flaskで始めるPython Webアプリケーション【基礎】

この記事について こちらにまとめてあります。 nippori30.hatenablog.com 今回、何をするか? 動かすのに必要な最低限なコードを理解しよう!

Flaskで始めるPython Webアプリケーション【準備編】

この記事について こちらにまとめてあります。 nippori30.hatenablog.com 今回、何をするか? Flaskを使えるように準備をしましょう!

Flaskで始めるPython Webアプリケーション

この記事について Pythonで使えるWebフレームワークのFlaskの使い方を、何度かに渡って書く予定なので、それの目次となるページです。 目次 Flaskで始めるPython Webアプリケーション(このページ) Flaskで始めるPython Webアプリケーション【準備編】 Flask…