Fork me on GitHub

JavaScript

JavaScriptはWebブラウザに組み込まれたスクリプト言語で、Webページをダイナミックでインタラクティブにすることができます。

なぜJavaScriptは必要?

JavaScriptはクライアント側で実行され、HTMLとCSSだけでは実現できないダイナミックなWebアプリケーションを作ることができます。モダンなPython Webアプリケーションでは、フロントエンドにJavaScriptを利用しています。

フロントエンドフレームワーク

フロンエンドJavaScriptフレームワークでは、Webアプリケショーンのレンダリングの大部分をクライアントサイドで行います。このようなアプリケーションは、URLの遷移のためにページを再読み込みを行わないことから"シングルページアプリケーション"と呼ばれることがあります。DOM内に部分的なHTMLを読み込んだり、データをAPIから取得しページに表示することができます。

このような機能を持つフロントエンドのJavaScriptフレームワークには以下の様なものがあります。

フロントエンドJavaScriptフレームワークの進化はとても速く、数年もすれば、これらのフレームワークを利用するための、一致した最適解も出てくるでしょう。

JavaScriptはどのように発展してきたか

JavaScriptは、Ecma International Standards Bodyによって定められたthe ECMAScript specificationの実装です。

JavaScriptを学ぶためのリソース

* How Browsers Workは、JavaScriptとCSS、そしてブラウザでページがどのようにレンダリングされるかを解説している素晴らしい記事です。

  • Superhero.jsは、テスト、管理、JavaScriptの基礎に関するリソースをまとめたリストです。
  • Unheapはナビゲーションからメディアの表示まで、様々なjQueryプラグインが紹介されています。
  • The State of JavaScript in 2015では、JavaScriptの開発サイクルに大きく影響する大規模なフレームワークを使うよりも、単一の目的を達成するための小さなライブラリを使うべきとする意見が述べられています。

JavaScriptを学ぶためのチェックリスト

基本的な要素を含んだ単純なHTMLファイルを作りましょう。python -m SimpleHTTPServerコマンドを使って、サーバを起動しHTMLを配信します。HTMLの<body>セクションの最後に<script type="text/javascript"></script>を記述して、JavaScriptを試してみましょう。

jQueryをダウンロードし、使ってみましょう。jQueryを使い始めたら、JavaScriptの基本を簡単に学ぶことができます。

ページ上でJavaScriptを動かしてみましょう。オープンソースのサンプルやjQueryプラグインを試したり、Unheapで色々なjQueryプラグインを探してみましょう。

JavaScriptのリソースを読み、応用的なコンセプト、オープンソースのライブラリを学びましょう。

あなたのWebアプリケーションにJavaScriptを導入しましょう。JavaScriptのファイルを扱う方法はstatic contentの章を参照してください。

Webアプリケーションのデザイン、またはデプロイを学びますか?

WebアプリケーションのUIを作るには?

JavaScriptの様な静的なファイルを配信するには?

どのようにコードのバージョン管理をすれば良いですか?

APIとは?


Interested in a complete Full Stack Python book with detailed tutorials and example code? Sign up here and you'll get an alert email if a book is created. No other emails will be sent other than sign up confirmation.