<?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>SNS開発者の雑記帳 &#187; 未分類</title>
	<atom:link href="http://www.synapz.jp/mrsy/category/%e6%9c%aa%e5%88%86%e9%a1%9e/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.synapz.jp/mrsy</link>
	<description></description>
	<lastBuildDate>Fri, 05 Mar 2010 02:11:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>サーバサイドJavascript -Jaxer-</title>
		<link>http://www.synapz.jp/mrsy/2008/01/javascript-jaxer/</link>
		<comments>http://www.synapz.jp/mrsy/2008/01/javascript-jaxer/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 05:43:45 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[未分類]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[aptana]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/01/24/post37/</guid>
		<description><![CDATA[
僕は日々のWeb開発業務にAptanaというIDE（統合開発環境）を利用しています。
Eclipse PDTや PHPEclipseも利用していましたが、やはりAjaxなどのWeb寄りな開発においては、Aptanaの右に出るものは無いように思われます。

また、Aptanaは、AjaxやRuby(on Rails)、PHPなどの開発言語に対応し、HTMLの編集もDreamweaverとまではいきませんが効率よく編集できます。

そんなAptanaに、「Jaxer」なる機能が追加されました。




Jaxerとは何か
一言でいうと、Javascriptをサーバー側で実行できるようにするための、Apache2.x用プラグインのようです。今までのJavascriptは、クライアント（ブラウザ）側でJavascriptプログラムを解釈し実行していましたが、このJaxerサーバを利用することにより、それをサーバ側で実行させることができます。
いままでクライアント／サーバ側で別々の言語で記述していたものが、Javascript一つに集約されるのです。



何がうれしいのか
1.Ajaxが分かれば、サーバサイド言語（PHP, Javaなど）のスキルが不要


サーバサイドでJavascriptを動作させたいときは、以下のようなコードを記述します。
&#60;script runat=&#8221;server&#8221;&#62; 〜ここにJavascriptロジックを記述〜 &#60;/script&#62;



2. サーバサイドでDOM操作が可能


JaxerのDOMの解釈には、Firefox3のエンジンが用いられているとのこと。



3. クライアント側からサーバサイドのJavascript関数を呼び出せる


クライアント側にあるfunctionはあくまでも代理（proxy）で、実体はサーバサイドにあるfunctionを呼び出すことができ、これまで行ってきたXmlHttpRequestやJSONなどは意識しなくともよい（すべてJaxerがおこなってくれる？）。



4. ファイル入出力、DBアクセス、メール送信などライブラリがそろっている


SQLite, MySQLへのDBアクセス、Webサービスへのリクエストなど、一通りのことは行えるようです。




懸念点
axer側で一旦DOMツリーを構築し、JavascriptによるDOM操作を行い、その結果をシリアライズするという行程を行う必要があるため、サーバ負荷増大が懸念されます。

以下の画像は、aptana.comより引用：




最後に
これまでJavascriptとサーバサイド実装者は分業化されているイメージでしたが、Ajaxの流行とともにJavascripterの存在の重要性は益々大きくなっており、ついにサーバサイドにまで影響を及ぼしました。
僕はあまりJavascriptは得意ではないのですが、これをきっかけに再勉強したいと思います。
僕たちエンジニアにとって、また一つ実装手段が増えましたね！（良いのか悪いのか。。）
]]></description>
			<content:encoded><![CDATA[<p>
僕は日々のWeb開発業務にAptanaというIDE（統合開発環境）を利用しています。<br />
Eclipse PDTや PHPEclipseも利用していましたが、やはりAjaxなどのWeb寄りな開発においては、Aptanaの右に出るものは無いように思われます。<br />
<br />
また、Aptanaは、AjaxやRuby(on Rails)、PHPなどの開発言語に対応し、HTMLの編集もDreamweaverとまではいきませんが効率よく編集できます。<br />
<br />
そんなAptanaに、<b>「Jaxer」</b>なる機能が追加されました。<br />
<br />
<img alt="jaxer.pngのサムネール画像" src="http://www.synapz.jp/blog/mrsy/assets_c/2008/01/1-thumb-820x225-thumb-500x137.png" class="mt-image-center" style="margin: 0pt auto 20px;text-align: center" height="137" width="500" />
<br />
<br />
<strong>Jaxerとは何か</strong><br />
一言でいうと、Javascriptをサーバー側で実行できるようにするための、Apache2.x用プラグインのようです。今までのJavascriptは、クライアント（ブラウザ）側でJavascriptプログラムを解釈し実行していましたが、このJaxerサーバを利用することにより、それをサーバ側で実行させることができます。<br />
いままでクライアント／サーバ側で別々の言語で記述していたものが、Javascript一つに集約されるのです。<br />
<br />
<br />
<br />
<strong>何がうれしいのか</strong><br />
1.Ajaxが分かれば、サーバサイド言語（PHP, Javaなど）のスキルが不要<br />
</p>
<blockquote><p>
サーバサイドでJavascriptを動作させたいときは、以下のようなコードを記述します。<br />
<b>&lt;script runat=&#8221;server&#8221;&gt; 〜<i>ここにJavascriptロジックを記述</i>〜 &lt;/script&gt;</b><br />
</p></blockquote>
<p>
<br />
2. サーバサイドでDOM操作が可能<br />
</p>
<blockquote><p>
JaxerのDOMの解釈には、Firefox3のエンジンが用いられているとのこと。<br />
</p></blockquote>
<p>
<br />
3. クライアント側からサーバサイドのJavascript関数を呼び出せる<br />
</p>
<blockquote><p>
クライアント側にあるfunctionはあくまでも代理（proxy）で、実体はサーバサイドにあるfunctionを呼び出すことができ、これまで行ってきたXmlHttpRequestやJSONなどは意識しなくともよい（すべてJaxerがおこなってくれる？）。<br />
</p></blockquote>
<p>
<br />
4. ファイル入出力、DBアクセス、メール送信などライブラリがそろっている<br />
</p>
<blockquote><p>
SQLite, MySQLへのDBアクセス、Webサービスへのリクエストなど、一通りのことは行えるようです。<br />
</p></blockquote>
<p>
<br />
<br />
<strong>懸念点</strong><br />
axer側で一旦DOMツリーを構築し、JavascriptによるDOM操作を行い、その結果をシリアライズするという行程を行う必要があるため、サーバ負荷増大が懸念されます。<br />
<br />
以下の画像は、aptana.comより引用：<br />
<img src="http://www.synapz.jp/blog/mrsy/JaxerProcess_normal_large-thumb-500x614.png" alt="JaxerProcess_normal_large.png" class="mt-image-left" />
<br />
<br />
<br />
<strong>最後に</strong><br />
これまでJavascriptとサーバサイド実装者は分業化されているイメージでしたが、Ajaxの流行とともにJavascripterの存在の重要性は益々大きくなっており、ついにサーバサイドにまで影響を及ぼしました。<br />
僕はあまりJavascriptは得意ではないのですが、これをきっかけに再勉強したいと思います。<br />
僕たちエンジニアにとって、また一つ実装手段が増えましたね！（良いのか悪いのか。。）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/01/javascript-jaxer/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>ご挨拶</title>
		<link>http://www.synapz.jp/mrsy/2008/01/post/</link>
		<comments>http://www.synapz.jp/mrsy/2008/01/post/#comments</comments>
		<pubDate>Fri, 18 Jan 2008 07:46:49 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/01/18/post12/</guid>
		<description><![CDATA[
株式会社シナプスの技術を担当しております、遠藤と申します。
本ブログでは、主にWebに関する技術的なことや、オープンソースソフトウェアの紹介、業務上感じた雑感などを記していきたいと思います。


実は何度か個人的なブログを書こうと思い立ったことがあるのですが、僕の性格が飽きっぽいので、１ヶ月と続きませんでした。。今回、このブログを始めるにあたっての最大の目標は、「肩肘張らずにマイペースで継続すること」。閲覧する方々がいてくれるかわかりませんが、とりあえず続けることを努力していきます。


・・・とブログを書き始めているのですが、MovableTypeの操作に慣れていないため、管理ツールをいじくり回しております。MTなどのブログツールには、WYSIWYGと呼ばれる記事の入稿フォームがあるのですが、その使い勝手次第では、ブログを書き続けるモチベーションにも影響を与えかねません（言い訳）。


過去に携わった案件で、オープンソースのWYSIWYGを調査したことがあるのですが、その多機能ぶりといったらスゴイ！機能メニューだけ眺めても、Microsoft Wordにひけをとりません。


代表的なWYSIWYGをご紹介します。
FCKeditor




FCKeditorには「テンプレート」という概念があり、「見出し画像の右側にテキスト回り込み」の部分をテンプレートとして保存しておき、何度でも利用することができます。
Rich Text Editor (Yahoo! UI Library)




どちらもかなり高機能で、導入も意外に簡単です。
しかし、どんなに高機能なWYSIWYGを使ったとしても、記事が面白いかどうかはライターの腕次第です。そのことを肝に銘じて今回はおしまいにします。
]]></description>
			<content:encoded><![CDATA[<p>
株式会社シナプスの技術を担当しております、遠藤と申します。<br />
本ブログでは、主にWebに関する技術的なことや、オープンソースソフトウェアの紹介、業務上感じた雑感などを記していきたいと思います。<br />
<br />
<br />
実は何度か個人的なブログを書こうと思い立ったことがあるのですが、僕の性格が飽きっぽいので、１ヶ月と続きませんでした。。今回、このブログを始めるにあたっての最大の目標は、「<b>肩肘張らずにマイペースで継続すること</b>」。閲覧する方々がいてくれるかわかりませんが、とりあえず続けることを努力していきます。<br />
<br />
<br />
・・・とブログを書き始めているのですが、MovableTypeの操作に慣れていないため、管理ツールをいじくり回しております。MTなどのブログツールには、<a href="http://ja.wikipedia.org/wiki/WYSIWYG">WYSIWYG</a>と呼ばれる記事の入稿フォームがあるのですが、<b>その使い勝手次第では、ブログを書き続けるモチベーションにも影響を与えかねません</b>（言い訳）。<br />
<br />
<br />
過去に携わった案件で、オープンソースのWYSIWYGを調査したことがあるのですが、その多機能ぶりといったらスゴイ！機能メニューだけ眺めても、Microsoft Wordにひけをとりません。<br />
<br />
<br />
代表的なWYSIWYGをご紹介します。<br />
<a href="http://www.fckeditor.net/">FCKeditor</a><br />
<br />
<img alt="fckeditor.png" src="http://www.synapz.jp/blog/mrsy/2008/01/18/1.png" class="mt-image-left" style="margin: 0pt 20px 20px 0pt;float: left" height="206" width="840" />
<br />
<br />
FCKeditorには「テンプレート」という概念があり、「見出し画像の右側にテキスト回り込み」の部分をテンプレートとして保存しておき、何度でも利用することができます。<br />
<a href="http://developer.yahoo.com/yui/editor/">Rich Text Editor (Yahoo! UI Library)</a><br />
<br />
<img alt="yui.png" src="http://www.synapz.jp/blog/mrsy/2008/01/18/2.png" height="493" width="542" />
<br />
<br />
どちらもかなり高機能で、導入も意外に簡単です。<br />
<b>しかし、どんなに高機能なWYSIWYGを使ったとしても、記事が面白いかどうかはライターの腕次第です。</b>そのことを肝に銘じて今回はおしまいにします。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/01/post/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

