gradleとspringのドキュメントによると

plugins {
  id "org.springframework.boot" version "1.5.4.RELEASE"
}

だけでpluginのapplyまでやってくれるらしいが

group 'ahuglajbclajep.spring.boot'
version = '1.1.0'
buildscript {
    plugins {
        id "org.springframework.boot" version "1.5.4.RELEASE"
    }
}

としたところorg.springframework.bootプラグインの解決に失敗した

bodyの時点でエンコードされたものになってしまうので正しいQRコードが生成されない
これによるとapplication/x-www-form-urlencodedだと手間っぽい
そもそも複数パラメーターをもらうためのものだし

herokuにデプロイしたものにアクセスすると304でブラウザのキャッシュが使われることがある
このとき新しいJSを引いてこないことがある

f45b6ab のように

return ResponseEntity.ok(baos.toByteArray());

とするとapplication/octet-streamになる
image/jpegとの違いはブラウザがファイルを '名前を付けて保存' することを提案するそうだがJSで受けているのであまり関係がない
image/jpegでもいいが

return ResponseEntity.ok().contentType(MediaType.IMAGE_JPEG).body(baos.toByteArray());

と少し長くなる

どちらがいいのか

nullはもちろん空文字でも生成する画像はない
nullに対するアプローチは

• privateならnullがこないのは自明
  空文字はisEmpty()でIllegalArgumentExceptionを投げるなどする
• java.util.Optional<T>.orElseでデフォルト値でなどで処理を継続
• null以外にもとりたくない値があるならIllegalArgumentExceptionを投げる
• java.util.Objects.requireNonNullでNullPointerExceptionを投げる
• @NonNullを使う
  などが上げられる

v2.0までにやりたいこと

• 構成について調べる
  命名則
  フォルダ
  resources /static vs /public
• エラーページを作る
  http://docs.spring.io/spring-boot/docs/current-SNAPSHOT/reference/htmlsingle/#boot-features-error-handling-custom-error-pages
  faviocnはspring.mvc.favicon.enabled=falseで無効にできる
• 見た目の調整 a68738b
  #7 has-feedbackがかぶる問題
  padding-bottom
  altと内容を一致させる
• org.gradle.daemon=trueが必要か検証 240cb5c
• #8 windows向けの注意書きを追記しREADMEを同梱
• ローカルでの実行時ログをファイルに吐かせる

ハッシュを直接変更した場合、リロードを挟まないとjsの先頭の部分が実行されないため内容が変更されない
これはブラウザの戻るボタンでハッシュが変わった場合、内容が更新されないことを意味する

https://stackoverflow.com/questions/17769884/ajax-and-back-button-hash-changes-but-where-is-previous-page-state-stored

https://stackoverflow.com/questions/7462202/spring-json-request-getting-406-not-acceptable
こういった理由らしい
つまり

@PostMapping(value = "/ajax", produces = MediaType.IMAGE_JPEG_VALUE)

と宣言したのに矛盾した操作をしているため

button type="submit"だと自動でなるあれをJSで実装する

http://getbootstrap.com/css/#forms-control-validation
https://api.jquery.com/addclass/

おそらく

$.ajax({
  url: "create",
  type: "POST",
  contentType: "text/plain",
  data: text,
  xhr: function () {
    var xhr = new XMLHttpRequest();
    xhr.responseType = "blob";
    return xhr;
  }
})

とxhrを指定してるのが原因
ドキュメントにも

Defaults to the ActiveXObject when available (IE)

とある(IEにもXMLHttpRequestはあるはずだが…)

素直に素のJSで書くと動作するのでそのように対応する