WNI風コメントぽよんぽよんアプリ

ぽよん、ぽよんする

よく分かる(?)解説

ベース画像を読み込みます。ファイルを選択ボタンをクリックして、画像ファイルを選択します。
画像ファイルが読み込まれたら、ベース画像に選択した画像が表示されます。
コメントタイプを選択します。旧タイプと新タイプから選択します。
コメント位置を選択します。左寄せ、中央、右寄せから選択します。
画像に表示したいコメントをコメントに入力します。
画像作成ボタンをクリックすると、作成画像にコメント付きの画像が表示されます。
画像をダウンロードボタンをクリックすると、作成した画像を保存することが出来ます。ファイル名をお好きな名前に変更して保存してください。
作成した画像(予め保存しておいてください。)をTwitterに投稿することが出来ます。結果をつぶやくボタンをクリックすると別画面が開きますので、その画面で保存した画像を添付(自動的に添付されません。)してツイートしてください。その際、***この文章を消して、作成した画像を添付してからツイートしてください。***という文章は注意書きですので、ツイートする際は削除することを忘れないでください。

こんなときは

フォントがおかしい: フォントの字体が合っていないときは、もう一度画像作成ボタンをクリックしてみてください。
変換に時間がかかる: 待ち時間を入れないとWebフォントの描画が上手くいかなくて...良い解決法ご存知の方教えてください。申し訳ありませんが、待ってあげてください。それでもフォントがおかしい場合は、画像作成ボタンをクリックしてください。何度かクリックする内に正しく描画されるようになります。
画像ツイートが手動: やり方知らないし、そもそも画像をツイートする系アプリのお作法も知らないです。これも教えて欲しいです。 (どうやらサイトがhttpsでないと出来ないらしいので、現状では対応出来ないです。)

Windows10 Home(64bit) + Google Chromeで動作検証しています。それ以外の環境、ブラウザでは動作しない可能性があります。ご了承ください。
Google Fontsで提供されているM PLUS Rounded 1cをWebフォントとして使用しています。