Download List

Projeto Descrição

Now that is fast becoming the standard, to provide a content editing tool that is separate from the flow of ideas by Home → blog so far is HTML5.

Technology to use, the client side (including Web fonts) CSS3, Canvas, etc. It is also likely to center in HTML5 and JavaScript (jQuery mainly). If you need a server-side it will be a PHP.

License adopts MIT.

System Requirements

System requirement is not defined
editors
0.2

Liberado: 2013-03-09 20:17
editors 0.2 (2 files Esconder)

Release Notes

editorsプロジェクトとは?

今までにない(butもうすぐそこにある)UI/UXを実現するプロジェクトです。
このリポジトリでは「editors」で利用するライブラリを開発&公開してきます。

現在、サービスそのもののリファクタリング中のため、editorsで利用している機能をなるべく単体で切り出していく予定です。
大雑把には「誰でも簡単に雑誌が作れるサービス editors」のコードリファクタリングを主目的としていますが、副産物としてjQuery MobileやBackbone.js等のフレームワーク(仮称:Hybrid framework)の構築も考えています。
(editorsライブラリとの棲み分けはある程度決まっていますが、追々整理して明確化していきます。)

いまだ基盤整備中なため地味なユーティリティ系が続きますが、少しずつ機能を追加していきます。

いずれにしても先人の知恵にたくさんの恩恵を得ていますので、極力ライセンスには留意していきますが、もし不備や誤解釈などがありましたら、ご指摘いただけますと幸いです。

プラグイン一覧

jquery.cdnLoader.js
外部スクリプト(JSやCSS)の参照元に複数のCDNを指定可能なjQueryプラグイン
バージョン:0.1
このプラグインについてのブログ
jquery.storage.js
WebStorageをcookieライクに利用可能なjQueryプラグイン
バージョン:0.1
このプラグインについてのブログ

jquery.cdnLoader.js

CDNホストされているソースを利用したいが、外部依存のため、万が一のトラブルに備えて、GitHubやGoogle等の複数のCDNを選択可能にするプラグインです。
また、どうしても何らかの要因でCDNからドロップしてしまった場合にはローカル(自サーバ)に保存したソースを指定しておくことで、より安定したWebアプリケーション構築が可能です。

Modernizr.jsyepnope.jsのtestでは、404エラーや301,302等による別ホスト切り替えには対応していなかったようなので作成したものです。
Firefox[19.0.2] / GoogleChrome[25.0.1364.xxx] / Safari[6.0.2 & 5.1.7] / Opera[12.14] / Sleipnir[4.1 & 2.9.5]についてはOSX/Windows7、さらにInternet Exproler[9.0.8112.xxxxx]およびiOS[6.1.2]でも動作確認済みです。
※[]内はOSXの確認バージョン

このうち、Windows7のSafariでCSSを読み込む際に"Access-Control-Allow-Origin"の許可がないとエラーが発生しています。
(この場合はローカルに保存したCSSを読み込みます)

<jquery.cdnLoader.js>

http://osdn.dl.sourceforge.jp/editors/58300/jquery.cdnLoader.js

<簡単な利用方法>

// jQuery依存コードのため、jquery.jsのみは事前ロードしておいてくださいm(__)m // 下記は「jquery-ui.min.js」をjquery.com→googleの順で読み込む例です。 // 正常にロードされた時点でsuccessハンドラが実行されます。 $.cdnLoader( { src: [ "//code.jquery.com/ui/1.10.0/jquery-ui.min.js", "//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js", "client/jquery/jquery-ui.min.js" ], success: function(data) { }, error: function(e) { console.log( e.statusText ); } } );

jquery.storage.js

localStorage、sessionStorageを扱うjQueryプラグインを公開します。
※デフォルトではないsessionStorageは参照のパラメータ指定に不都合があり、まだ使えません。
 設計(API等)を見直す可能性があります。

配列、JSON形式も保存/参照可能です。
cookieのようにexpire設定(日数単位)にも対応しています。

ドメインごとに管理されるWebStorageですが、このプラグイン以外でも利用されていることを想定し、その衝突防止の目的で、内部的に扱うkey名には"jquery.storage."のプレフィクスを付けています。
またWebStorageネイティブのclear()は利用せず、独自にプレフィクスを含むkey名を削除するような極力セーフティな設計&実装にしています。

<jquery.storage.js>

http://osdn.dl.sourceforge.jp/editors/58300/jquery.storage.js

<簡単な利用方法>

var hoge = "hogehoge"; // オプション無しのデフォルトは"local"(localStorage) $.storage( "hoge", hoge ); alert( $.storage( "hoge" ) ); // expireを指定 $.storage( "hoge", hoge, { expire : 1 } ); // 配列 var foo = [ "a", "b", "c" ]; $.storage( "foo", foo ); var result = $.storage( "foo" ); for ( var i in result ) { alert( result[i] ); } // JSON var json = { "A" : 100, "B" : 200, "C" : 300 }; $.storage( "json", json ); var result = $.storage( "json" ); for ( var i in result ) { alert( result[i] ); }

Changelog

2013-03-12<br />
jquery.cdnLoader.jsを新規追加