月の絵文字で文字が書けるWebアプリ「月文字ジェネレータ」を作ってみた🌝

この記事は最終更新日から1年以上が経過しています。

できたWebアプリ

bandicam 2018-10-21 23-43-58-526.jpg

月文字ジェネレータ

https://tsukimoji.com

例えばこんなかんじのアスキーアートがすぐ作れちゃいます。
🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑
🌑🌑🌕🌘🌕🌕🌕🌕🌘🌑🌒🌕🌑
🌑🌒🌕🌓🌕🌕🌕🌕🌒🌕🌒🌕🌑
🌑🌓🌕🌑🌓🌖🌑🌑🌒🌕🌒🌕🌑
🌑🌔🌖🌑🌔🌕🌕🌕🌒🌕🌒🌕🌑
🌒🌕🌖🌒🌕🌘🌒🌕🌒🌕🌒🌕🌑
🌓🌕🌖🌓🌕🌘🌒🌕🌒🌕🌒🌕🌑
🌓🌕🌖🌕🌕🌕🌕🌖🌒🌕🌒🌕🌑
🌑🌔🌖🌑🌑🌒🌕🌗🌒🌕🌒🌕🌑
🌑🌔🌖🌑🌑🌓🌕🌑🌒🌕🌒🌕🌑
🌑🌔🌖🌑🌒🌕🌘🌑🌑🌑🌒🌕🌑
🌑🌔🌖🌒🌕🌗🌑🌑🌑🌔🌕🌕🌑
🌑🌓🌗🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑
「例」という文字をジェネレートしてみました。
文字のサイズや、横幅の文字等を調節できるようにもしてみました。

なぜこれをしようと思ったか

Youtubeのコメント欄で、月の絵文字で文字のアスキーアートを作成したコメントを発見。
wataoka氏の記事 月で絵を描きたいだと?それならpythonに任せなさい🌝を思い出す。
→あれ?もしかして、そんなWebアプリあったかな?と検索
→無かった
→手作業でアスキーアートを作るのすごい!!!と同時に

→自動化したい!!!!!

と思い書いてみました。

技術的バックグラウンド

wataoka氏が超絶技工にアスキーアートに変換するエンジンを書いていただいていたので特に特筆すべき点はありませんが、いい感じに画像で解説したいと思います。

エンジンについてはこちら:月で絵を描きたいだと?それならpythonに任せなさい🌝


bandicam 2018-10-21 23-28-08-200.jpg

入力された文字からPython Image LibraryことPILを使い文字画像を生成して、wataoka氏のAA変換エンジンに読み込ませてあげると、文字 → 月のAA に変換する事ができます。


bandicam 2018-10-21 23-34-15-461.jpg
さきほどのPythonをFlask+BootstrapでWebアプリ化したあとに、お手軽webサーバことPaasのherokuにデプロイしてあげます。
flaskとheroku
シンプルすぎて最高。


bandicam 2018-10-21 23-39-52-182.jpg
今回はドメイン取得+SSL化をしてみます。
お名前.comで1kお布施し、cloudflareを用いてSSL化してみました。

概念図はイマイチCloudFlareの役割がわからないので、やっつけです。間違ってたら教えてください。m(_ _)m

参考:【完全無料】Herokuで独自ドメイン + HTTPSに対応する【Rails】

さいごに

月がきれいですね。。。

さいごまで見てくださりありがとうございます!

バックグラウンドを見て頂くとわかるように、このwebアプリはwataoka氏の記事 月で絵を描きたいだと?それならpythonに任せなさい🌝のおかげで書けたようなものなので、wataoka氏に感謝。。。

月文字ジェネレータ

https://tsukimoji.com

tan5o
ユーザー登録して、Qiitaをもっと便利に使ってみませんか。
  1. あなたにマッチした記事をお届けします
    ユーザーやタグをフォローすることで、あなたが興味を持つ技術分野の情報をまとめてキャッチアップできます
  2. 便利な情報をあとで効率的に読み返せます
    気に入った記事を「ストック」することで、あとからすぐに検索できます
コメント
この記事にコメントはありません。
あなたもコメントしてみませんか :)
すでにアカウントを持っている方は
ユーザーは見つかりませんでした