月見草な薬剤師の、メモログ

 geeklogの静的ページを外から編集(javascriptAIR) のコードを、別のRIA選択肢AppceleratorのTitanium に移植してみました。HTML、javascriptに加えてRuby,Python,phpのコードを使えるので、通信部分をそれに置き換えることも考えましたが、元々用意されてるもので対応できそうだったので、通信部分をTitaniumで用意されているものに変えるだけにしました。

まずはTitaniumはAIRでいうところのサンドボックスがないみたいなので、AIRで仕方なくeditareaを別のフレームにしていた部分を修正。

あとはAIRの通信部分をhttp://developer.appcelerator.com/question/14081/using-ajax-in-titanium のコード

function getMapData(){ var xhr = Titanium.Network.createHTTPClient(); Titanium.API.info('yo2'); xhr.onload = function() { Titanium.API.info('API.INFO'); Ti.API.info('xml ' + this.responseXML + ' text ' + this.responseText); }; Titanium.API.info('yo3'); // open the client xhr.open('GET','http://www.xxx.com/xxx.php'); Titanium.API.info('yo4'); // send the data xhr.send(); Titanium.API.info('yo5'); }

に置き換えて修正。他にもこまごまとした修正ありつつ、ほぼ同じものになりました。

http://api.appcelerator.net/p/pages/app_page?token=M4mvwt34

にOSごとにインストールパッケージになってます（自動で作ってくれるので便利。でもwindows以外は未確認）

 

APIドキュメントなどは http://developer.appcelerator.com/documentation

 

geeklog標準の静的ページ編集画面がちょっとトライ＆エラーで使うには画面遷移が使いにくいので、改良しようと思って、編集画面にjavascriptでゴニョゴニョ手を加えようと思いましたが面倒そうなので方針転換。

ブラウザは見る用、で、edit_area+jquery+AdobeAIR製(ActionScriptじゃなくjavascript)、geeklogのwebservicesを使って静的ページを編集するクライアントを作ってみました

内容取得（GET）、新規投稿（POST）、編集（PUT）、削除（DELETE）の中で、GETとPUT(存在しないsp_idで投稿すると新規登録になる)を実装。その他画面は必要最低限以外は未完成。

HTMLとjavascriptの範囲内で出来るはずなので、手を出して完成度を上げていってくださるとありがたいです。

editareaを表示してる部分についてはeditareaについてるサンプルを切り貼りしただけです edit_areaをckeditorに変えて、投稿URLやオプションを記事用にしたら、ブログ投稿用としても使えるハズ

使い方

1. geeklog側はコンフィギュレーション-その他-webサービスを有効に
2. AIRなので、まずはhttp://get.adobe.com/jp/air/からAIRをダウンロード＆インストール
3. http://bitbucket.org/kucici/glatomstaticeditor/downloads からAIRファイルをダウンロード＆インストール＆スタート。デバッグ機能残ってるのはご愛嬌ということで
4. サイトURLはトップページのURLを（もしindex.phpも表示されるならそれも含めて） 後は雰囲気でなんとなく使えるハズ。

参考

AdobeAIR(javascript)

• http://www.hakkaku.net/series/javascript%E4%BD%BF%E3%81%84%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEair%E5%85%A5%E9%96%80
• http://d.hatena.ne.jp/Hamachiya2/20090116/air
• http://d.hatena.ne.jp/Hamachiya2/20090118/adt
• http://www.adobe.com/jp/devnet/air/ajax/getting_started.html
• http://help.adobe.com/ja_JP/AIR/1.1/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7fa7.html

jquery

• http://jquery.com/
• http://semooh.jp/jquery/

edit_area

• http://www.cdolivet.com/index.php?page=editArea

ついったーで、 http://twitter.com/keithr2/status/12632646326

PC内を探してみたところ、flashpalette.swfについては、たぶんこれかな？というものを発見したのでアップロード

http://www.portal-sight.com/gl/images/library/Flash/flashpalette.swf

元々、自作のemojiプラグイン？php_autotag？の入力補助に作ったものですが、いつの間にかemojiというタグは、、。幸か不幸か番号付けが同じだったみたいで、冒頭のツイートを頂戴しました。私がemojiプラグイン全体をいまさら公開したらややこしい事になるし、勝手な思い込みかもしれないけれど確実に作者の信頼感的にパチモンになりそうなので、とりあえずemojiタグ入力補助用のコレだけ公開。

ご自由に持って行って下さい

http://dspt.blog59.fc2.com/blog-entry-57.htmlで公開されていた絵文字画像を使っています。

二次配布される時は当サイトやhttp://dspt.blog59.fc2.com/blog-entry-57.htmlのサイトへのリンクをしていただけるとうれしいです

以下のお約束守れない方は使わないほうがいいと思います

全て自己責任。これを使う事によるトラブルその他一切の事に関してhttp://dspt.blog59.fc2.com/blog-entry-57.htmlへ問い合わせしないように。私への問い合わせはしていただいても構いませんが、一般常識のある人からで私が答えられる内容で本職が立て込んでない時（で私が興味を持つ内容なら優先的に）は、お答えできると思います。

著作権は放棄してません。（放棄するのはいつでもできますので、まぁそのうち）

ついでにGPLじゃありません。（ソースコードを一緒に公開してないので一目瞭然ですね。ソースコードをリファクタリング的な事したら公開するかも） 

http://geeklog.crimsonj.net/article.php/20100426114150457で紹介していただきました

 

一月にサーバーの全てのデータ消滅トラブルで入れなおしたばかりのあれこれが、今度はMySQLが全然動かない状態で放置され、サーバー移転した。ということで一切合財入れなおし。geeklogのインストーラーって不親切。プレチェックが無かったら初めて入れる人は不安だらけだと思う。自動インストーラーがあるからいいや。ってことだろうけど

初めて入れなくても、私の場合はMODx,Prestashopの後に入れたから、ワンステップずつ画面遷移する前にチェックしてくれる前２つに対して、、、、

DBサーバー使うものはWebとDB両方がまともに生きてないと全く使えないということを身をもって実感。

DBを使わないものはwikiだと、dokuwiki以外も、puki,pyuki,yuki,FreeStylewiki,Twikiなどなど使ったことがある

ブログだとSQLiteを使えるものは、非公式対応のWPとnucleusと公式対応のserendipity、あとはSOYCMSぐらいしか見つけられなかった。こういうのを検討するのもありかも

ブログはweblogでweb日記といってたけど、日記なら時系列に並べばいいので、昔からある掲示板CGIとかもブログっぽく見えると思うので、そうなるともっと選択肢は広がるかな。