鏡文字ジェネレーター

初めまして、なっきーと申します。
楽しそうだったので、イベントに参加しました！
ぎりぎり滑り込みで投稿してますw

２といえば、、、

いろいろ考えました。作り始めては、ほかの方のアプリと似ていたので変えたり、面白くないと気づいて辞めたりと、そもそも開発するまでに五日過ぎてましたw

最終的にこじつけみたいになってしまいましたが、こういう流れです。

「２」　→　「対、ペア」　→　「鏡」　→　「鏡文字」、、、それだっ！！

それだっ！！

作ったもの

というわけで、つくったものがこちらです。

https://naokifukuyori.github.io/mirror_generator/

このアプリは、「入力した文から左右や上下反転した文の画像を作れる」、というアプリです。

こんな感じの画像が簡単に作れます！

挑戦したこと

• 素のJavaScriptをもっと極めたい！！と思ったので、フレームワークを使わずに実装したこと（結局、そんなに書かなかったけども）

• htmlを画像化するために、JavaScriptライブラリ「html2canvas」を初めてしたこと(苦戦したところもあるけど、基本的には使いやすくて良きだった)

使用した技術

• html
• css
• JavaScript
• html2canvas
• githubPages

改善点

まだまだ改善したいところが山積みです～、ぴえん。

• 改行, 半角空白に対応していない
• レスポンシブデザインになってない
• ファビコンを設定してない
• webフォントファイルの軽量化
• コードをリファクタリングをしたい

やる気を失ってなかったら、改善していきたいと思います。ギブミーヤルキー！

あ、あと今回はコードをgithubで公開しているので（こちら）、もしよければアドバイスなどがありましたら、ぜひお願いします！

まとめ

色々書きましたが、なんにしてもとりあえずデプロイまで持っていけたことがうれしいです！！！

ぜひ、このアプリを使って色々な画像を作って遊んでみてください！！
画像を投稿するときに「#鏡文字ジェネレーター」のハッシュタグをつけていただけたら、僕がめっちゃ喜んでいいね１００回押しますので、よろしくお願いします。

では、ありがとうございました！