2017年、新規にJavaScriptを書くならどんな設計をするか｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基本的にはSPAをベースとしています。 また、最新のイケてる技術バリバリ使ってやるぜ、というよりは、堅牢で、はやりが変わってもメンテができるということを意識してみました。 DOMのレンダリング Virtual DOMを代表とした、DOMのレンダリングを行うライブラリをなにか採用します。特に理由がなければReactでいいと思います。Virtual DOMではありませんが、AngularでもDOM管理においてはさほど違いはありません。この2
第2回 簡単なReact.jsの使い方 （1/8）
１）快適なReact.js開発環境をgulpで作る React.jsはJSX という言語を利用して開発します。 JSX はトランスコンパイル言語と呼ばれるもので、JavaScriptに変換して利用します。 jsxというコマンドを利用すればJSX ファイルをJavaScriptに変換することが可能ですが、ソースコードを変更するたびにJSX をコンパイルするのは面倒です。まずはソースコードの変更を検知して自動的にコンパイルし、ブラウザのリロードまでを行ってくれる環境を構築しましょう。 JavaScriptには便利なツールがいくつかありますが、今回はgulp + webpackを利用して環境を構築します。これらの動作にはNode.js が必要となりますので、まずはNode.js のインストールから行いましょう。なお、この組み合わせの他にもGrunt + Browserifyなどがあります。 No
第1回 はじめに （1/1）
１）React.jsとは React.jsとはMVC のV(View)として利用されるライブラリです。 XMLをJavaScript中に直接書くことでコンポーネントを宣言的に定義することが可能です。また、値が更新された場合には全体を再描画せずに、変更箇所だけを再描画する仕組みが備わっているため、パフォーマンスも十分です。しかも、Facebookで利用されており、今注目のライブラリです。 今回作成したアプリ 今回作成したアプリケーションではOSS Radar Scope®をそのまま再実装したわけではありません。仕様を少々変えてあります。 もとのOSS Radar Scope®は下図の通りです。 それを、次のように作り変えています。 この記事ではReact.jsの使い方から紹介し、上記のOSS Radar Scope®の一部を説明します。 それでは、早速React.jsの世界に入っていきましょ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vim on Browser (short)
Loading...
物理サーバを選定する際のポイント – Eureka Engineering – Medium
GitHub - tomkp/react-split-pane: React split-pane component
