teratailの質問投稿画面におけるタグ機能の仕組み

Question

teratailの質問投稿画面のタグを入れる仕組みは、どういうものなのでしょうか？

私は、Google App Engine でPythonを使ってwebアプリを作ろうとしていますが、
teratailのタグ機能と同じようなことをしたいです。

初心者の私が想像する感じでは、下記のような一連の流れなのでしょうか。
①inputのイベントが起こったら、Ajaxで通信。
②データベースから候補を探し出す。
③Ajaxでデータを送信して、候補の一覧を表示させる。
④候補のうちの一つをクリックするイベントが起こったら、それを表示させる。

これを実装するには、JavaScriptをしっかり理解していないといけないのだろうと思いますが、
何か使えそうなプラグインなどご存知ないでしょうか？
JavaScriptとAjaxの理解があまりないので、いずれにしろこの分野の勉強はしようと思います。
よろしくお願いします。

Answer 1

基本的にはフォームの自動補完機能なので、こちらにわかりやすくまとまっていると思います。
自動補完

Comments

[退会済みユーザー]

ありがとうございます。
JQueryUIのAutocompleteを使えば良いのですね。
https://jqueryui.com/autocomplete/