1. Yougurut

    Posted

    Yougurut
Changes in title
+月の絵文字で文字が書けるWebアプリを作ってみた🌝
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,70 @@
+#できたWebアプリ
+![bandicam 2018-10-21 23-43-58-526.jpg](https://qiita-image-store.s3.amazonaws.com/0/157806/c374e9da-849e-9d30-ff47-39d153fce017.jpeg)
+###[月文字ジェネレータ](https://tsukimoji.com)
+https://tsukimoji.com
+
+例えばこんなかんじのアスキーアートがすぐ作れちゃいます。
+🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑
+🌑🌑🌕🌘🌕🌕🌕🌕🌘🌑🌒🌕🌑
+🌑🌒🌕🌓🌕🌕🌕🌕🌒🌕🌒🌕🌑
+🌑🌓🌕🌑🌓🌖🌑🌑🌒🌕🌒🌕🌑
+🌑🌔🌖🌑🌔🌕🌕🌕🌒🌕🌒🌕🌑
+🌒🌕🌖🌒🌕🌘🌒🌕🌒🌕🌒🌕🌑
+🌓🌕🌖🌓🌕🌘🌒🌕🌒🌕🌒🌕🌑
+🌓🌕🌖🌕🌕🌕🌕🌖🌒🌕🌒🌕🌑
+🌑🌔🌖🌑🌑🌒🌕🌗🌒🌕🌒🌕🌑
+🌑🌔🌖🌑🌑🌓🌕🌑🌒🌕🌒🌕🌑
+🌑🌔🌖🌑🌒🌕🌘🌑🌑🌑🌒🌕🌑
+🌑🌔🌖🌒🌕🌗🌑🌑🌑🌔🌕🌕🌑
+🌑🌓🌗🌑🌑🌑🌑🌑🌑🌑🌑🌑🌑
+「例」という文字をジェネレートしてみました。
+文字のサイズや、横幅の文字等を調節できるようにもしてみました。
+
+#なぜこれをしようと思ったか
+Youtubeのコメント欄で、月の絵文字で文字のアスキーアートを作成したコメントを発見。
+→[wataoka氏](https://qiita.com/wataoka)の記事 [月で絵を描きたいだと?それならpythonに任せなさい🌝](https://qiita.com/wataoka/items/261fc12c956a517049d8)を思い出す。
+→あれ?もしかして、そんなWebアプリあったかな?と検索
+→無かった
+→手作業でアスキーアートを作るのすごい!!!と同時に
+###→自動化したい!!!!!
+と思い書いてみました。
+
+#技術的バックグラウンド
+wataoka氏が超絶技工にアスキーアートに変換するエンジンを書いていただいていたので特に特筆すべき点はありませんが、いい感じに画像で解説したいと思います。
+
+エンジンについてはこちら:[月で絵を描きたいだと?それならpythonに任せなさい🌝](https://qiita.com/wataoka/items/261fc12c956a517049d8)
+
+---
+
+![bandicam 2018-10-21 23-28-08-200.jpg](https://qiita-image-store.s3.amazonaws.com/0/157806/4644527a-72cd-4e00-3723-afa0fc281166.jpeg)
+
+入力された文字からPython Image LibraryことPILを使い文字画像を生成して、wataoka氏のAA変換エンジンに読み込ませてあげると、文字 → 月のAA に変換する事ができます。
+
+---
+
+![bandicam 2018-10-21 23-34-15-461.jpg](https://qiita-image-store.s3.amazonaws.com/0/157806/341826f9-76fd-d806-3c98-a0121375ebfe.jpeg)
+さきほどのPythonをFlask+BootstrapでWebアプリ化したあとに、お手軽webサーバことPaasのherokuにデプロイしてあげます。
+flaskとheroku
+シンプルすぎて最高。
+
+---
+
+![bandicam 2018-10-21 23-39-52-182.jpg](https://qiita-image-store.s3.amazonaws.com/0/157806/c25cb3e3-858c-a0db-b185-9fc30c23a92f.jpeg)
+今回はドメイン取得+SSL化をしてみます。
+お名前.comで1kお布施し、cloudflareを用いてSSL化してみました。
+
+概念図はイマイチCloudFlareの役割がわからないので、やっつけです。間違ってたら教えてください。m(_ _)m
+
+参考:[【完全無料】Herokuで独自ドメイン + HTTPSに対応する【Rails】](https://qiita.com/serinuntius/items/f7f08b2221f5ad068f5d)
+
+
+#さいごに
+月がきれいですね。。。
+
+さいごまで見てくださりありがとうございます!
+
+バックグラウンドを見て頂くとわかるように、このwebアプリは[wataoka氏](https://qiita.com/wataoka)の記事 [月で絵を描きたいだと?それならpythonに任せなさい🌝](https://qiita.com/wataoka/items/261fc12c956a517049d8)のおかげで書けたようなものなので、wataoka氏に感謝。。。
+
+
+###[月文字ジェネレータ](https://tsukimoji.com)
+https://tsukimoji.com