<?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>AJAX | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Tue, 24 Feb 2015 05:44:19 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>ブラウザで使えるWYGIWYGエディター</title>
		<link>https://uda2.com/blog/wygiwyg_editer/</link>
					<comments>https://uda2.com/blog/wygiwyg_editer/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Sat, 07 Nov 2009 19:00:32 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[WYGIWYG]]></category>
		<guid isPermaLink="false">http://uda2.com/blog/?p=847</guid>

					<description><![CDATA[<p>新着情報をユーザー側で編集できるシステムを作ろうとTEXTAREAをWYSIWYGにするオープンソースなAJAXを探した。 TinyMCE：有名で高性能だけど重い。LGPLライセンス。 FCKeditor：高性能だけどさ</p>
The post <a href="https://uda2.com/blog/wygiwyg_editer/">ブラウザで使えるWYGIWYGエディター</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<div><img fetchpriority="high" decoding="async" class="size-full wp-image-848" title="WS000000_s" src="http://uda2.com/blog/wp-content/uploads/WS000000_s.jpg" alt="YUIのWYSIWYGエディタ" width="450" height="200" /></div>
<p>新着情報をユーザー側で編集できるシステムを作ろうとTEXTAREAをWYSIWYGにするオープンソースなAJAXを探した。<br />
<a href="http://tinymce.moxiecode.com/index.php" target="_blank">TinyMCE</a>：有名で高性能だけど重い。LGPLライセンス。<br />
<a href="http://www.fckeditor.net/default.html" target="_blank">FCKeditor</a>：高性能だけどさらに重い。LGPLライセンス。<br />
<a href="http://ckeditor.com/" target="_blank">CKEditor</a>：FCKeditorを更に高性能に軽くなった。LGPLライセンス。<br />
PunyMCE：TinyMCEの軽量版高速だけどGPL、LGPL、MPLライセンス。<br />
<a href="http://freerichtexteditor.com/" target="_blank">Free Rich Text Editor</a>：ライセンスはCCなので使えるけど小窓表示がうっとうしい。<br />
<a href="http://xinha.webfactional.com/" target="_blank">Xinha</a>：高機能だけど重い。BSDライセンス。<br />
<a href="http://jhtmlarea.codeplex.com/" target="_blank">jHtmlArea</a>：jQueryなWYSIWYGエディタ、機能は少なすぎる。（h1にしてしまうとpに戻らない。IEで表示が変）<br />
<a href="http://code.google.com/p/jwysiwyg/" target="_blank">jwysiwyg</a>：jQueryなWYSIWYGエディタ、機能は少なすぎLGPLライセンス。<br />
<a href="http://spaweditor.com/en/disp.php/en_products/en_spaw/en_spaw_intro" target="_blank">SPAW Editor</a>：UIも美しくタブが使え高性能だけど重く小窓を多用しGPLライセンス。<br />
<a href="http://koivi.com/WYSIWYG-Editor/" target="_blank">TTW HTML Editor</a>：機能が微妙（テーブルが作れるのに画像は貼れない）更新が止まってる。<br />
<a href="http://developer.yahoo.com/yui/editor/" target="_blank">YUI Rich Text Editor</a>：機能は必要十分でYahoo!なので安心、動作も重くなくBSDライセンス。ただ、読み込むライブラリ数が多いのでごちゃつく。<br />
<a href="http://nicedit.com/index.php" target="_blank">NicEdit</a>：シンプルで機能の追加もできMITライセンス。</p>
<p>今回試した中では<strong>「CKEditor」</strong>がいい感じだったか、作る予定のシステムは仕事で使う可能性が高いので、GPL系のライセンスはソースを公開する必要があり商用には使えない。<br />
jQueryなのはカスタムするのを前提ならいいものになるかもしれないけど、そのままだと他と比べ劣る。<br />
ライセンス的にも動作的にも安心できるのは<strong>YUIのRich Text Editor</strong>だけどprototypeとかjQueryを使うときに衝突しないか不安になるので長い目で見ると問題あるかもしれないし、読み込むファイルが多く、足が遠のく。<br />
色々考えたあげく<strong>「NicEdit」</strong>を日本語化して使う事にした。</p>The post <a href="https://uda2.com/blog/wygiwyg_editer/">ブラウザで使えるWYGIWYGエディター</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/wygiwyg_editer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Yahoo!の校正とルビのテスト</title>
		<link>https://uda2.com/blog/yahoo/</link>
					<comments>https://uda2.com/blog/yahoo/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Wed, 06 Aug 2008 19:47:26 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Yahoo]]></category>
		<guid isPermaLink="false">http://uda2.com/wordpress/2008/08/yahoo.html</guid>

					<description><![CDATA[<p>先月のWEB CREATORSを今頃になって読み始めた。 こういうHOWTOものはちょっと油断すると買った事に満足してあまり読まなくなる事が多い。 この雑誌にYahoo!の校正支援の記事が載っていて、書いた文章を校正して</p>
The post <a href="https://uda2.com/blog/yahoo/">Yahoo!の校正とルビのテスト</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p>先月の<a href="http://www.mdn.co.jp/index.php?option=com_content&#038;task=view&#038;id=269&#038;Itemid=" target="_blank">WEB CREATORS</a>を今頃になって読み始めた。<br />
こういうHOWTOものはちょっと油断すると買った事に満足してあまり読まなくなる事が多い。<br />
この雑誌にYahoo!の<a href="http://developer.yahoo.co.jp/jlp/KouseiService/V1/kousei.html" target="_blank">校正支援</a>の記事が載っていて、書いた文章を校正してくれるらしい「スゲー」と思ってYahoo!デベロッパーネットワークを見てみると<a href="http://developer.yahoo.co.jp/jlp/FuriganaService/V1/furigana.html" target="_blank">ルビ振り</a>ってのもあった。<br />
そこで、雑誌のソースを元に校正支援とルビ振りの実験をしてみた。<br />
このソースでは<a href="http://www.prototypejs.org/" target="_blank">prototype.js</a>って超有名なライブラリと<a href="http://www.kawa.net/works/js/jkl/parsexml.html" target="_blank">jkl-parsexml.js</a>って聞いたことの無いライブラリを使って表示する仕組みらしい、jkl-parsexml.jsはXMLをjavascriptで読める様にするものらしい。<br />
PHPですればいいのにとも思ったけどコレが結構単純で分かりやすい。<br />
んで、できたのが<a href="http://uda2.com/yahoo/" target="_blank">コレ</a>。<br />
やってみて気づいたんだけど、校正もルビも正確な答えを返す訳ではない。コレって実用する事があるんだろうか・・・</p>The post <a href="https://uda2.com/blog/yahoo/">Yahoo!の校正とルビのテスト</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/yahoo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログパーツ</title>
		<link>https://uda2.com/blog/post_37/</link>
					<comments>https://uda2.com/blog/post_37/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Sat, 14 Jun 2008 18:29:20 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[カラーピッカー]]></category>
		<category><![CDATA[ブログパーツ]]></category>
		<guid isPermaLink="false">http://uda2.com/wordpress/2008/06/post_37.html</guid>

					<description><![CDATA[<p>結構前から構想してたがなかなか特価部の方に時間を食われてできなかったブログパーツが完成した。iTunes StoreブログパーツみたいにFlashで作ろうかとも思ったけどサイズを自由に変更できて文字を確実に見せるにはFl</p>
The post <a href="https://uda2.com/blog/post_37/">ブログパーツ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img decoding="async" alt="blogparts_150x240.png" src="http://uda2.com/blog/upimages/blogparts_150x240.png" width="150" height="240" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>結構前から構想してたがなかなか特価部の方に時間を食われてできなかったブログパーツが完成した。<del datetime="2015-02-23T08:55:00+00:00">iTunes Storeブログパーツ</del>みたいにFlashで作ろうかとも思ったけどサイズを自由に変更できて文字を確実に見せるにはFlashだと面倒なのでインラインフレームの方式にした。<br />
（予定が早まったのでコミュニティの方はかなり雑になってしまった・・・）<br />
とりあえずは出来たのだが色の指定の方法がでクレームが付いて直すことになった。<br />
その指摘は「色コードが分からないという」という事だった、構想の段階では「色コード分かるかな～」と思ってたのだが制作に入るとすっかり忘れていた、ということで直す事になったがカラーピッカーを作るのがめんどくさい、昔作ったはずなんだがどっかにいったし、自分が作ったのだとしょぼいしブラウザの対応とか考えると遠い話になってくるそこでオープンソースなAJAXを使うことにした。<br />
AJAXなカラーピッカーも結構ある選ぶ参考にしたのが<a href="http://javascriptist.net/docs/libraries_colorpicker.html" target="_blank">JavaScriptist</a>（トップページが怖いサイト）<br />
<a href="/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx" target="_blank">PhotoShop-like JavaScript Color Picker</a><br />
JavaScriptistじゃないところからみつけたPhotoShop風カラーピッカー、デザイン的には一番いい感じだけどでかい。<br />
<a href="http://www.acko.net/dev/farbtastic" target="_blank">jQuery color picker</a><br />
Painter風カラーピッカー、これもかっこいいし、jQueryを使ってるのでなんか安心<br />
<a href="http://www.knallgrau.at/code/colorpicker" target="_blank">ColorPicker(script.aculo.us)</a><br />
windows風カラーピッカー、script.aculo.usとかいうのを使ってるらしいがよく分からんので調べてみたらprototype.jsに追加するものらしい、見た目は上の２つに劣るがポップアップなのでいい感じだ。<br />
結局、ColorPicker(script.aculo.us)を使うことにした、見た目は画像とCSSをいじって調整することにした。設置は簡単に終わった。見た目のほうはフィーダーの画像を作り直して、CSSの方はボタンの色を変更して、なぜかカラーピッカーの下のカラーコードが入るテキストボックスのフォントサイズが変になったのでテキストボックスのサイズを変更した。<br />
結果的に、このブログを書く時間やAJAXを探す時間よりも早くできた。<br />
ブログパーツを紹介するサイトに登録しているうちにすごいのを発見した。<br />
<del datetime="2015-02-23T08:55:00+00:00">ブログパーツ｜1-click Award</del><br />
とりあえず、このサイトあまり深く見ると自信をなくしそうなので見ないようにします。</p>The post <a href="https://uda2.com/blog/post_37/">ブログパーツ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/post_37/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>GDを使って激安な価格表示その2</title>
		<link>https://uda2.com/blog/gd2/</link>
					<comments>https://uda2.com/blog/gd2/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Tue, 27 May 2008 06:27:01 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Cropper]]></category>
		<category><![CDATA[PHP]]></category>
		<guid isPermaLink="false">http://uda2.com/wordpress/2008/05/gd2.html</guid>

					<description><![CDATA[<p>前回の価格表示を画像に埋め込む事にした。 前に作った価格.comとconeco.netとベストゲートとベストプライスの比較サイトを一括でチェックするやつに追加する感じで入力していくとブログに貼るソースデータを作れる様にし</p>
The post <a href="https://uda2.com/blog/gd2/">GDを使って激安な価格表示その2</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p>前回の価格表示を画像に埋め込む事にした。<br />
前に作った価格.comとconeco.netとベストゲートとベストプライスの比較サイトを一括でチェックするやつに追加する感じで入力していくとブログに貼るソースデータを作れる様にしたかったので、それを更にハッティンさせて画像をトリミングしてその中に価格表示を埋め込む事にした。<br />
今回の肝は「<a href="http://defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/" target="_blank">jsCropperUI</a>」というやつだ。<br />
<a href="http://defusion.org.uk/demos/060519/cropper.php" target="_blank"><strong>demo</strong></a><br />
半年以上前から存在は知ってたんだけど「いつかやろう」とほったらかしていた。<br />
どうも、AJAXとかオープンソース系は乗り気になれないんだけど。こんなの自分では作れないのでトリミング座標はcropperに任せて作ったんだけどずっとjavascriptエラーがでてる。<br />
深刻なエラーではないのか普通に動作はするんだけど気になる。<br />
エラーの場所を見るとデバッグみたいな英語が書いてあったので「いらないか」と思って消したら、エラーがでなくなった。<br />
<del datetime="2015-02-24T04:44:35+00:00">http://uda2.com/blog/price/</del><br />
まだ、細かいトコ詰めてないんで動作が怪しいけど、これのおかげてそんなに安くないのについつい載せてしまった。<br />
あと残る問題は見に来る人が少ない事だけだ・・・・</p>The post <a href="https://uda2.com/blog/gd2/">GDを使って激安な価格表示その2</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/gd2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
