ClientUserConsole - ぺったんR Wiki - ぺったんR

ログインユーザーコンソール

• ログイン後のユーザーの操作、及び ログインには javascript が有効である必要がある．
• ログイン後のユーザーは、ログインユーザーコンソールを操作してサービスの様々な機能を利用する．
• ログインユーザーコンソールはコミック・コマの制作、画像の管理といった複数のアプリケーションからなる．
• js 製システム( system.js )に対して、ぺったんR 用ドライバー、ぺったんR用アプリケーションを登録することで、ぺったんR 用クライアントアプリが使えるようになる．

Version

この記述は Client Version 0.5.x 以降について．Client Version 0.4.x についてはまとまったドキュメントはなく、このページの履歴とソースを参照．

libs.js

• Type
  • 型の判定
• UA
  • UserAgent 判定．dojo より．createIframe で dojo のコードを使うため．
• Util
  • DOM 操作とか
• CSS
  • DHTML で使用する css プロパティについて、単位変換機能付きのアクセスができたり．
  • system.DHTML で存分に使用．
• Position
  • 要素の文書中の位置を取得．

system.js

• ひとつのページで複数の js 製アプリケーションを起動する、異なる ドメイン から取得したデータを共通のインターフェイスで扱う ための js 製システム を追加．独自イベント伝播ツリー、ローカルファイルのドロップイベントのラッパー．
• ClientSystem, ClientEventTree

peta.common.js

ぺったんR サイト閲覧時、ログインしてコミック・パネルの作成時、外部ブログ等への張り出し時 に共通で使われるコード．

• pettnar
• pettanr.CONST
  • image 等 リソースの url など．
• pettnar.balloon
  • クロスバックエンドな吹きだし画像のためのラッパーの発行．XbackendSpeachBalloon
  • SVG, VML といったベクター画像で吹きだし(balloon)を描画する（ベクター画像のサポートがない場合は代替画像を表示する）
  • AboutSpeachBalloon
• pettnar.image
  • クロスバックエンドな、Reversible Image のためのラッパーを発行．XbackendReversibleImage
  • css3, VML, SVG, ActiveX, Flash, (canvas?) サーバー側で生成した反転画像 を使用して画像の反転を行う．
  • 透過 PNG のサポートが甘い IE6 以下にたいして、VML, Flash, ActiveX+サーバー画像 による描画サポートを行う．PngFix
  • PictureIo
• pettnar.i18n まだ
  • マルチ言語情報の保持．言語変更イベントの管理．

peta.apps.js

ログイン後のユーザー（管理者）の操作．コミック・画像の管理やコマの作成．

ファイルドライバー

• Driver
  • ぺったんR サーバ上にある json 等のリソースをファイルシステムに登録、利用するためのファイルドライバ．
  • json データの格納構造と着眼点 ClientResourceModel

アプリケーション

• Gallery
  • 画像フォルダの閲覧アプリ．実体はぺったんR 画像フォルダをルートとするファイダーのラッパー．
• Cabinet
  • コミックフォルダの閲覧アプリ．実体はぺったんR コミックフォルダをルートとするファイダーのラッパー．
• PremiumSatge
  • 画像ビューワー
• TextEditor
  • 吹き出しのテキスト入力用．現在はリッチテキスト機能なし、、、
• パネルエディター ClientPanelEditor
  • パネルを編集するためのエディター．ログインユーザーコンソール ではもっとも巨大なアプリケーション．
• コミックコンソール
  • コミックの新規作成．編集．
• パネルコンソール
  • パネルの json データをアップしてパネルを登録・更新するためのもの．開発用．
• アーティストコンソール
  • 絵師登録用．
• アウトプットコンソール
  • データエクスポート用のコンソール．開発・ユーザーのデバッグ用．
• アップロードコンソール
  • 画像のアップロード