WebookWeb業界で働いています。Railsを中心にプログラミングや事業開発のようなことを書いていきます。React.jsreact-railsを使いReact.jsをサーバーレンダリングする方法を説明します。サーバーレンダリングすることで、初期値をHTMLの初期レンダー時に渡せるようになるので、ロード中による画面のばたつきや、ロード中といった表示をなくせます。React.jsRailsに簡単にReact.jsを統合できるreact-raisというgemを使い、RailsでReact.jsを使う方法を説明します。上記のように、フォーム画面でページから離れるときにJavascript(JS)の警告を出す方法を説明します。実際の動作は次のリンクから確認できます。まとめjQueryを使うことでブラウザ間の違いを吸収しながらも、簡易にDOM操作のJavaScriptコードを記載することができます。使われるjQueryのDOM操作のメソッドをまとめました。jQueryjQueryを使ってイベント処理の登録と削除方法、登録できるイベントの一覧を説明します。JavaScriptはイベントを通してHTMLと結びついているので、イベントハンドラのコーディングと修正に多くの時間を使います。jQueryjQueryの$.getメソッドと$.postメソッドの使い方を説明します。良い設計のアプリケーションは、「生きた設定データ」をソースコードのメイン部分と分離し、設定データの変更を容易にし、意図しないバグを含まないようにします。まとめJavaScriptのthisは属しているオブジェクトによって参照先が変わります。コンストラクタ内、オブジェクト内、イベントハンドラ内などのthisの参照先をまとめました。設計HTML/CSS/JavaScriptは相互に関係しているが、できる限り依存して複雑にならないようにする方法を説明します。することで、デバッグのしやすさ、コードの理解のしやすさ、保守性があがります。Rails中級RailsでJasmineを使ってJavascriptの単体テストを実行する方法を説明します。JasmineはJavascriptの単体テストを行うためのテスティングフレームワークです。アクセス月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。