<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>online IDE | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/online-ide/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Thu, 03 Feb 2011 03:28:28 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>プログラマのための便利なオンラインエディタ厳選17個まとめ</title>
		<link>https://blog.verygoodtown.com/2010/02/programining-online-ide-17/</link>
					<comments>https://blog.verygoodtown.com/2010/02/programining-online-ide-17/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Sun, 21 Feb 2010 22:01:58 +0000</pubDate>
				<category><![CDATA[WEBサービス]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[online IDE]]></category>
		<category><![CDATA[エディタ]]></category>
		<category><![CDATA[ツール]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2534</guid>

					<description><![CDATA[<p>プログラムの開発にはテキストエディが必須ですよね。最近はWEBブラウザだけで簡単にプログラム開発ができるようになってきているので、手軽にプログラムを試して見る事ができます。 本日はオンラインで開発する事ができるサイトをま [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/programining-online-ide-17/">プログラマのための便利なオンラインエディタ厳選17個まとめ</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>プログラムの開発にはテキストエディが必須ですよね。最近は<strong>WEBブラウザだけで</strong>簡単にプログラム開発ができるようになってきているので、手軽にプログラムを試して見る事ができます。</p>
<p>本日はオンラインで開発する事ができるサイトをまとめてみました。</p>
<p>詳しくは以下</p>
<p><span id="more-2534"></span></p>
<h3>wonderfl</h3>
<p><a href="https://wonderfl.net/" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-13.jpg" alt="20100220-13" title="20100220-13" width="600" height="373" class="alignnone size-full wp-image-2566" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-13.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-13-300x186.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>面白法人カヤックが提供しているFlashをつくれるオンラインサービス。<br />
既存のフラッシュをforkして新しいアプリケーションをコンパイルする事ができます。</p>
<p><a class="comments_l" target="_blank" href="https://wonderfl.net/">公式サイト</a><br class="comments_h"> </p>
<h3>Zoho Creator</h3>
<p><a href="http://creator.zoho.com/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-15.jpg" alt="20100220-15" title="20100220-15" width="600" height="316" class="alignnone size-full wp-image-2568" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-15.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-15-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Zoho CreatorでGoogle App Engine用のPythonソースが生成可能です。</p>
<p><a class="comments_l" target="_blank" href="http://creator.zoho.com/">公式サイト</a><br class="comments_h"></p>
<h3>Amy Editor</h3>
<p><a href="http://www.amyeditor.com/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-01.jpg" alt="20100210-01" title="20100210-01" width="600" height="191" class="alignnone size-full wp-image-2554" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-01.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-01-300x95.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
Mac風インターフェイスのエディタ。<br />
HTML、JavaScript、PHP、Python、Ruby、Cのカラーリングが可能になっており、Ctrl + Z などのショートカットキーも動作。<br />
タブ入力や行番号表示など、気の利いたエディタに仕上がっています。<br />
ソースコードはGit上で公開されており、誰でも自分のサイトに組み込む事ができるようになっているのも便利な所です。</p>
<p><a class="comments_l" target="_blank" href="http://www.amyeditor.com/">公式サイト</a> <a class="comments_l" target="_blank" href="http://github.com/aprilchild/aprilchild">GitHub</a><br class="comments_h"></p>
<h3>JS Bin</h3>
<p><a href="http://jsbin.com/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-02.jpg" alt="20100210-02" title="20100210-02" width="600" height="212" class="alignnone size-full wp-image-2555" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-02.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-02-300x106.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
JavaScript用のエディタ。<br />
その場でプレビューして実行する事ができるようになっており、作成したファイルは保存して公開する事も可能になっています。</p>
<p>人気のフレームワークを読み込む事ができるようになっており、jQueryやPrototypeなどのバージョンを指定して読み込む事ができます。</p>
<p><a class="comments_l" target="_blank" href="http://jsbin.com/">公式サイト</a><br class="comments_h"></p>
<h3>Bespin</h3>
<p><a href="https://bespin.mozillalabs.com/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-03.jpg" alt="20100210-03" title="20100210-03" width="600" height="320" class="alignnone size-full wp-image-2556" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-03.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-03-300x160.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>HTML5で作成されたエディタ。Mozilla Labsにて開発されています。<br />
オンラインで使用するには会員登録が必要で、現在はまだまだシンプルなテキストエティタといった感じですね。<br />
ダウンロードして自サイトで構築する事も。</p>
<p>Firefoxのようにプラグインを使用して拡張性を持たせたり、複数人で同時にコーディングができるような機能をめざすとの事なので、これからが楽しみなプロジェクトになってます。</p>
<p><a class="comments_l" target="_blank" href="https://bespin.mozillalabs.com/">公式サイト</a><br class="comments_h"></p>
<h3>Kodingen</h3>
<p><a href="http://kodingen.com/" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-04.jpg" alt="20100210-04" title="20100210-04" width="600" height="357" class="alignnone size-full wp-image-2557" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-04.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-04-300x178.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>サイト上でチームを作成してファイルを共有する事が可能になっています。<br />
SVNを使用する事ができ、ローカルでの開発 + サイトでのデバッグという使い方もできるのでかなり使い勝手は良いのではないでしょうか。</p>
<p>これ、あまり知られていないようですが、かなりすごいです。</p>
<ul>
<li>サブドメインにて公開可能</li>
<li>データベースサポート。MySQLやPostgreSQL、SQLiteが使用可。</li>
<li>強調表示や行番号機能あり。</li>
</ul>
<p><a class="comments_l" target="_blank" href="http://kodingen.com/">公式サイト</a><br class="comments_h"></p>
<h3>EditPad</h3>
<p><a href="http://www.editpad.org/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-05.jpg" alt="20100210-05" title="20100210-05" width="600" height="216" class="alignnone size-full wp-image-2558" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-05.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-05-300x108.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
シンプルなエディタ。プロジェクトを作成する事はできませんが、作成したファイルはダウンロード可能。低スペックマシン用に。</p>
<p><a class="comments_l" target="_blank" href="http://www.editpad.org/">公式サイト</a><br class="comments_h"></p>
<h3>TypeIt</h3>
<p><a href="http://www.typeit.org/" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-06.jpg" alt="20100210-06" title="20100210-06" width="600" height="424" class="alignnone size-full wp-image-2559" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-06.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-06-300x212.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>フランス語の文字などの特殊文字にすばやくアクセスできる便利なユーティリティです。</p>
<p><a class="comments_l" target="_blank" href="http://www.typeit.org/">公式サイト</a><br class="comments_h"></p>
<h3>PractiCode</h3>
<p><a href="http://www.landofcode.com/online-code-editor.php" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-07.jpg" alt="20100210-07" title="20100210-07" width="600" height="184" class="alignnone size-full wp-image-2560" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-07.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-07-300x92.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
HTMLとCSSのための簡易コードエディタ。<br />
その場でプレビュー表示が可能です。</p>
<p><a class="comments_l" target="_blank" href="http://www.landofcode.com/online-code-editor.php">公式サイト</a><br class="comments_h"></p>
<h3>9ne</h3>
<p><a href="http://robrohan.com/projects/9ne/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-08.jpg" alt="20100210-08" title="20100210-08" width="600" height="334" class="alignnone size-full wp-image-2561" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-08.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-08-300x167.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
Emacs風のオンラインエディタ。</p>
<p><a class="comments_l" target="_blank" href="http://robrohan.com/projects/9ne/">公式サイト</a><br class="comments_h"></p>
<h3>jsvi</h3>
<p><a href="http://gpl.internetconnection.net/vi/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-09-600x135.jpg" alt="20100210-09" title="20100210-09" width="600" height="135" class="alignnone size-large wp-image-2562" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-09-600x135.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-09-300x67.jpg 300w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100210-09.jpg 657w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
vi風エディタ。viで使用できる機能はほぼサポートされているのではないでしょうか。</p>
<p><a class="comments_l" target="_blank" href="http://gpl.internetconnection.net/vi/">公式サイト</a><br class="comments_h"></p>
<h3>HTMLedit</h3>
<p><a href="http://htmledit.squarefree.com/" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-10.png" alt="20100220-10" title="20100220-10" width="600" height="370" class="alignnone size-full wp-image-2563" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-10.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-10-300x185.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
HTML編集用エディタ。</p>
<p><a class="comments_l" target="_blank" href="http://htmledit.squarefree.com/">公式サイト</a><br class="comments_h"></p>
<h3>DarkCopy</h3>
<p><a href="http://darkcopy.com/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-11.jpg" alt="20100220-11" title="20100220-11" width="600" height="305" class="alignnone size-full wp-image-2564" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-11.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-11-300x152.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
フルスクリーンで使えるエディタ。集中して文章を書きたい場合に。</p>
<p><a class="comments_l" target="_blank" href="http://darkcopy.com/">公式サイト</a><br class="comments_h"></p>
<h3>SimpleText</h3>
<p><a href="http://www.simpletext.ws/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-12.jpg" alt="20100220-12" title="20100220-12" width="600" height="160" class="alignnone size-full wp-image-2565" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-12.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-12-300x80.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
昔のMac風スタイル。ファイルの保存なども可能。</p>
<p><a class="comments_l" target="_blank" href="http://www.simpletext.ws/">公式サイト</a><br class="comments_h"></p>
<h3>ECCO</h3>
<p><a href="http://ecco.sourceforge.net/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-14.jpg" alt="20100220-14" title="20100220-14" width="600" height="600" class="alignnone size-full wp-image-2567" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-14.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-14-150x150.jpg 150w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-14-300x300.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
ダウンロードが必要でファイルをホストする必要があります。<br />
Java、PHP、 JavaScriptとHTMLの強調表示をサポート。</p>
<p><a class="comments_l" target="_blank" href="http://ecco.sourceforge.net/">公式サイト</a><br class="comments_h"></p>
<h3>CodeRun Studio</h3>
<p><a href="http://www.coderun.com/studio/" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-16.jpg" alt="20100220-16" title="20100220-16" width="600" height="393" class="alignnone size-full wp-image-2569" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-16.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-16-300x196.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
C#/.NET (3.5)、PHP (5.1)、JavaScript、HTML、CSSをサポートしています。<br />
.NETは今の所はここだけしかサポートしていないようなので貴重な存在です。</p>
<p>データベースはSQL Server 2005およびAmazon SimpleDBを使用できます。</p>
<p><a class="comments_l" target="_blank" href="http://www.coderun.com/studio/">公式サイト</a><br class="comments_h"></p>
<h3>EtherPad</h3>
<p><a href="http://etherpad.com/" target="_blank"><br />
<img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-17.jpg" alt="20100220-17" title="20100220-17" width="600" height="376" class="alignnone size-full wp-image-2580" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-17.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/20100220-17-300x188.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>プログラミング用ではないですが、複数人でリアルタイムに編集する場合などに、更新履歴がとても見やすくなっていたりします。<br />
編集したユーザーが色分けされるなど、後から見た時に大変便利な機能が満載です。</p>
<p><a class="comments_l" target="_blank" href="http://etherpad.com/">公式サイト</a><br class="comments_h"></p>
<p>環境によっては自由にソフトが入れられない場合があるので、そういう時に重宝しそうです。</p>The post <a href="https://blog.verygoodtown.com/2010/02/programining-online-ide-17/">プログラマのための便利なオンラインエディタ厳選17個まとめ</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/programining-online-ide-17/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2534</post-id>	</item>
		<item>
		<title>JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</title>
		<link>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/</link>
					<comments>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/#comments</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 16 Feb 2010 11:42:39 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Dojo]]></category>
		<category><![CDATA[Glow]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[online IDE]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[Vanilla]]></category>
		<category><![CDATA[YUI]]></category>
		<category><![CDATA[オンラインエディタ]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2354</guid>

					<description><![CDATA[<p>jsFiddleはJavaScriptのフレームワークの動作を確認できるオンラインエディタです。 エディタは４つのブロックに分かれています。 HTMLエディタ CSSエディタ JavaScriptエディタ 出力 使用する [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/">JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle.png" alt="jsFiddle" title="jsFiddle" width="600" height="422" class="alignnone size-full wp-image-2356" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle-300x211.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<a href="http://jsfiddle.net/" target="_blank">jsFiddle</a>はJavaScriptのフレームワークの動作を確認できるオンラインエディタです。</p>
<p><span id="more-2354"></span></p>
<p>エディタは４つのブロックに分かれています。</p>
<ul>
<li>HTMLエディタ</li>
<li>CSSエディタ</li>
<li>JavaScriptエディタ</li>
<li>出力</li>
</ul>
<p>使用するフレームワークとバージョンを選択し、「RUN」ボタンを押すだけで簡単に実行させることができます。<br />
フレームワークにはMooTools、jQuery、Dojo、Prototype、YUI、Glow、Vanilla、processingが使用できました。</p>
<p>作成した内容には独自のURLが割り振られるため、後から共有することも可能になっています。</p>
<p>さくっと色々試せるので、フレームワークの比較とかには良いかもしれません。</p>The post <a href="https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/">JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2354</post-id>	</item>
	</channel>
</rss>
