var/let/const解説付
https://qiita.com/rukukun/items/39bd94377b4b2021e684
必要に応じて逆引きで使う場合
https://www.tohoho-web.com/js/index.htm
chatjs入門
https://www.tohoho-web.com/ex/chartjs.html
本記事の背景
Javascript入門は多くの情報と解説があるが、Jinja2と組合わせで使う場合やグラフ描画用ライブライであるchatjs+Jinja2で使う場合の紹介記事は少ない。筆者は、ある程度Javascriptの基礎文法を習得している人向けにJinja2との組み合わせで注意すべき点や引数の渡し方について焦点を合わせている。
※Jinja2については、別記事にて紹介する。
本記事の対象者
- JavaScriptの基礎文法を理解している
- chatjsとはなにかを理解している
- Flaskの基礎を取得している
- HTML/CSSのタグを理解している
- Python基礎文法を理解している
- Webの基本的な仕組みを理解している(localhost,portとはなにかが分かる程度)
※上記で未収得の場合は下記の関連情報を先に参照し、習得、理解してください。
関連情報
- JavaScript超入門(var/let/const解説付)
- とほほJavascript入門(必要に応じて逆引き)
- とほほchatjs入門
- chatjs公式(chatjsはバージョンによって若干変更されているので、必要に応じて公式ページ参照)
- chatjs日本語
- Flask構築手順