2010年9月 7日(火) 17:26 JST

geeklogの静的ページを外から編集(javascriptAIR)

  • 2010年6月 6日(日) 01:30 JST
  • 投稿者:
    kuci
  • 閲覧数
    114
Geeklog

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://www.widgetown.com/contents/air_seamless_install/installmaker.htmlで作らせていただきました

トラックバック

このエントリのトラックバックURL:
http://portal-sight.com/gl/trackback.php?id=20100606013018131

[...] Button to your Blog or Web Site. WordPress Web Sites 2 tweets tweet 2 tweets tweet 2 All 0 Influential geeklogの静的ページを外から編集 - 月見草な薬剤師の、メモログ portal-sight.com/gl/article.php?story=20100606013018131 – view page – cached 2. [...] 続きを読む

表示形式
コメント投稿

コメントは投稿者の責任においてなされるものであり、サイト管理者は責任を負いません。