<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ExtJSで楽しくRIA業務アプリ開発 &#187; 営業向け</title>
	<atom:link href="http://extjs.blog.sus4.co.jp/tag/%e5%96%b6%e6%a5%ad%e5%90%91%e3%81%91/feed/" rel="self" type="application/rss+xml" />
	<link>http://extjs.blog.sus4.co.jp</link>
	<description>株式会社sus4 開発チーム</description>
	<lastBuildDate>Wed, 01 Jun 2011 09:32:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ExtJSのことを話す上での基礎用語について &#8211; Part2</title>
		<link>http://extjs.blog.sus4.co.jp/2009/10/29/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part2/</link>
		<comments>http://extjs.blog.sus4.co.jp/2009/10/29/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part2/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 10:40:06 +0000</pubDate>
		<dc:creator>野村 亮之</dc:creator>
				<category><![CDATA[ExtJS営業向け知識集]]></category>
		<category><![CDATA[ExtJS]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[営業向け]]></category>

		<guid isPermaLink="false">http://extjs.blog.sus4.co.jp/?p=137</guid>
		<description><![CDATA[ ジェーソンといいます。設計段階でプログラマが登場するような会議や打ち合わせになってくると、サーバ側とクライアントUIの橋渡し（交換言語みたいな感じ）をやってくれるのが、JSONやXMLです。]]></description>
			<content:encoded><![CDATA[<p><a href="http://extjs.blog.sus4.co.jp/2009/10/17/extjs%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%A9%B1%E3%81%99%E4%B8%8A%E3%81%A7%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%94%A8%E8%AA%9E%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-part1/">Part1はRIAからライブラリとフレームワークの違いまで</a>を簡単に説明しています。</p>
<p>JSON<br />
ジェーソンといいます。設計段階でプログラマが登場するような会議や打ち合わせになってくると、サーバ側とクライアントUIの橋渡し（交換言語みたいな感じ）をやってくれるのが、JSONやXMLです。<br />
JSONは、JavaScript Object Notationが正式名称で、JavaScriptにおけるオブジェクトの表記法({}を使うやつですね)をベースとした軽量なデータ記述言語というのが正しい解釈のようです。</p>
<p>要するに、サーバ側からテキストでこの記法にのっとったものを出力してやれば、ブラウザが受け取ったそのテキストをJavaScript側でパースするとそのままオブジェクトとして使えちゃうんですよというのが肝です。</p>
<p>ExtJSですと、JsonStore, JsonReaderとかでJSONを受け取るとごにょごにょしてくれて、いつの間にかExtで使えるオブジェクトに変換してくれる感じになります。</p>
<p>Json自体のサンプルは以下の通りです。</p>
<p>オブジェクトの例：</p>
<pre class="brush: js; ">

{name: &quot;John Smith&quot;, age: 33}
</pre>
<p>配列の例：</p>
<pre class="brush: js; ">

[&quot;milk&quot;, &quot;bread&quot;, &quot;eggs&quot;]
</pre>
<p>もちろん、入れ子にもできます。</p>
<p>営業的には、打ち合わせでこの言葉が出てきたら、なんのことはないただのテキストで、サーバ側とExtを繋ぐ橋渡し的データ記法のルールだと思っていただければ十分かと思います。</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fextjs.blog.sus4.co.jp%2F2009%2F10%2F29%2Fextjs%25e3%2581%25ae%25e3%2581%2593%25e3%2581%25a8%25e3%2582%2592%25e8%25a9%25b1%25e3%2581%2599%25e4%25b8%258a%25e3%2581%25a7%25e3%2581%25ae%25e5%259f%25ba%25e7%25a4%258e%25e7%2594%25a8%25e8%25aa%259e%25e3%2581%25ab%25e3%2581%25a4%25e3%2581%2584%25e3%2581%25a6-part2%2F&amp;linkname=ExtJS%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%A9%B1%E3%81%99%E4%B8%8A%E3%81%A7%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%94%A8%E8%AA%9E%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%20%26%238211%3B%20Part2"><img src="http://extjs.blog.sus4.co.jp/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://extjs.blog.sus4.co.jp/2009/10/29/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ExtJSのことを話す上での基礎用語について &#8211; Part1</title>
		<link>http://extjs.blog.sus4.co.jp/2009/10/17/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part1/</link>
		<comments>http://extjs.blog.sus4.co.jp/2009/10/17/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part1/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 12:01:30 +0000</pubDate>
		<dc:creator>野村 亮之</dc:creator>
				<category><![CDATA[ExtJS営業向け知識集]]></category>
		<category><![CDATA[ExtJS]]></category>
		<category><![CDATA[チュートリアル]]></category>
		<category><![CDATA[ビジネスExtJS]]></category>
		<category><![CDATA[営業向け]]></category>

		<guid isPermaLink="false">http://extjs.blog.sus4.co.jp/?p=40</guid>
		<description><![CDATA[ExtJSを話題にするうえで、覚えておくべきいくつかの知識があります。
技術者対営業、営業対エンドユーザー、技術者対エンドユーザーなど、ビジネスを進めていく上でいろいろな場面が考えられるとおもいますが、共通の言葉を作っておくと話が早い場合もあります。]]></description>
			<content:encoded><![CDATA[<p>ExtJSを話題にするうえで、覚えておくべきいくつかの知識があります。<br />
技術者対営業、営業対エンドユーザー、技術者対エンドユーザーなど、ビジネスを進めていく上でいろいろな場面が考えられるとおもいますが、共通の言葉を作っておくと話が早い場合もあります。</p>
<p>今回は、まとめて紹介していきます。<br />
どちらかというと、営業向けの言葉説明なので、技術者には物足りない内容かもしれないです。</p>
<h2>1.RIA</h2>
<p>リッチインターネットアプリケーション。3年か4年前から盛んに言われるようになって来た言葉です。それまでのHTMLベースのウェブアプリケーションに対して、よりネイティブアプリケーションっぽい動きをするWebアプリケーションの総称でよいと思います。<br />
このRIAを実現する技術としては、Flash、FlexなどのFlashプラグインを利用するアプリケーション、Sliverlightプラグインを利用するアプリケーションと、Ajaxを利用するJavaScriptベースのアプリケーションが代表的なものとなります。<br />
ウェブ上で、リッチな体験を提供するというのが言葉の中に含まれる定義ですね。</p>
<p>僕が業務系RIAを説明するときは、今まで当たり前にできていた業務をウェブアプリに置き換えても、当たり前に同じことができることですと伝えます。</p>
<h2>2.Ajax</h2>
<p>先ほどの説明に出てきましたが、Ajaxというのは、JavaScriptに関しての言葉です。<br />
Wikiの説明ですと</p>
<blockquote><p><strong>Ajax</strong>（エイジャックス、アジャックス）は、ウェブブラウザ内で非同期通信とインターフェイスの構築などを行う技術の総称。<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="XMLHttpRequest" href="http://ja.wikipedia.org/wiki/XMLHttpRequest">XMLHttpRequest</a>（<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="Hypertext Transfer Protocol" href="http://ja.wikipedia.org/wiki/Hypertext_Transfer_Protocol">HTTP</a>通信を行うための<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="JavaScript" href="http://ja.wikipedia.org/wiki/JavaScript">JavaScript</a>組み込み<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="クラス (コンピュータ)" href="http://ja.wikipedia.org/wiki/%E3%82%AF%E3%83%A9%E3%82%B9_(%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF)">クラス</a>）による非同期通信を利用し、通信結果に応じて<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="ダイナミックHTML" href="http://ja.wikipedia.org/wiki/%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AFHTML">ダイナミックHTML</a>で動的にページの一部を書き換えるというアプローチを取る。</p></blockquote>
<p>という感じになります。<br />
今までのHTMLベースのウェブアプリケーションは、情報を送信するのに、ページ全体を書き換える必要がありましたが、このAjax技術を使うと、ページ内でいつでもサーバへの通信が可能で、ページ内の一部を動的に変更することができます。<br />
これが、ネイティブアプリケーションっぽくウェブアプリケーションを振舞わせることができる核の技術です。</p>
<h2>3.ライブラリとフレームワーク</h2>
<p>前にお話をしているときに、フレームワークとライブラリの違いってなんですかと聞かれたことがあるので、、、</p>
<p>Wikiによるフレームワークの説明：</p>
<blockquote><p><strong>Web アプリケーションフレームワーク</strong>（<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="英語" href="http://ja.wikipedia.org/wiki/%E8%8B%B1%E8%AA%9E">英</a>: <strong>Web Application Framework</strong>）は、動的な <a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="ウェブサイト" href="http://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88">ウェブサイト</a>、<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="Webアプリケーション" href="http://ja.wikipedia.org/wiki/Web%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">Webアプリケーション</a>、<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="Webサービス" href="http://ja.wikipedia.org/wiki/Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9">Webサービス</a>の<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="Webプログラミング" href="http://ja.wikipedia.org/wiki/Web%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0">開発</a>をサポートするために設計された<a style="text-decoration: none; color: #5a3696; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="アプリケーションフレームワーク" href="http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF">アプリケーションフレームワーク</a>である。 フレームワークの目的は、Web 開発で用いられる共通した作業に伴う労力を軽減することである。たとえば、多数のフレームワークが<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="データベース" href="http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9">データベース</a>へのアクセスのためのライブラリや、<a style="text-decoration: none; color: #cc2200; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="テンプレーティング (未作成ページ)" href="http://ja.wikipedia.org/w/index.php?title=%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0&amp;action=edit&amp;redlink=1">テンプレーティング</a> フレームワーク、<a style="text-decoration: none; color: #3366bb; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="en:session (computer science)" href="http://en.wikipedia.org/wiki/session_(computer_science)">セッション</a>管理を提供し、<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="コードの再利用" href="http://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%86%8D%E5%88%A9%E7%94%A8">コードの再利用</a>を促進させるものもある。</p></blockquote>
<p>Wikiによるライブラリの説明：</p>
<blockquote><p><strong>ライブラリ</strong>は、汎用性の高い複数の<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="プログラム (コンピュータ)" href="http://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0_(%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF)">プログラム</a>を、再利用可能な形でひとまとまりにしたものである。一般にライブラリは、それ単体では<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="プログラム (コンピュータ)" href="http://ja.wikipedia.org/wiki/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0_(%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF)">プログラム</a>として動作させることはできないので<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="実行ファイル" href="http://ja.wikipedia.org/wiki/%E5%AE%9F%E8%A1%8C%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">実行ファイル</a>ではない。ライブラリは他のプログラムに何らかの機能を提供するコードの集まりと言うことができる。<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="ソースコード" href="http://ja.wikipedia.org/wiki/%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89">ソースコード</a>の場合と、<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="オブジェクトファイル" href="http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB">オブジェクトコード</a>、あるいは専用の形式を用いる場合とがある。たとえば、<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="UNIX" href="http://ja.wikipedia.org/wiki/UNIX">UNIX</a>のライブラリはオブジェクトコードをarと呼ばれる<a style="text-decoration: none; color: #002bb8; background-image: none; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial;" title="アーカイバ" href="http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%90">アーカイバ</a>でひとまとめにして利用する。</p></blockquote>
<p>んー、これだとなかなかわかりにくいですね。</p>
<p>近年登場してきているJavaScriptを快適に書くためのライブラリ・フレームワークを上げてみると、</p>
<ul>
<li>Prototypeは、昔JavaScriptライブラリといわれていたような気がしたのですが、いつの間にかフレームワークになっています。</li>
<li>jQueryは、WikiではJavaScriptライブラリといわれていますね。</li>
<li>ちょっと毛色が違いますが、YUIはUIライブラリといっていますね。</li>
<li>Dojoは最近、Core, digit, DojoXに分かれてるみたいですね。3つあわせると、フレームワークとよばれるっぽいですね。</li>
</ul>
<p>どちらかというと、スクリプトを書くときにサポートしてくれる機能が寄り集まったものをライブラリといい、アプリケーション自体をそれで完結できるもの（JavaScriptの場合は、クライアントサイドのコード全体をまかなえると考えれば適当かもしれません）をフレームワークといっているようです。</p>
<p>ちょうど、ExtJSでいうと、ExtCoreに関しては、ライブラリといったほうがよさそうで、ExtJSはフレームワークといえそうですね。</p>
<p>なんだかまとまりのない感じになってしまいましたが、とりあえず簡単に3つ紹介してみました。次回は、JavaScriptに関する言葉をもう少し解説していきます。</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fextjs.blog.sus4.co.jp%2F2009%2F10%2F17%2Fextjs%25e3%2581%25ae%25e3%2581%2593%25e3%2581%25a8%25e3%2582%2592%25e8%25a9%25b1%25e3%2581%2599%25e4%25b8%258a%25e3%2581%25a7%25e3%2581%25ae%25e5%259f%25ba%25e7%25a4%258e%25e7%2594%25a8%25e8%25aa%259e%25e3%2581%25ab%25e3%2581%25a4%25e3%2581%2584%25e3%2581%25a6-part1%2F&amp;linkname=ExtJS%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%A9%B1%E3%81%99%E4%B8%8A%E3%81%A7%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%94%A8%E8%AA%9E%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%20%26%238211%3B%20Part1"><img src="http://extjs.blog.sus4.co.jp/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://extjs.blog.sus4.co.jp/2009/10/17/extjs%e3%81%ae%e3%81%93%e3%81%a8%e3%82%92%e8%a9%b1%e3%81%99%e4%b8%8a%e3%81%a7%e3%81%ae%e5%9f%ba%e7%a4%8e%e7%94%a8%e8%aa%9e%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6-part1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

