OSDN Git Service

version0.4.29, added export console.
authoritozyun <itozyun@gmail.com>
Tue, 15 May 2012 00:02:49 +0000 (09:02 +0900)
committeritozyun <itozyun@gmail.com>
Tue, 15 May 2012 00:02:49 +0000 (09:02 +0900)
53 files changed:
0.4.x/javascripts/common.js
0.4.x/javascripts/system.js
0.4.x/javascripts/work.js
0.4.x/json/comics.json
0.4.x/json/original_pictures.json
0.4.x/json/resource_pictures.json
0.4.x/resource_pictures/1751.gif [deleted file]
0.4.x/resource_pictures/1752.gif [deleted file]
0.4.x/resource_pictures/1753.gif [deleted file]
0.4.x/resource_pictures/1754.gif [deleted file]
0.4.x/resource_pictures/1876.gif [deleted file]
0.4.x/resource_pictures/1877.gif [deleted file]
0.4.x/resource_pictures/1878.gif [deleted file]
0.4.x/resource_pictures/1885.gif [deleted file]
0.4.x/resource_pictures/1886.gif [deleted file]
0.4.x/resource_pictures/1887.gif [deleted file]
0.4.x/resource_pictures/1891.gif [deleted file]
0.4.x/resource_pictures/1892.gif [deleted file]
0.4.x/resource_pictures/1893.gif [deleted file]
0.4.x/resource_pictures/1894.gif [deleted file]
0.4.x/resource_pictures/1911.gif [deleted file]
0.4.x/resource_pictures/1946.gif [deleted file]
0.4.x/resource_pictures/1947.gif [deleted file]
0.4.x/resource_pictures/1987.gif [deleted file]
0.4.x/resource_pictures/1990.gif [deleted file]
0.4.x/resource_pictures/20.gif
0.4.x/resource_pictures/2084.gif [deleted file]
0.4.x/resource_pictures/2153.gif [deleted file]
0.4.x/resource_pictures/2157.gif [deleted file]
0.4.x/resource_pictures/2158.gif [deleted file]
0.4.x/resource_pictures/2165.gif [deleted file]
0.4.x/resource_pictures/2168.gif [deleted file]
0.4.x/resource_pictures/22.gif
0.4.x/resource_pictures/2276.gif [deleted file]
0.4.x/resource_pictures/2277.gif [deleted file]
0.4.x/resource_pictures/2278.gif [deleted file]
0.4.x/resource_pictures/2279.gif [deleted file]
0.4.x/resource_pictures/2287.gif [deleted file]
0.4.x/resource_pictures/2288.gif [deleted file]
0.4.x/resource_pictures/2299.gif [deleted file]
0.4.x/resource_pictures/2312.gif [deleted file]
0.4.x/resource_pictures/2313.gif [deleted file]
0.4.x/resource_pictures/2314.gif [deleted file]
0.4.x/resource_pictures/52.gif
0.4.x/resource_pictures/thumbnail/1.png [deleted file]
0.4.x/resource_pictures/thumbnail/2.png [deleted file]
0.4.x/resource_pictures/thumbnail/3.png [deleted file]
0.4.x/resource_pictures/thumbnail/4.png [deleted file]
0.4.x/resource_pictures/thumbnail/5.png [deleted file]
0.4.x/resource_pictures/thumbnail/6.jpeg [deleted file]
0.4.x/stylesheets/common.css
0.4.x/stylesheets/work.css
0.4.x/work.html

index 41d9bb2..3711638 100644 (file)
@@ -1,6 +1,6 @@
 /*\r
  * pettanR common.js\r
- *   version 0.4.28\r
+ *   version 0.4.29\r
  * \r
  * author: itozyun\r
  */\r
@@ -10,7 +10,7 @@
  */\r
        var Type = {\r
                isObject : function(v) {\r
-                       return v !== null && Type.isArray(v) === false && typeof v === 'object';\r
+                       return v !== null && typeof v === 'object';\r
                },\r
                isFunction : function(v) {\r
                        return typeof v === 'function';\r
@@ -758,12 +758,14 @@ pettanr.view = ( function(){
        }\r
        \r
        var AbstractApplication = function(){\r
+               var instance;\r
                this.displayName = 'app name';\r
                this.ID = 'app id';\r
                this.rootElement = null;\r
                this.parentElement = null;\r
                this.nextSibling = null;\r
                this.open = function( _w, _h /*, _option */ ){\r
+                       instance = this;\r
                        if( this.MIN_WIDTH > _w || this.MIN_HEIGHT > _h ){\r
                                if( Type.isHTMLElement( this.rootElement ) === true ){\r
                                        // 小さすぎる!、と表示\r
@@ -788,6 +790,9 @@ pettanr.view = ( function(){
                        // overrride\r
                        return true;\r
                } // false の場合、close の拒否 \r
+               this.addEventListener = function(){\r
+                       \r
+               }\r
        }\r
        AbstractApplication.prototype = new AbstractBasicPane();\r
        \r
@@ -1099,21 +1104,21 @@ pettanr.key = ( function(){
                log.html( [ e.keyCode, e.shiftKey, e.ctrlKey, e.altKey, e.type].join( ','));\r
                //keyOperationChatcher.val( '');\r
                var cancel = false,\r
-                       callback = e.type,\r
+                       type = e.type,\r
                        key = e.keyCode,\r
                        overlayEnabled = pettanr.overlay.visible === true,\r
                        currentViewID = overlayEnabled === true ? pettanr.overlay.currentID : pettanr.view.currentID;\r
-               if( callback === 'keypress') callback = 'keydown';\r
-               if( pettanr.form.keyEventRellay( e ) === false){\r
+               if( type === 'keypress') type = 'keydown';\r
+               if( pettanr.form.keyEventRellay( e ) === false ){\r
                        var shift = e.shiftKey,\r
                                ctrl = e.ctrlKey,\r
                                l = KEYEVENT_ARRAY.length,\r
                                d;\r
                        if( key === 16 || e.shiftKey === true){\r
-                               shiftEnabled = callback !== 'keyup';\r
+                               shiftEnabled = type !== 'keyup';\r
                        }\r
                        if( key === 17 || e.ctrlKey === true){\r
-                               ctrlEnabled = callback !== 'keyup';\r
+                               ctrlEnabled = type !== 'keyup';\r
                        }\r
 \r
                        for( var i=0; i<l; i++){\r
@@ -1126,24 +1131,26 @@ pettanr.key = ( function(){
                                        ( d.shift === undefined || d.shift === shift) &&\r
                                        ( d.ctrl === undefined || d.ctrl === ctrl)\r
                                ){\r
-                                       ( function( func, e){\r
-                                               func && setTimeout( function(){\r
-                                                       func( e);\r
-                                                       func = e = null;\r
-                                               }, 0);\r
-                                       })( d[callback], e);\r
+                                       Type.isFunction( d[ type ]) === true && new asyncCallback( d[ type ], e );\r
                                        cancel = true;\r
                                }\r
                        }\r
                }\r
                if( cancel === true || key === 18 || key === 9 || key === 27 || e.altKey === true){ // 13.enter 18.esc 9.tab 27.esc   || ( key === 13 && overlayEnabled === false)\r
                        e.preventDefault();\r
-               e.keyCode = 0;\r
+               e.keyCode      = 0;\r
                e.cancelBubble = true;\r
-               e.returnValue = false;\r
+               e.returnValue  = false;\r
                        return false;\r
                }\r
        }\r
+       function asyncCallback( func, e ){\r
+               window.setTimeout( _callback, 0 );\r
+               function _callback(){\r
+                       func( e );\r
+                       func = e = null;\r
+               }\r
+       }       \r
        \r
        var keyPress = pettanr.ua.isIE === true && pettanr.ua.ieRenderingVersion < 8 ? ( function( e){\r
                        var key = e.keyCode;\r
@@ -1164,7 +1171,7 @@ pettanr.key = ( function(){
                                .mouseenter( function(){\r
                                        jqWindow.focus();\r
                                });\r
-                       keyPress && keyOperationChatcher.keypress( keyPress );\r
+                       keyPress !== null && keyOperationChatcher.keypress( keyPress );\r
 \r
                        delete pettanr.key.init;\r
                },\r
@@ -1369,7 +1376,7 @@ pettanr.form = ( function(){
        }\r
 \r
        var FileInputClass = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID, validater, elmFileInput ){\r
-               validater = typeof validater === 'function' ? validater : null;\r
+               validater = Type.isFunction( validater ) === true ? validater : null;\r
                \r
                var elmFilePath = pettanr.util.getElementsByClassName( WRAPPER_ELM, 'file-path')[ 0],\r
                        value,\r
@@ -1501,6 +1508,7 @@ pettanr.form = ( function(){
                        var exist = false,\r
                                option = null, _option,\r
                                _index;\r
+                       _value = _value || displayValue;\r
                        for( var i = 0, l = optionList.length; i < l; ++i ){\r
                                if( _value === optionList[ i ].value ){\r
                                        option = optionList[ i ];\r
@@ -1664,6 +1672,10 @@ pettanr.form = ( function(){
        }\r
 \r
        function tabShift( _groupID, _index, _way ){\r
+               // currentApplication の確認\r
+               //if( _applicationID === ( pettanr.overlay.visible === true ? pettanr.overlay.currentID : pettanr.view.currentID )){\r
+               //      return;\r
+               //};\r
                var GROUP_ARRAY = FORM_GROUP_TABLE[ _groupID ] || [],\r
                        l = GROUP_ARRAY.length,\r
                        i = _index + _way,\r
@@ -1693,7 +1705,7 @@ pettanr.form = ( function(){
                        \r
                        var keyCode = e.keyCode;\r
                        var _groupID = currentItem.groupID,\r
-                                       _index = pettanr.util.getIndex( FORM_GROUP_TABLE[ _groupID ], currentItem );\r
+                               _index = pettanr.util.getIndex( FORM_GROUP_TABLE[ _groupID ], currentItem );\r
                        if( currentItem instanceof ComboBoxClass ) {\r
                                if( 37 <= keyCode && keyCode <= 40 ){ // ↑38 ←37 →39 ↓40\r
                                        OptionControl.change( keyCode === 40 );\r
@@ -1749,6 +1761,9 @@ pettanr.form = ( function(){
                createRadio: function(){\r
                        \r
                },\r
+               createSlider: function(){\r
+                       \r
+               },\r
                onWindowResize: function( w, h ){\r
                        windowW = w;\r
                        windowH = h;\r
@@ -1840,18 +1855,19 @@ pettanr.balloon = ( function() {
                draw( a, w, h );\r
                \r
                function draw( _a, _w, _h ){\r
-                       a = _a !== undefined ? _a : a;\r
-                       w = _w !== undefined ? _w - PADDING_TOP * 2 : w;\r
-                       h = _h !== undefined ? _h - PADDING_LEFT * 2 : h;\r
+                       a  = _a !== undefined ? _a : a;\r
+                       _a = a;// - 90;\r
+                       w  = _w !== undefined ? _w - PADDING_TOP * 2 : w;\r
+                       h  = _h !== undefined ? _h - PADDING_LEFT * 2 : h;\r
 \r
                        if( vectorEnabled === false){\r
-                               balloonElm.setAttribute( 'src', balloonUrlBuilder( a ));\r
+                               balloonElm.setAttribute( 'src', balloonUrlBuilder( _a ));\r
                                return;\r
                        }\r
                        \r
                        var rx = w /2,\r
                                ry = h /2,\r
-                               tailRad = a * DEG_TO_RAD,\r
+                               tailRad = _a * DEG_TO_RAD,\r
                                tailX = rx +( rx +TAIL_HEIGHT ) * cos( tailRad ),\r
                                tailY = ry +( ry +TAIL_HEIGHT ) * sin( tailRad ),\r
                                startX, startY, endX, endY;\r
@@ -1864,8 +1880,8 @@ pettanr.balloon = ( function() {
                        \r
                        for( var i = 45; i > 0.01; i /= 2){\r
                                d = ( tailDeg + i ) /2;\r
-                               startRad = ( a + d ) * DEG_TO_RAD;\r
-                               endRad = ( a - d ) * DEG_TO_RAD;\r
+                               startRad = ( _a + d ) * DEG_TO_RAD;\r
+                               endRad = ( _a - d ) * DEG_TO_RAD;\r
                                \r
                                _startX = rx +cos( startRad ) * rx;\r
                                _startY = ry +sin( startRad ) * ry;\r
@@ -1927,7 +1943,7 @@ pettanr.balloon = ( function() {
                \r
                function balloonUrlBuilder( _a ){\r
                        var d = 360 / NUM_BALLOON_IMAGE;\r
-                       _a += 90 + d / 2;\r
+                       _a = ( _a >= _a ? _a : _a + 360 ) + d / 2;\r
                        return [ 'system_pictures\/_w', _a < 360 - d / 2 ? floor( _a / d ) : 0, '.gif' ].join( '' );\r
                }\r
                this.elm = balloonElm;\r
@@ -2042,7 +2058,7 @@ pettanr.image = ( function(){
                                timer = window.setTimeout( asyncCallback, 10 );\r
                        }                       \r
                        function onLoad(){\r
-                               // if( finish === true ) return; // これがあると firefox3.6 で駄目、、、\r
+                               // if( finish === true ) return; // これがあると firefox3.6 で駄目、、、\r
                                // if( timer ) return; // これがあると safari3.2 で駄目、、、\r
                                finish = true;\r
                                timer !== null && window.clearTimeout( timer );\r
index 46c3f1d..23913d2 100644 (file)
@@ -1,6 +1,6 @@
 /*
  * pettanR system.js
- *   version 0.4.28
+ *   version 0.4.29
  *   
  * author:
  *   itozyun
@@ -1778,7 +1778,7 @@ pettanr.premiumSatge = pettanr.view.registerApplication( function(){
 
        elmButton.onclick = clickOK;
        
-       var BASE_PATH = pettanr.LOCAL === true ? 'resource_pictures\/' : pettanr.CONST.PETTANR_ROOT_PATH + 'resource_pictures\/',
+       var BASE_PATH = pettanr.LOCAL === true ? 'resource_pictures\/' : pettanr.CONST.RESOURCE_PICTURE_PATH,
                THUMB_PATH = BASE_PATH, // + 'thumbnail/',
                LIMIT_FILESIZE = 1024 * 10; // 10KB
 
index 8565e27..e9495ec 100644 (file)
@@ -1,6 +1,6 @@
 /*\r
  * pettanR work.js\r
- *   version 0.4.28\r
+ *   version 0.4.29\r
  *   \r
  * author:\r
  *   itozyun\r
@@ -417,8 +417,7 @@ pettanr.editor = pettanr.view.registerApplication( function(){
        var SAVE_CONTROL = ( function(){\r
                var SAVE = MENU_BAR_CONTROL.QUIT.createSelection( 'save', 'ctrl + S', quit, false),\r
                        SAVE_AND_QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'save & quit', null, quit, false, false, true),\r
-                       SAVE_AS_HTML = MENU_BAR_CONTROL.QUIT.createSelection( 'get as html', null, outputAsHtml, true, false, true),\r
-                       SAVE_AS_JSON_STRING = MENU_BAR_CONTROL.QUIT.createSelection( 'get JsonStr', null, outputAsJsonString, true, false, true),\r
+                       EXPORT = MENU_BAR_CONTROL.QUIT.createSelection( 'export', null, onExport, true, false, true),\r
                        QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'quit', null, quit, true, true),\r
                        updated = false;\r
                \r
@@ -426,21 +425,11 @@ pettanr.editor = pettanr.view.registerApplication( function(){
                        pettanr.editor.shutdown();\r
                }\r
                \r
-               function outputAsHtml(){\r
+               function onExport(){\r
                        pettanr.outputConsole.bootInOverlay(\r
-                               pettanr.outputConsole.HTML,\r
                                comicID, panelID, panelTimming,\r
                                PANEL_CONTROL.w(), PANEL_CONTROL.h(),\r
-                               1, // border, BackgroundImage\r
-                               PANEL_ELEMENT_ARRAY\r
-                       );\r
-               }\r
-               function outputAsJsonString(){\r
-                       pettanr.outputConsole.bootInOverlay(\r
-                               pettanr.outputConsole.JSON,\r
-                               comicID, panelID, panelTimming,\r
-                               PANEL_CONTROL.w(), PANEL_CONTROL.h(),\r
-                               1, // border, BackgroundImage\r
+                               2, // border, BackgroundImage\r
                                PANEL_ELEMENT_ARRAY\r
                        );\r
                }\r
@@ -1610,7 +1599,7 @@ pettanr.editor = pettanr.view.registerApplication( function(){
                                balloonW = _w !== undefined ? _w : balloonW;\r
                                balloonH = _h !== undefined ? _h : balloonH;\r
                                balloonA = _a !== undefined ? _a : balloonA;\r
-                               radA = balloonA *DEG_TO_RAD;\r
+                               radA = balloonA * DEG_TO_RAD;\r
                                tailX = FLOOR( ( ( COS( radA) /2 +0.5) *( balloonW +SIZE)) -SIZE /2);\r
                                tailY = FLOOR( ( ( SIN( radA) /2 +0.5) *( balloonH +SIZE)) -SIZE /2);\r
                                ELM_MOVER.style.left = tailX +'px';\r
@@ -1658,7 +1647,7 @@ pettanr.editor = pettanr.view.registerApplication( function(){
                                                ATAN( _mouseY /_mouseX) *RAD_TO_DEG +( _mouseX < 0 ? 180 : 0) :\r
                                                _mouseY > 0 ? 90 : -90\r
                                );\r
-                               currentText && currentText.angle( balloonA);\r
+                               currentText && currentText.angle( Math.floor( balloonA + 0.5 ));\r
                                INFOMATION_WINDOW.update( currentText);\r
                        },\r
                        onFinish: function(){\r
@@ -2391,7 +2380,7 @@ pettanr.editor = pettanr.view.registerApplication( function(){
                }\r
                this.angle = function( _a ){\r
                        _a !== undefined && instance.resize( x, y, w, h, _a );\r
-                       return a;\r
+                       return a >= 0 ? a : a + 360;\r
                }\r
                this.text = function( _text ){\r
                        if( _text && text !== _text) {\r
@@ -2691,7 +2680,7 @@ pettanr.editor = pettanr.view.registerApplication( function(){
                                        data = {\r
                                                balloon_template_id:1,\r
                                                size:               1,\r
-                                               tail:               0,\r
+                                               tail:               90,\r
                                                x:                                      Math.floor( panelW /2 - 100 +Math.random() *10 ),\r
                                                y:                  Math.floor( panelH /2 - 100 +Math.random() *10 ),\r
                                                z:                  -1,\r
@@ -3025,13 +3014,13 @@ pettanr.comicConsole = pettanr.view.registerApplication( function(){
        this.init = function(){\r
                jqWrap = $( '#comic-console-wrapper').hide();\r
                \r
-               inputTitle    = pettanr.form.createInputText( document.getElementById( 'comic-console-title'), null, ID);\r
-               inputW        = pettanr.form.createInputText( document.getElementById( 'comic-console-width'), null, ID);\r
-               inputH        = pettanr.form.createInputText( document.getElementById( 'comic-console-height'), null, ID);\r
+               inputTitle       = pettanr.form.createInputText( document.getElementById( 'comic-console-title'), null, ID);\r
+               inputW           = pettanr.form.createInputText( document.getElementById( 'comic-console-width'), null, ID);\r
+               inputH           = pettanr.form.createInputText( document.getElementById( 'comic-console-height'), null, ID);\r
                comboboxVisible  = pettanr.form.createCombobox( document.getElementById( 'comic-console-visible'), null, ID);\r
                comboboxEditable = pettanr.form.createCombobox( document.getElementById( 'comic-console-editable'), null, ID);\r
-               buttonSubmit  = pettanr.form.createButton( document.getElementById( 'comic-console-post-button'), clickOK, ID);\r
-               buttonCancel  = pettanr.form.createButton( document.getElementById( 'comic-console-cancel-button'), clickCancel, ID);\r
+               buttonSubmit     = pettanr.form.createButton( document.getElementById( 'comic-console-post-button'), clickOK, ID);\r
+               buttonCancel     = pettanr.form.createButton( document.getElementById( 'comic-console-cancel-button'), clickCancel, ID);\r
                \r
                delete instance.init;\r
        }\r
@@ -3551,9 +3540,13 @@ pettanr.artistConsole = pettanr.view.registerApplication( function(){
 });\r
 \r
 pettanr.outputConsole = pettanr.view.registerApplication( function(){\r
+       var FORMAT_LIST = [ 'json[POST]', 'json[GET]', 'XML', 'HTML', 'XHTML', 'MT export', 'Blogger ATOM' ];\r
        var jqWrap, jqOutputArea,\r
+               comboboxFormat, inputOption,\r
+               buttonGenerate, buttonClose,\r
                ID = 'outputConsole',\r
                timing = 0,\r
+               comicID, panelID, panelTimming, panelW, panelH, borderSize, panelElementArray,\r
                instance = this;\r
        //pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);\r
        \r
@@ -3561,12 +3554,13 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                pettanr.outputConsole.shutdown();\r
        }\r
 \r
-       function getPanelElementByTiming( PANEL_ELEMENT_ARRAY, l ){\r
+       function getPanelElementByTiming(){\r
+               var l = panelElementArray.length;\r
                while( timing < l * 2){\r
                        for(var i=0; i<l; ++i){\r
-                               if( timing === PANEL_ELEMENT_ARRAY[ i ].timing ){\r
+                               if( timing === panelElementArray[ i ].timing ){\r
                                        ++timing;\r
-                                       return PANEL_ELEMENT_ARRAY[ i ];\r
+                                       return panelElementArray[ i ];\r
                                }\r
                        }\r
                        ++timing;\r
@@ -3574,15 +3568,15 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                return null;\r
        }\r
 \r
-       function getAsHtmlString( isAbsoluteUrl, isXHTML, panelW, panelH, border, PANEL_ELEMENT_ARRAY ){\r
+       function getAsHtmlString( isAbsoluteUrl, isXHTML ){\r
                timing = 0;\r
                \r
                var HTML_ARRAY = [],\r
-                       l = PANEL_ELEMENT_ARRAY.length,\r
+                       l = panelElementArray.length,\r
                        _panelElement;\r
 \r
                while( HTML_ARRAY.length < l ){\r
-                       _panelElement = getPanelElementByTiming( PANEL_ELEMENT_ARRAY, l );\r
+                       _panelElement = getPanelElementByTiming();\r
                        if( _panelElement === null) break;\r
                        HTML_ARRAY.push( panelElementToHtml( _panelElement, isAbsoluteUrl, isXHTML ));\r
                }\r
@@ -3643,29 +3637,82 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                                ].join( '');                            \r
                        }\r
                }\r
+       \r
+       function getJsonGetString(){\r
+               timing = 0;\r
+               \r
+               var JSON_STRING_ARRAY = [],\r
+                       ELEMENT_ARRAY     = [],\r
+                       l                 = panelElementArray.length,\r
+                       cr                = pettanr.LINE_FEED_CODE_TEXTAREA,\r
+                       _panelElement;\r
 \r
-       function getAsJsonString( comicID, panelID, panelTimming, panelW, panelH, border, PANEL_ELEMENT_ARRAY ){\r
+               while( ELEMENT_ARRAY.length <= l){\r
+                       _panelElement = getPanelElementByTiming();\r
+                       if( _panelElement === null ) break;\r
+                        \r
+                       ELEMENT_ARRAY.push( _panelElement.type === 0 ? getImageJsonGET( _panelElement ) : balloonToJson( _panelElement ));\r
+               }\r
+               return [\r
+                       '{', cr,\r
+                               '"panel": {', cr,\r
+                                       '"id": ',               panelID, ',', cr,\r
+                                   '"border": ',           borderSize, ',', cr,\r
+                                   '"comic_id": ',         comicID, ',', cr,\r
+                                   '"resource_picture_id": 1,', cr,\r
+                                       '"x": ',                0, ',', cr,\r
+                                       '"y": ',                0, ',', cr,\r
+                                       '"z": ',                0, ',', cr,\r
+                                       panelTimming !== -1 ? ( '"t": ' + panelTimming + ',' + cr ) : '',\r
+                                   '"width": ',            panelW, ',', cr,\r
+                                   '"height": ',           panelH, ',', cr,\r
+                                   '"panel_elements": [', cr,\r
+                                       ELEMENT_ARRAY.join( ',' + cr ), cr,\r
+                                   ']', cr,\r
+                               '}', cr,\r
+                       '}'\r
+               ].join( '' );\r
+       }\r
+               function getImageJsonGET( _imageElement ){\r
+                       var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
+                       return [\r
+                               '{', cr,\r
+                                       '"resource_picture": {', cr,\r
+                                               '"id": ',              _imageElement.resourcePicture().id, ',', cr,\r
+                                               '"ext": ',             '"',_imageElement.resourcePicture().ext, '"', cr,\r
+                                       '},', cr,\r
+                                       '"x": ',                   _imageElement.x, ',', cr,\r
+                                       '"y": ',                   _imageElement.y, ',', cr,\r
+                                       '"z": ',                   _imageElement.z, ',', cr,\r
+                                       '"width": ',               _imageElement.flipH() * _imageElement.w, ',', cr,\r
+                                       '"height": ',              _imageElement.flipV() * _imageElement.h, ',', cr,\r
+                                       '"t": ',                   timing, cr,\r
+                               '}'\r
+                       ].join( '');\r
+               }\r
+       \r
+       function getJsonPostString(){\r
                timing = 0;\r
                \r
                var JSON_STRING_ARRAY = [],\r
                        IMAGE_ARRAY = [],\r
                        BALLOON_ARRAY = [],\r
-                       l = PANEL_ELEMENT_ARRAY.length,\r
+                       l = panelElementArray.length,\r
                        _panelElement,\r
                        cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
 \r
                while( IMAGE_ARRAY.length + BALLOON_ARRAY.length <= l){\r
-                       _panelElement = getPanelElementByTiming( PANEL_ELEMENT_ARRAY, l );\r
+                       _panelElement = getPanelElementByTiming();\r
                        if( _panelElement === null) break;\r
                        _panelElement.type === 0 ? \r
-                               IMAGE_ARRAY.push( imageToJson( _panelElement )) :\r
-                               BALLOON_ARRAY.push( balloonToJson( _panelElement ) );\r
+                               IMAGE_ARRAY.push( [ '"new', timing, '": ', imageToJson( _panelElement ) ].join( '' )) :\r
+                               BALLOON_ARRAY.push( [ '"new', timing, '": ', balloonToJson( _panelElement ) ].join( '' ) );\r
                }\r
                return [\r
                        '{', cr,\r
                                '"panel": {', cr,\r
                                        '"id": ',               panelID, ',', cr,\r
-                                   '"border": ',           border, ',', cr,\r
+                                   '"border": ',           borderSize, ',', cr,\r
                                    '"comic_id": ',         comicID, ',', cr,\r
                                    '"resource_picture_id": 1,', cr,\r
                                        '"x": ',                0, ',', cr,\r
@@ -3687,7 +3734,7 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                function imageToJson( _imageElement ){\r
                        var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
                        return [\r
-                               '"new', timing, '": {', cr,\r
+                               '{', cr,\r
                                        '"resource_picture_id": ', _imageElement.resourcePicture().id, ',', cr,\r
                                        '"x": ',                   _imageElement.x, ',', cr,\r
                                        '"y": ',                   _imageElement.y, ',', cr,\r
@@ -3702,7 +3749,7 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                function balloonToJson( _textElement ){\r
                        var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
                        return [\r
-                               '"new', timing, '": {', cr,\r
+                               '{', cr,\r
                                        '"balloon_template_id": ', 1, ',', cr,\r
                                        '"system_picture_id": ',   1, ',', cr,\r
                                        '"size": ',                1, ',', cr,\r
@@ -3726,8 +3773,28 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                                '}'\r
                        ].join( '');\r
                }\r
-\r
-\r
+       \r
+       function clickGenerate(){\r
+               var i = comboboxFormat.selectIndex(),\r
+                       text = 'sorry...';\r
+               if( i === 0 ){\r
+                       text = getJsonPostString();\r
+               } else\r
+               if( i === 1 ){\r
+                       text = getJsonGetString();\r
+               } else\r
+               if( i === 3 ){\r
+                       text = getAsHtmlString( false, false );\r
+               } else {\r
+                       \r
+               }\r
+               jqOutputArea.val( text );\r
+       }\r
+       function clickClose(){\r
+               pettanr.outputConsole.shutdown();\r
+               return false;\r
+       }\r
+       \r
        /* grobal method */\r
        this.rootElement = document.getElementById( 'output-console-wrapper' );\r
        this.displayName = ID;\r
@@ -3738,20 +3805,32 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
        this.init = function(){\r
                jqWrap = $( '#output-console-wrapper').hide();\r
                jqOutputArea = $( '#output-area');\r
+               \r
+               comboboxFormat = pettanr.form.createCombobox( document.getElementById( 'output-console-format' ), null, ID );\r
+               for( var i=0, l = FORMAT_LIST.length; i<l; ++i ){\r
+                       comboboxFormat.createOption( FORMAT_LIST[ i ], null, i === 0 );\r
+               }\r
+               inputOption    = pettanr.form.createInputText( document.getElementById( 'output-console-option' ), null, ID );\r
+               buttonGenerate = pettanr.form.createButton( document.getElementById( 'output-console-generate-button' ), clickGenerate, ID );\r
+               buttonClose    = pettanr.form.createButton( document.getElementById( 'output-console-close-button' ), clickClose, ID );\r
                delete instance.init;\r
        }\r
-       this.onOpen = function( _w, _h, _dataType, _comicID, _panelID, _panelTimming, _panelW, _panelH, _borderSize, _panelElements ){\r
+       this.onOpen = function( _w, _h, _comicID, _panelID, _panelTimming, _panelW, _panelH, _borderSize, _panelElementArray ){\r
                instance.init && instance.init();\r
                \r
                jqWrap.show();\r
                instance.onPaneResize( _w, _h );\r
                var text;\r
-               if( _dataType === pettanr.outputConsole.JSON ){\r
-                       text = getAsJsonString( _comicID, _panelID, _panelTimming, _panelW, _panelH, _borderSize, _panelElements );\r
-               } else {\r
-                       text = getAsHtmlString( false, false, _panelW, _panelH, _borderSize, _panelElements );\r
-               }\r
-               jqOutputArea.val( text ).focus();\r
+               \r
+               comicID           = _comicID;\r
+               panelID           = _panelID;\r
+               panelTimming      = _panelTimming;\r
+               panelW            = _panelW;\r
+               panelH            = _panelH;\r
+               borderSize        = _borderSize;\r
+               panelElementArray = _panelElementArray;\r
+               \r
+               clickGenerate();\r
        }\r
        this.onPaneResize = function( _w, _h){\r
                jqWrap.css(\r
@@ -3766,9 +3845,3 @@ pettanr.outputConsole = pettanr.view.registerApplication( function(){
                jqOutputArea.val('');\r
        }\r
 });\r
-pettanr.outputConsole.JSON          = 0;\r
-pettanr.outputConsole.HTML          = 1;\r
-pettanr.outputConsole.XML           = 2;\r
-pettanr.outputConsole.SHORT_URL     = 3;\r
-pettanr.outputConsole.MOVERBLE_TYPE = 4;\r
-pettanr.outputConsole.BLOGGER       = 5;\r
index 1ea08de..bf81efc 100644 (file)
@@ -1,54 +1,40 @@
 [\r
        {\r
-               "author_id": 1,\r
+               "author_id":  1,\r
                "created_at": "2012-03-30T00:14:10Z",\r
-               "editable": 3,\r
-               "height": 200,\r
-               "id": 6,\r
-               "title": "\u6f2b\u753b\u738b\u306b\u4ffa\u306f\u306a\u308b",\r
+               "editable":   3,\r
+               "height":     200,\r
+               "id":         1,\r
+               "title":      "Hello, world",\r
                "updated_at": "2012-03-30T23:55:29Z",\r
-               "visible": 3,\r
-               "width": 300,\r
+               "visible":    3,\r
+               "width":      300,\r
                "author": {\r
                        "created_at": "2012-03-27T22:39:22Z",\r
-                       "id": 1,\r
-                       "name": "\u706b\u72d0",\r
+                       "id":         1,\r
+                       "name":       "pettanRチーム",\r
                        "updated_at": "2012-03-27T22:39:42Z",\r
-                       "user_id": 1\r
+                       "user_id":    1\r
                }\r
        }, {\r
-               "author_id": 1,\r
-               "created_at": "2012-03-27T23:16:46Z",\r
-               "editable": 0,\r
-               "height": 300,\r
-               "id": 1,\r
-               "title": "\u30b3\u30df\u30c3\u30af\u738b\u306b\u4ffa\u306f\u306a\u308b|1",\r
-               "updated_at": "2012-03-30T23:53:38Z",\r
-               "visible": 3,\r
-               "width": 400,\r
-               "author": {\r
-                       "created_at": "2012-03-27T22:39:22Z",\r
-                       "id": 1,\r
-                       "name": "\u706b\u72d0",\r
-                       "updated_at": "2012-03-27T22:39:42Z",\r
-                       "user_id": 1\r
-               }\r
+               "author_id":  1,\r
+               "created_at": "2012-03-30T00:14:10Z",\r
+               "editable":   3,\r
+               "height":     200,\r
+               "id":         2,\r
+               "title":      "This is PettanR",\r
+               "updated_at": "2012-03-30T23:55:29Z",\r
+               "visible":    3,\r
+               "width":      300\r
        }, {\r
-               "author_id": 1,\r
-               "created_at": "2012-03-30T23:52:23Z",\r
-               "editable": 3,\r
-               "height": 200,\r
-               "id": 9,\r
-               "title": "Web\u30da\u30fc\u30b8\u304b\u3089\u306e\u30b3\u30df\u30c3\u30af\u4f5c\u6210",\r
-               "updated_at": "2012-03-30T23:52:23Z",\r
-               "visible": 3,\r
-               "width": 480,\r
-               "author": {\r
-                       "created_at": "2012-03-27T22:39:22Z",\r
-                       "id": 1,\r
-                       "name": "\u706b\u72d0",\r
-                       "updated_at": "2012-03-27T22:39:42Z",\r
-                       "user_id": 1\r
-               }\r
+               "author_id":  1,\r
+               "created_at": "2012-03-30T00:14:10Z",\r
+               "editable":   3,\r
+               "height":     200,\r
+               "id":         3,\r
+               "title":      "Enjoy pettanR",\r
+               "updated_at": "2012-03-30T23:55:29Z",\r
+               "visible":    3,\r
+               "width":      300\r
        }\r
 ]
\ No newline at end of file
index c60041a..13ad934 100644 (file)
 [\r
     {\r
+       "id":         122,\r
+       "ext":        "jpg", \r
+        "width":      360,\r
+       "height":     404,\r
+       "filesize":   54148,\r
+       "artist_id":  1,\r
         "artist": {\r
-            "api_url": null, \r
-            "author_id": 1\r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
+            "api_url":            null, \r
+            "author_id":          2\r
+            "created_at":         "2012-01-05T23:58:39Z", \r
+            "crowled_at":         null, \r
             "default_license_id": 1, \r
-            "email": null\r
-            "homepage_url": null\r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
+            "email":              "demo@hoge.co.jp"\r
+            "homepage_url":       "http://pettanr.sourceforge.jp/"\r
+            "id":                 1, \r
+            "name":               "デモユーザー", \r
+            "updated_at":         "2012-01-05T23:58:39Z"\r
         }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:01Z", \r
-        "ext": "png", \r
-        "filesize": 11881, \r
-        "height": 474, \r
-        "id": 1, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:01Z", \r
-            "ext": "png", \r
-            "filesize": 11881, \r
-            "height": 474, \r
-            "id": 1, \r
-            "license_id": 1, \r
-            "original_picture_id": 1, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 449\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 449\r
-    }, \r
-    {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:18Z", \r
-        "ext": "png", \r
-        "filesize": 9960, \r
-        "height": 463, \r
-        "id": 2, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:18Z", \r
-            "ext": "png", \r
-            "filesize": 9960, \r
-            "height": 463, \r
-            "id": 2, \r
-            "license_id": 1, \r
-            "original_picture_id": 2, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 333\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 333\r
-    }, \r
-    {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:34Z", \r
-        "ext": "png", \r
-        "filesize": 8492, \r
-        "height": 450, \r
-        "id": 3, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:34Z", \r
-            "ext": "png", \r
-            "filesize": 8492, \r
-            "height": 450, \r
-            "id": 3, \r
-            "license_id": 1, \r
-            "original_picture_id": 3, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 333\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 333\r
-    }, \r
-    {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-06T00:00:01Z", \r
-        "ext": "png", \r
-        "filesize": 9232, \r
-        "height": 500, \r
-        "id": 4, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-06T00:00:01Z", \r
-            "ext": "png", \r
-            "filesize": 9232, \r
-            "height": 500, \r
-            "id": 4, \r
-            "license_id": 1, \r
-            "original_picture_id": 4, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 500\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 500\r
-    }, \r
-    {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "yas", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-06T00:00:20Z", \r
-        "ext": "png", \r
-        "filesize": 7875, \r
-        "height": 425, \r
-        "id": 5, \r
+        "license_id": 2,\r
         "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
+            "cc_by":             1,\r
+            "cc_nc":             0, \r
+            "cc_nd":             0, \r
+            "cc_sa":             0, \r
+            "created_at":        "2012-01-11T07:49:36Z", \r
+            "id":                2,\r
             "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
+            "name":              "基本ライセンス:お好きになさって", \r
+            "no_convert":        0, \r
+            "no_flip":           0, \r
+            "no_resize":         0, \r
+            "updated_at":        "2012-01-11T07:49:36Z", \r
+            "url":               "http://sourceforge.jp/projects/pettanr/wiki/AboutLicense"\r
+        },\r
         "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-06T00:00:20Z", \r
-            "ext": "png", \r
-            "filesize": 7875, \r
-            "height": 425, \r
-            "id": 5, \r
-            "license_id": 1\r
-            "original_picture_id": 5, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 252\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 252\r
+            "id":                  122,\r
+            "ext":                 "jpg",\r
+            "width":               360,\r
+            "height":              404,\r
+            "filesize":            54148,\r
+            "artist_id":           1,\r
+            "license_id":          2\r
+            "original_picture_id": 122,\r
+            "created_at":          "2012-01-05T23:59:01Z",\r
+            "updated_at":          "2012-01-15T07:49:12Z"\r
+        },\r
+        "created_at": "2012-01-05T23:59:01Z", \r
+        "updated_at": "2012-01-15T07:49:12Z"\r
     }\r
 ]
\ No newline at end of file
index 5e00fbb..996dcaa 100644 (file)
 [\r
     {\r
+        "id":         1,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   7004,\r
+        "artist_id":  2,\r
         "artist": {\r
-            "api_url": null, \r
-            "author_id": 1\r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
+            "api_url":            null, \r
+            "author_id":          2\r
+            "created_at":         "2012-01-05T23:58:39Z", \r
+            "crowled_at":         null, \r
             "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:01Z", \r
-        "ext": "png", \r
-        "filesize": 11881, \r
-        "height": 474, \r
-        "id": 1, \r
+            "email":              "yasushiito@users.sourceforge.jp", \r
+            "homepage_url":       "http://twitter.com/yasushiito", \r
+            "id":                 2, \r
+            "name":               "yasushiito", \r
+            "updated_at":         "2012-01-05T23:58:39Z"\r
+        },\r
+        "license_id": 1,\r
         "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
+            "cc_by":             0, \r
+            "cc_nc":             0, \r
+            "cc_nd":             0, \r
+            "cc_sa":             0, \r
+            "created_at":        "2012-01-11T07:49:36Z", \r
+            "id":                1,\r
             "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:01Z", \r
-            "ext": "png", \r
-            "filesize": 11881, \r
-            "height": 474, \r
-            "id": 1, \r
-            "license_id": 1, \r
-            "original_picture_id": 1, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 449\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 449\r
-    }, \r
+            "name":              "基本ライセンス:御意のままに", \r
+            "no_convert":        0, \r
+            "no_flip":           0, \r
+            "no_resize":         0, \r
+            "updated_at":        "2012-01-11T07:49:36Z", \r
+            "url":               "http://sourceforge.jp/projects/pettanr/wiki/AboutLicense"\r
+        },\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
     {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:18Z", \r
-        "ext": "png", \r
-        "filesize": 9960, \r
-        "height": 463, \r
-        "id": 2, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:18Z", \r
-            "ext": "png", \r
-            "filesize": 9960, \r
-            "height": 463, \r
-            "id": 2, \r
-            "license_id": 1, \r
-            "original_picture_id": 2, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 333\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 333\r
-    }, \r
+        "id":         2,\r
+        "ext":        "gif",\r
+        "width":      402,\r
+        "height":     283,\r
+        "filesize":   4924,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
     {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 1, \r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-05T23:59:34Z", \r
-        "ext": "png", \r
-        "filesize": 8492, \r
-        "height": 450, \r
-        "id": 3, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-05T23:59:34Z", \r
-            "ext": "png", \r
-            "filesize": 8492, \r
-            "height": 450, \r
-            "id": 3, \r
-            "license_id": 1, \r
-            "original_picture_id": 3, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 333\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 333\r
-    }, \r
+        "id":         3,\r
+        "ext":        "gif",\r
+        "width":      267,\r
+        "height":     292,\r
+        "filesize":   3984,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         4,\r
+        "ext":        "gif",\r
+        "width":      292,\r
+        "height":     270,\r
+        "filesize":   5399,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         5,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   17995,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         6,\r
+        "ext":        "gif",\r
+        "width":      276,\r
+        "height":     366,\r
+        "filesize":   4625,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         7,\r
+        "ext":        "gif",\r
+        "width":      301,\r
+        "height":     395,\r
+        "filesize":   5219,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         8,\r
+        "ext":        "gif",\r
+        "width":      332,\r
+        "height":     448,\r
+        "filesize":   4677,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         9,\r
+        "ext":        "gif",\r
+        "width":      332,\r
+        "height":     428,\r
+        "filesize":   5122,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         10,\r
+        "ext":        "gif",\r
+        "width":      327,\r
+        "height":     496,\r
+        "filesize":   8386,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         11,\r
+        "ext":        "gif",\r
+        "width":      354,\r
+        "height":     457,\r
+        "filesize":   6433,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         12,\r
+        "ext":        "gif",\r
+        "width":      460,\r
+        "height":     412,\r
+        "filesize":   5835,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         13,\r
+        "ext":        "gif",\r
+        "width":      413,\r
+        "height":     455,\r
+        "filesize":   7057,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         14,\r
+        "ext":        "gif",\r
+        "width":      482,\r
+        "height":     448,\r
+        "filesize":   7234,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         15,\r
+        "ext":        "gif",\r
+        "width":      490,\r
+        "height":     440,\r
+        "filesize":   8955,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         16,\r
+        "ext":        "gif",\r
+        "width":      463,\r
+        "height":     475,\r
+        "filesize":   6358,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         17,\r
+        "ext":        "gif",\r
+        "width":      354,\r
+        "height":     437,\r
+        "filesize":   7186,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         18,\r
+        "ext":        "gif",\r
+        "width":      350,\r
+        "height":     439,\r
+        "filesize":   4583,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         19,\r
+        "ext":        "gif",\r
+        "width":      355,\r
+        "height":     426,\r
+        "filesize":   5935,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         20,\r
+        "ext":        "gif",\r
+        "width":      359,\r
+        "height":     448,\r
+        "filesize":   6678,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         21,\r
+        "ext":        "gif",\r
+        "width":      421,\r
+        "height":     441,\r
+        "filesize":   9162,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         22,\r
+        "ext":        "gif",\r
+        "width":      366,\r
+        "height":     471,\r
+        "filesize":   7314,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         23,\r
+        "ext":        "gif",\r
+        "width":      361,\r
+        "height":     413,\r
+        "filesize":   4765,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         24,\r
+        "ext":        "gif",\r
+        "width":      444,\r
+        "height":     444,\r
+        "filesize":   9090,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         25,\r
+        "ext":        "gif",\r
+        "width":      376,\r
+        "height":     472,\r
+        "filesize":   7515,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         26,\r
+        "ext":        "gif",\r
+        "width":      371,\r
+        "height":     471,\r
+        "filesize":   7639,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         27,\r
+        "ext":        "gif",\r
+        "width":      475,\r
+        "height":     438,\r
+        "filesize":   8614,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         28,\r
+        "ext":        "gif",\r
+        "width":      328,\r
+        "height":     468,\r
+        "filesize":   8484,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         29,\r
+        "ext":        "gif",\r
+        "width":      379,\r
+        "height":     447,\r
+        "filesize":   7982,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         30,\r
+        "ext":        "gif",\r
+        "width":      311,\r
+        "height":     462,\r
+        "filesize":   7499,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         31,\r
+        "ext":        "gif",\r
+        "width":      449,\r
+        "height":     474,\r
+        "filesize":   10268,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         32,\r
+        "ext":        "gif",\r
+        "width":      401,\r
+        "height":     484,\r
+        "filesize":   6459,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         33,\r
+        "ext":        "gif",\r
+        "width":      353,\r
+        "height":     417,\r
+        "filesize":   6982,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         34,\r
+        "ext":        "gif",\r
+        "width":      333,\r
+        "height":     463,\r
+        "filesize":   7779,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         35,\r
+        "ext":        "gif",\r
+        "width":      387,\r
+        "height":     482,\r
+        "filesize":   7096,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         36,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   7719,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         37,\r
+        "ext":        "gif",\r
+        "width":      408,\r
+        "height":     447,\r
+        "filesize":   8537,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         38,\r
+        "ext":        "gif",\r
+        "width":      298,\r
+        "height":     403,\r
+        "filesize":   5915,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         39,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   13089,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         40,\r
+        "ext":        "gif",\r
+        "width":      425,\r
+        "height":     475,\r
+        "filesize":   9433,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 1\r
+    },\r
+    {\r
+        "id":         41,\r
+        "ext":        "gif",\r
+        "width":      406,\r
+        "height":     465,\r
+        "filesize":   7925,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 41\r
+    },\r
+    {\r
+        "id":         42,\r
+        "ext":        "gif",\r
+        "width":      285,\r
+        "height":     478,\r
+        "filesize":   6190,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 42\r
+    },\r
+    {\r
+        "id":         43,\r
+        "ext":        "gif",\r
+        "width":      346,\r
+        "height":     455,\r
+        "filesize":   6262,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 43\r
+    },\r
+    {\r
+        "id":         44,\r
+        "ext":        "gif",\r
+        "width":      409,\r
+        "height":     425,\r
+        "filesize":   6847,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 44\r
+    },\r
+    {\r
+        "id":         45,\r
+        "ext":        "gif",\r
+        "width":      362,\r
+        "height":     378,\r
+        "filesize":   7583,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 45\r
+    },\r
+    {\r
+        "id":         46,\r
+        "ext":        "gif",\r
+        "width":      365,\r
+        "height":     475,\r
+        "filesize":   9100,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 46\r
+    },\r
+    {\r
+        "id":         47,\r
+        "ext":        "gif",\r
+        "width":      446,\r
+        "height":     498,\r
+        "filesize":   8750,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 47\r
+    },\r
+    {\r
+        "id":         48,\r
+        "ext":        "gif",\r
+        "width":      384,\r
+        "height":     474,\r
+        "filesize":   8228,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 48\r
+    },\r
+    {\r
+        "id":         49,\r
+        "ext":        "gif",\r
+        "width":      358,\r
+        "height":     500,\r
+        "filesize":   8795,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 49\r
+    },\r
+    {\r
+        "id":         50,\r
+        "ext":        "gif",\r
+        "width":      316,\r
+        "height":     476,\r
+        "filesize":   8186,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 50\r
+    },\r
+    {\r
+        "id":         51,\r
+        "ext":        "gif",\r
+        "width":      404,\r
+        "height":     485,\r
+        "filesize":   9084,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 51\r
+    },\r
+    {\r
+        "id":         52,\r
+        "ext":        "gif",\r
+        "width":      347,\r
+        "height":     465,\r
+        "filesize":   7885,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 52\r
+    },\r
+    {\r
+        "id":         53,\r
+        "ext":        "gif",\r
+        "width":      457,\r
+        "height":     339,\r
+        "filesize":   6049,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 52\r
+    },\r
+    {\r
+        "id":         54,\r
+        "ext":        "gif",\r
+        "width":      371,\r
+        "height":     473,\r
+        "filesize":   6837,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 52\r
+    },\r
+    {\r
+        "id":         55,\r
+        "ext":        "gif",\r
+        "width":      313,\r
+        "height":     491,\r
+        "filesize":   6237,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 52\r
+    },\r
+    {\r
+        "id":         56,\r
+        "ext":        "gif",\r
+        "width":      334,\r
+        "height":     403,\r
+        "filesize":   6928,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 56\r
+    },\r
+    {\r
+        "id":         57,\r
+        "ext":        "gif",\r
+        "width":      374,\r
+        "height":     471,\r
+        "filesize":   8835,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 57\r
+    },\r
+    {\r
+        "id":         58,\r
+        "ext":        "gif",\r
+        "width":      354,\r
+        "height":     479,\r
+        "filesize":   6442,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 58\r
+    },\r
+    {\r
+        "id":         59,\r
+        "ext":        "gif",\r
+        "width":      438,\r
+        "height":     367,\r
+        "filesize":   6833,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 52\r
+    },\r
     {\r
+        "id":         60,\r
+        "ext":        "gif",\r
+        "width":      366,\r
+        "height":     464,\r
+        "filesize":   7445,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 60\r
+    },\r
+    {\r
+        "id":         61,\r
+        "ext":        "gif",\r
+        "width":      405,\r
+        "height":     473,\r
+        "filesize":   7730,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 61\r
+    },\r
+    {\r
+        "id":         62,\r
+        "ext":        "gif",\r
+        "width":      354,\r
+        "height":     465,\r
+        "filesize":   6887,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 62\r
+    },\r
+    {\r
+        "id":         63,\r
+        "ext":        "gif",\r
+        "width":      392,\r
+        "height":     480,\r
+        "filesize":   8662,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 63\r
+    },\r
+    {\r
+        "id":         64,\r
+        "ext":        "gif",\r
+        "width":      404,\r
+        "height":     425,\r
+        "filesize":   8287,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 64\r
+    },\r
+    {\r
+        "id":         65,\r
+        "ext":        "gif",\r
+        "width":      349,\r
+        "height":     426,\r
+        "filesize":   7442,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 65\r
+    },\r
+    {\r
+        "id":         66,\r
+        "ext":        "gif",\r
+        "width":      441,\r
+        "height":     463,\r
+        "filesize":   9022,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 66\r
+    },\r
+    {\r
+        "id":         67,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   8674,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 67\r
+    },\r
+    {\r
+        "id":         68,\r
+        "ext":        "gif",\r
+        "width":      453,\r
+        "height":     386,\r
+        "filesize":   5276,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 68\r
+    },\r
+    {\r
+        "id":         69,\r
+        "ext":        "gif",\r
+        "width":      471,\r
+        "height":     288,\r
+        "filesize":   5987,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 69\r
+    },\r
+    {\r
+        "id":         70,\r
+        "ext":        "gif",\r
+        "width":      320,\r
+        "height":     399,\r
+        "filesize":   5801,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 70\r
+    },\r
+    {\r
+        "id":         71,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   7105,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 71\r
+    },\r
+    {\r
+        "id":         72,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   8729,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 72\r
+    },\r
+    {\r
+        "id":         73,\r
+        "ext":        "gif",\r
+        "width":      500,\r
+        "height":     500,\r
+        "filesize":   6478,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 73\r
+    },\r
+    {\r
+        "id":         74,\r
+        "ext":        "gif",\r
+        "width":      306,\r
+        "height":     426,\r
+        "filesize":   6421,\r
+        "artist_id":  2,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 74\r
+    },\r
+    {\r
+        "id":         75,\r
+        "ext":        "gif",\r
+        "width":      289,\r
+        "height":     670,\r
+        "filesize":   14915,\r
+        "artist_id":  3,\r
         "artist": {\r
-            "api_url": null, \r
-            "author_id": 1\r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
+            "api_url":            null, \r
+            "author_id":          3\r
+            "created_at":         "2012-01-05T23:58:39Z", \r
+            "crowled_at":         null, \r
             "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "no name", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-06T00:00:01Z", \r
-        "ext": "png", \r
-        "filesize": 9232, \r
-        "height": 500, \r
-        "id": 4, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-06T00:00:01Z", \r
-            "ext": "png", \r
-            "filesize": 9232, \r
-            "height": 500, \r
-            "id": 4, \r
-            "license_id": 1, \r
-            "original_picture_id": 4, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 500\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 500\r
-    }, \r
+            "email":              "godkikaku@gmail.com", \r
+            "homepage_url":       "http://www.geocities.jp/godkikaku/minitopia/character.htm", \r
+            "id":                 3, \r
+            "name":               "凄井攻", \r
+            "updated_at":         "2012-01-05T23:58:39Z"\r
+        },\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 75\r
+    },\r
+    {\r
+        "id":         76,\r
+        "ext":        "gif",\r
+        "width":      279,\r
+        "height":     633,\r
+        "filesize":   14081,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 76\r
+    },\r
+    {\r
+        "id":         77,\r
+        "ext":        "gif",\r
+        "width":      284,\r
+        "height":     661,\r
+        "filesize":   13977,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 77\r
+    },\r
+    {\r
+        "id":         78,\r
+        "ext":        "gif",\r
+        "width":      374,\r
+        "height":     674,\r
+        "filesize":   16626,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 78\r
+    },\r
+    {\r
+        "id":         79,\r
+        "ext":        "gif",\r
+        "width":      372,\r
+        "height":     662,\r
+        "filesize":   15216,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 79\r
+    },\r
+    {\r
+        "id":         80,\r
+        "ext":        "gif",\r
+        "width":      322,\r
+        "height":     657,\r
+        "filesize":   14336,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 80\r
+    },\r
+    {\r
+        "id":         81,\r
+        "ext":        "gif",\r
+        "width":      291,\r
+        "height":     642,\r
+        "filesize":   13957,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 81\r
+    },\r
+    {\r
+        "id":         82,\r
+        "ext":        "gif",\r
+        "width":      311,\r
+        "height":     651,\r
+        "filesize":   14718,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 82\r
+    },\r
+    {\r
+        "id":         83,\r
+        "ext":        "gif",\r
+        "width":      427,\r
+        "height":     672,\r
+        "filesize":   15661,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 83\r
+    },\r
+    {\r
+        "id":         84,\r
+        "ext":        "gif",\r
+        "width":      392,\r
+        "height":     671,\r
+        "filesize":   15285,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 84\r
+    },\r
+    {\r
+        "id":         85,\r
+        "ext":        "gif",\r
+        "width":      357,\r
+        "height":     508,\r
+        "filesize":   15775,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 85\r
+    },\r
+    {\r
+        "id":         86,\r
+        "ext":        "gif",\r
+        "width":      284,\r
+        "height":     658,\r
+        "filesize":   15329,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 86\r
+    },\r
+    {\r
+        "id":         87,\r
+        "ext":        "gif",\r
+        "width":      296,\r
+        "height":     650,\r
+        "filesize":   15273,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 87\r
+    },\r
+    {\r
+        "id":         88,\r
+        "ext":        "gif",\r
+        "width":      292,\r
+        "height":     670,\r
+        "filesize":   14793,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 88\r
+    },\r
+    {\r
+        "id":         89,\r
+        "ext":        "gif",\r
+        "width":      394,\r
+        "height":     645,\r
+        "filesize":   15785,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 89\r
+    },\r
+    {\r
+        "id":         90,\r
+        "ext":        "gif",\r
+        "width":      328,\r
+        "height":     679,\r
+        "filesize":   13968,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 90\r
+    },\r
     {\r
+        "id":         91,\r
+        "ext":        "gif",\r
+        "width":      306,\r
+        "height":     655,\r
+        "filesize":   15706,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 91\r
+    },\r
+    {\r
+        "id":         92,\r
+        "ext":        "gif",\r
+        "width":      300,\r
+        "height":     660,\r
+        "filesize":   14093,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 92\r
+    },\r
+    {\r
+        "id":         93,\r
+        "ext":        "gif",\r
+        "width":      270,\r
+        "height":     650,\r
+        "filesize":   13132,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 93\r
+    },\r
+    {\r
+        "id":         94,\r
+        "ext":        "gif",\r
+        "width":      313,\r
+        "height":     594,\r
+        "filesize":   13752,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 94\r
+    },\r
+    {\r
+        "id":         95,\r
+        "ext":        "gif",\r
+        "width":      326,\r
+        "height":     571,\r
+        "filesize":   10227,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 95\r
+    },\r
+    {\r
+        "id":         96,\r
+        "ext":        "gif",\r
+        "width":      250,\r
+        "height":     590,\r
+        "filesize":   10732,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 96\r
+    },\r
+    {\r
+        "id":         97,\r
+        "ext":        "gif",\r
+        "width":      284,\r
+        "height":     639,\r
+        "filesize":   10284,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 97\r
+    },\r
+    {\r
+        "id":         98,\r
+        "ext":        "gif",\r
+        "width":      266,\r
+        "height":     657,\r
+        "filesize":   10082,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 98\r
+    },\r
+    {\r
+        "id":         99,\r
+        "ext":        "gif",\r
+        "width":      259,\r
+        "height":     646,\r
+        "filesize":   10382,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 99\r
+    },\r
+    {\r
+        "id":         100,\r
+        "ext":        "gif",\r
+        "width":      279,\r
+        "height":     580,\r
+        "filesize":   9829,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 100\r
+    },\r
+    {\r
+        "id":         101,\r
+        "ext":        "gif",\r
+        "width":      320,\r
+        "height":     611,\r
+        "filesize":   12160,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 101\r
+    },\r
+    {\r
+        "id":         102,\r
+        "ext":        "gif",\r
+        "width":      261,\r
+        "height":     655,\r
+        "filesize":   9895,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 102\r
+    },\r
+    {\r
+        "id":         103,\r
+        "ext":        "gif",\r
+        "width":      259,\r
+        "height":     633,\r
+        "filesize":   10644,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 103\r
+    },\r
+    {\r
+        "id":         104,\r
+        "ext":        "gif",\r
+        "width":      272,\r
+        "height":     624,\r
+        "filesize":   10244,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 104\r
+    },\r
+    {\r
+        "id":         105,\r
+        "ext":        "gif",\r
+        "width":      254,\r
+        "height":     510,\r
+        "filesize":   9888,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 105\r
+    },\r
+    {\r
+        "id":         106,\r
+        "ext":        "gif",\r
+        "width":      252,\r
+        "height":     656,\r
+        "filesize":   10311,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 106\r
+    },\r
+    {\r
+        "id":         107,\r
+        "ext":        "gif",\r
+        "width":      329,\r
+        "height":     628,\r
+        "filesize":   10620,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 107\r
+    },\r
+    {\r
+        "id":         108,\r
+        "ext":        "gif",\r
+        "width":      354,\r
+        "height":     637,\r
+        "filesize":   10836,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 108\r
+    },\r
+    {\r
+        "id":         109,\r
+        "ext":        "gif",\r
+        "width":      329,\r
+        "height":     634,\r
+        "filesize":   11942,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 109\r
+    },\r
+    {\r
+        "id":         110,\r
+        "ext":        "gif",\r
+        "width":      308,\r
+        "height":     600,\r
+        "filesize":   11048,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 110\r
+    },\r
+    {\r
+        "id":         111,\r
+        "ext":        "gif",\r
+        "width":      302,\r
+        "height":     648,\r
+        "filesize":   10504,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 111\r
+    },\r
+    {\r
+        "id":         112,\r
+        "ext":        "gif",\r
+        "width":      374,\r
+        "height":     650,\r
+        "filesize":   11638,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 112\r
+    },\r
+    {\r
+        "id":         113,\r
+        "ext":        "gif",\r
+        "width":      253,\r
+        "height":     656,\r
+        "filesize":   10150,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 113\r
+    },\r
+    {\r
+        "id":         114,\r
+        "ext":        "gif",\r
+        "width":      254,\r
+        "height":     657,\r
+        "filesize":   10126,\r
+        "artist_id":  3,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 114\r
+    },\r
+    {\r
+        "id":         115,\r
+        "ext":        "gif",\r
+        "width":      680,\r
+        "height":     921,\r
+        "filesize":   116630,\r
+        "artist_id":  4,\r
         "artist": {\r
-            "api_url": null, \r
-            "author_id": 1\r
-            "created_at": "2012-01-05T23:58:39Z", \r
-            "crowled_at": null, \r
+            "api_url":            null, \r
+            "author_id":          4\r
+            "created_at":         "2012-01-05T23:58:39Z", \r
+            "crowled_at":         null, \r
             "default_license_id": 1, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 1, \r
-            "name": "yas", \r
-            "updated_at": "2012-01-05T23:58:39Z"\r
-        }, \r
-        "artist_id": 1, \r
-        "created_at": "2012-01-06T00:00:20Z", \r
-        "ext": "png", \r
-        "filesize": 7875, \r
-        "height": 425, \r
-        "id": 5, \r
-        "license": {\r
-            "cc_by": 0, \r
-            "cc_nc": 0, \r
-            "cc_nd": 0, \r
-            "cc_sa": 0, \r
-            "created_at": "2012-01-11T07:49:36Z", \r
-            "id": 1, \r
-            "keep_aspect_ratio": 0, \r
-            "name": "%%<>あああ", \r
-            "no_convert": 0, \r
-            "no_flip": 0, \r
-            "no_resize": 0, \r
-            "updated_at": "2012-01-11T07:49:36Z", \r
-            "url": "おお~"\r
-        }, \r
-        "license_id": 1, \r
-        "resource_picture": {\r
-            "artist_id": 1, \r
-            "created_at": "2012-01-06T00:00:20Z", \r
-            "ext": "png", \r
-            "filesize": 7875, \r
-            "height": 425, \r
-            "id": 5, \r
-            "license_id": 1, \r
-            "original_picture_id": 5, \r
-            "updated_at": "2012-01-15T07:49:12Z", \r
-            "width": 252\r
-        }, \r
-        "updated_at": "2012-01-15T07:49:12Z", \r
-        "width": 252\r
-    }, \r
+            "email":              "yuji01@users.sourceforge.jp", \r
+            "homepage_url":       "http://yuji01.b.sourceforge.jp", \r
+            "id":                 4, \r
+            "name":               "yuji", \r
+            "updated_at":         "2012-01-05T23:58:39Z"\r
+        },\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 115\r
+    },\r
     {\r
-        "artist": {\r
-            "api_url": null, \r
-            "author_id": 2, \r
-            "created_at": "2012-01-22T10:13:10Z", \r
-            "crowled_at": null, \r
-            "default_license_id": 0, \r
-            "email": null, \r
-            "homepage_url": null, \r
-            "id": 2, \r
-            "name": "iz", \r
-            "updated_at": "2012-01-22T10:13:10Z"\r
-        }, \r
-        "artist_id": 2, \r
-        "created_at": "2012-01-22T10:14:57Z", \r
-        "ext": "jpeg", \r
-        "filesize": 140234, \r
-        "height": 800, \r
-        "id": 6, \r
-        "license_id": 0, \r
-        "resource_picture": {\r
-            "artist_id": 2, \r
-            "created_at": "2012-01-22T10:14:57Z", \r
-            "ext": "jpeg", \r
-            "filesize": 140234, \r
-            "height": 800, \r
-            "id": 6, \r
-            "license_id": 0, \r
-            "original_picture_id": 6, \r
-            "updated_at": "2012-01-22T10:14:57Z", \r
-            "width": 712\r
-        }, \r
-        "updated_at": "2012-01-22T10:14:57Z", \r
-        "width": 712\r
+        "id":         116,\r
+        "ext":        "gif",\r
+        "width":      800,\r
+        "height":     772,\r
+        "filesize":   115967,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 116\r
+    },\r
+    {\r
+        "id":         117,\r
+        "ext":        "gif",\r
+        "width":      680,\r
+        "height":     771,\r
+        "filesize":   55062,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 117\r
+    },\r
+    {\r
+        "id":         118,\r
+        "ext":        "gif",\r
+        "width":      800,\r
+        "height":     614,\r
+        "filesize":   106203,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 118\r
+    },\r
+    {\r
+        "id":         119,\r
+        "ext":        "gif",\r
+        "width":      630,\r
+        "height":     986,\r
+        "filesize":   77390,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 119\r
+    },\r
+    {\r
+        "id":         120,\r
+        "ext":        "gif",\r
+        "width":      566,\r
+        "height":     800,\r
+        "filesize":   65877,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 120\r
+    },\r
+    {\r
+        "id":         121,\r
+        "ext":        "gif",\r
+        "width":      680,\r
+        "height":     954,\r
+        "filesize":   57888,\r
+        "artist_id":  4,\r
+        "license_id": 1,\r
+        "created_at": "2012-01-05T23:59:01Z",\r
+        "updated_at": "2012-01-15T07:49:12Z",\r
+        "original_picture_id": 121\r
     }\r
 ]
\ No newline at end of file
diff --git a/0.4.x/resource_pictures/1751.gif b/0.4.x/resource_pictures/1751.gif
deleted file mode 100644 (file)
index cebd92e..0000000
Binary files a/0.4.x/resource_pictures/1751.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1752.gif b/0.4.x/resource_pictures/1752.gif
deleted file mode 100644 (file)
index 9bc800c..0000000
Binary files a/0.4.x/resource_pictures/1752.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1753.gif b/0.4.x/resource_pictures/1753.gif
deleted file mode 100644 (file)
index dd26074..0000000
Binary files a/0.4.x/resource_pictures/1753.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1754.gif b/0.4.x/resource_pictures/1754.gif
deleted file mode 100644 (file)
index dd26074..0000000
Binary files a/0.4.x/resource_pictures/1754.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1876.gif b/0.4.x/resource_pictures/1876.gif
deleted file mode 100644 (file)
index 269f0af..0000000
Binary files a/0.4.x/resource_pictures/1876.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1877.gif b/0.4.x/resource_pictures/1877.gif
deleted file mode 100644 (file)
index b45421c..0000000
Binary files a/0.4.x/resource_pictures/1877.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1878.gif b/0.4.x/resource_pictures/1878.gif
deleted file mode 100644 (file)
index 9e9dc4d..0000000
Binary files a/0.4.x/resource_pictures/1878.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1885.gif b/0.4.x/resource_pictures/1885.gif
deleted file mode 100644 (file)
index 3352479..0000000
Binary files a/0.4.x/resource_pictures/1885.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1886.gif b/0.4.x/resource_pictures/1886.gif
deleted file mode 100644 (file)
index e504bde..0000000
Binary files a/0.4.x/resource_pictures/1886.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1887.gif b/0.4.x/resource_pictures/1887.gif
deleted file mode 100644 (file)
index d30db58..0000000
Binary files a/0.4.x/resource_pictures/1887.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1891.gif b/0.4.x/resource_pictures/1891.gif
deleted file mode 100644 (file)
index c87f77c..0000000
Binary files a/0.4.x/resource_pictures/1891.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1892.gif b/0.4.x/resource_pictures/1892.gif
deleted file mode 100644 (file)
index 244ec1d..0000000
Binary files a/0.4.x/resource_pictures/1892.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1893.gif b/0.4.x/resource_pictures/1893.gif
deleted file mode 100644 (file)
index 047f47c..0000000
Binary files a/0.4.x/resource_pictures/1893.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1894.gif b/0.4.x/resource_pictures/1894.gif
deleted file mode 100644 (file)
index 44070f7..0000000
Binary files a/0.4.x/resource_pictures/1894.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1911.gif b/0.4.x/resource_pictures/1911.gif
deleted file mode 100644 (file)
index 7e8e85b..0000000
Binary files a/0.4.x/resource_pictures/1911.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1946.gif b/0.4.x/resource_pictures/1946.gif
deleted file mode 100644 (file)
index 1860063..0000000
Binary files a/0.4.x/resource_pictures/1946.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1947.gif b/0.4.x/resource_pictures/1947.gif
deleted file mode 100644 (file)
index 3e88d52..0000000
Binary files a/0.4.x/resource_pictures/1947.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1987.gif b/0.4.x/resource_pictures/1987.gif
deleted file mode 100644 (file)
index ad2f80e..0000000
Binary files a/0.4.x/resource_pictures/1987.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/1990.gif b/0.4.x/resource_pictures/1990.gif
deleted file mode 100644 (file)
index 9822018..0000000
Binary files a/0.4.x/resource_pictures/1990.gif and /dev/null differ
index 703ac45..6a673fd 100644 (file)
Binary files a/0.4.x/resource_pictures/20.gif and b/0.4.x/resource_pictures/20.gif differ
diff --git a/0.4.x/resource_pictures/2084.gif b/0.4.x/resource_pictures/2084.gif
deleted file mode 100644 (file)
index b3a4e41..0000000
Binary files a/0.4.x/resource_pictures/2084.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2153.gif b/0.4.x/resource_pictures/2153.gif
deleted file mode 100644 (file)
index 46d7d15..0000000
Binary files a/0.4.x/resource_pictures/2153.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2157.gif b/0.4.x/resource_pictures/2157.gif
deleted file mode 100644 (file)
index 6bd89f9..0000000
Binary files a/0.4.x/resource_pictures/2157.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2158.gif b/0.4.x/resource_pictures/2158.gif
deleted file mode 100644 (file)
index 3fd90b6..0000000
Binary files a/0.4.x/resource_pictures/2158.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2165.gif b/0.4.x/resource_pictures/2165.gif
deleted file mode 100644 (file)
index 8400292..0000000
Binary files a/0.4.x/resource_pictures/2165.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2168.gif b/0.4.x/resource_pictures/2168.gif
deleted file mode 100644 (file)
index 7ac92c6..0000000
Binary files a/0.4.x/resource_pictures/2168.gif and /dev/null differ
index 6a673fd..897eedd 100644 (file)
Binary files a/0.4.x/resource_pictures/22.gif and b/0.4.x/resource_pictures/22.gif differ
diff --git a/0.4.x/resource_pictures/2276.gif b/0.4.x/resource_pictures/2276.gif
deleted file mode 100644 (file)
index 9ef4e17..0000000
Binary files a/0.4.x/resource_pictures/2276.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2277.gif b/0.4.x/resource_pictures/2277.gif
deleted file mode 100644 (file)
index 2e37972..0000000
Binary files a/0.4.x/resource_pictures/2277.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2278.gif b/0.4.x/resource_pictures/2278.gif
deleted file mode 100644 (file)
index 633cd60..0000000
Binary files a/0.4.x/resource_pictures/2278.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2279.gif b/0.4.x/resource_pictures/2279.gif
deleted file mode 100644 (file)
index 6f73b2e..0000000
Binary files a/0.4.x/resource_pictures/2279.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2287.gif b/0.4.x/resource_pictures/2287.gif
deleted file mode 100644 (file)
index 3090622..0000000
Binary files a/0.4.x/resource_pictures/2287.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2288.gif b/0.4.x/resource_pictures/2288.gif
deleted file mode 100644 (file)
index 5cd9294..0000000
Binary files a/0.4.x/resource_pictures/2288.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2299.gif b/0.4.x/resource_pictures/2299.gif
deleted file mode 100644 (file)
index 110ae7a..0000000
Binary files a/0.4.x/resource_pictures/2299.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2312.gif b/0.4.x/resource_pictures/2312.gif
deleted file mode 100644 (file)
index 1549602..0000000
Binary files a/0.4.x/resource_pictures/2312.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2313.gif b/0.4.x/resource_pictures/2313.gif
deleted file mode 100644 (file)
index 465bbec..0000000
Binary files a/0.4.x/resource_pictures/2313.gif and /dev/null differ
diff --git a/0.4.x/resource_pictures/2314.gif b/0.4.x/resource_pictures/2314.gif
deleted file mode 100644 (file)
index 72e5494..0000000
Binary files a/0.4.x/resource_pictures/2314.gif and /dev/null differ
index 897eedd..cebd92e 100644 (file)
Binary files a/0.4.x/resource_pictures/52.gif and b/0.4.x/resource_pictures/52.gif differ
diff --git a/0.4.x/resource_pictures/thumbnail/1.png b/0.4.x/resource_pictures/thumbnail/1.png
deleted file mode 100644 (file)
index 3ab5eae..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/1.png and /dev/null differ
diff --git a/0.4.x/resource_pictures/thumbnail/2.png b/0.4.x/resource_pictures/thumbnail/2.png
deleted file mode 100644 (file)
index f44806b..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/2.png and /dev/null differ
diff --git a/0.4.x/resource_pictures/thumbnail/3.png b/0.4.x/resource_pictures/thumbnail/3.png
deleted file mode 100644 (file)
index 8655441..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/3.png and /dev/null differ
diff --git a/0.4.x/resource_pictures/thumbnail/4.png b/0.4.x/resource_pictures/thumbnail/4.png
deleted file mode 100644 (file)
index c449e4c..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/4.png and /dev/null differ
diff --git a/0.4.x/resource_pictures/thumbnail/5.png b/0.4.x/resource_pictures/thumbnail/5.png
deleted file mode 100644 (file)
index c985a19..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/5.png and /dev/null differ
diff --git a/0.4.x/resource_pictures/thumbnail/6.jpeg b/0.4.x/resource_pictures/thumbnail/6.jpeg
deleted file mode 100644 (file)
index 495d67e..0000000
Binary files a/0.4.x/resource_pictures/thumbnail/6.jpeg and /dev/null differ
index f8c3be9..3e8f05c 100644 (file)
@@ -1,3 +1,5 @@
+@charset "UTF-8";\r
+\r
 /*\r
  * pettanR\r
  * \r
index 29ee7e2..91dcdd0 100644 (file)
@@ -1,3 +1,5 @@
+@charset "UTF-8";\r
+\r
 /*\r
  * pettanR\r
  * \r
                        -moz-border-radius:             5px;\r
                        -webkit-border-radius:  5px;\r
                }\r
-\r
-               /*  Output Console\r
-               --------------------------------------------------------------------------------------*/\r
-                       #output-console-wrapper {\r
-                               position:                               absolute;\r
-                               width:                                  80%;\r
-                               height:                                 80%;\r
-                               background-color:               #fff;\r
-                       }\r
-                               #output-area {\r
-                                       width:                  100%;\r
-                                       height:                 100%;\r
-                                       border:                 1px outset #ccc;\r
-                                       outline:                1px;\r
-                               }\r
                \r
                /*  Console Common\r
                --------------------------------------------------------------------------------------*/\r
                                        margin-top:             15px;\r
                                        color:                  #666;\r
                                }\r
-                                       \r
+\r
+               /*  Field\r
+               --------------------------------------------------------------------------------------*/\r
+                       .field {\r
+                               margin:                         10px 0;\r
+                               padding-bottom:         5px;\r
+                               border-bottom:          1px solid #ccc;\r
+                       }                               \r
+                               .field-label {\r
+                                       display:                        inline-block;\r
+                                       width:                          120px;\r
+                                       line-height:            22px;\r
+                                       color:                          #666;\r
+                                       cursor:                         pointer;\r
+                               }\r
+\r
                /*  Comic Console\r
                --------------------------------------------------------------------------------------*/\r
                                #comic-console {\r
                                        \r
                                }\r
-                                       .comic-console-label {\r
-                                               display:                        inline-block;\r
-                                               width:                          120px;\r
-                                               line-height:            22px;\r
-                                               color:                          #666;\r
-                                               cursor:                         pointer;\r
-                                       }\r
+\r
                                        .comic-console-value {\r
                                                width:                          40px;\r
                                                text-align:                     right;\r
                                        }\r
-                                       .comic-console-line {\r
-                                               margin:                         10px 0;\r
-                                               padding-bottom:         5px;\r
-                                               border-bottom:          1px solid #ccc;\r
-                                       }\r
+\r
                                        #comic-console-title,\r
                                        #comic-console-height,\r
                                        #comic-console-width,\r
                                                        text-align:             center;\r
                                                }\r
                                        \r
-                                       #comic-console-button-container {\r
-                                               margin-top:                     20px;\r
-                                               position:                       relative;\r
-                                       }\r
+\r
                                        \r
+               /*  Output Console\r
+               --------------------------------------------------------------------------------------*/\r
+               \r
+                       #output-console-wrapper {\r
 \r
+                       }\r
+                               #output-console-format-value {\r
+                                       width:                  180px;\r
+                                       text-align:             center\r
+                               }\r
+                               #output-console-option-value {\r
+                                       width:                  180px;\r
+                                       text-align:             left;\r
+                               }\r
+                               #output-console-button-container {\r
+                                       margin:                 10px 0;\r
+                                       position:               relative;\r
+                               }                               \r
+                               #output-area {\r
+                                       width:                  100%;\r
+                                       height:                 200px;\r
+                                       border:                 1px outset #ccc;\r
+                                       outline:                1px;\r
+                                       margin-bottom:  20px;\r
+                               }\r
                                        \r
                /*  Upload Console\r
                --------------------------------------------------------------------------------------*/\r
                                line-height:    30px;\r
                                *cursor:                pointer;\r
                        }\r
-                       .current-option a,\r
-                       .current-option a:link,\r
-                       .current-option a:visited {\r
-                               color:                          #e6e6ef;\r
-                               background-color:       #66f;\r
-                               text-decoration:        none;\r
-                       }\r
                        .option-container a:hover {\r
                                color:                          #333;\r
                                background-color:       #ccf;\r
                                text-decoration:        none;\r
                                *cursor:                        pointer;\r
                        }\r
+                       .current-option a,\r
+                       .current-option a:link,\r
+                       .current-option a:visited {\r
+                               color:                          #e6e6ef;\r
+                               background-color:       #66f;\r
+                               text-decoration:        none;\r
+                       }                       \r
        \r
        /*  Information Window\r
        --------------------------------------------------------------------------------------*/\r
index 2bfd0b4..6c1f4dc 100644 (file)
                        <div id="overlay-shadow"></div>\r
                        <div id="overlay-close-button">x</div>\r
                </div>\r
-\r
-       <!-- アウトプットコンソール -->\r
-               <div id="output-console-wrapper">\r
-                       <textarea id="output-area" readonly></textarea>\r
-               </div>\r
                \r
        <!-- テキスト エディタ -->\r
                <div id="speach-editor-wrapper">\r
                        </div>\r
                </div>\r
 \r
+       <!-- アウトプットコンソール -->\r
+               <div id="output-console-wrapper" class="console-wrapper">\r
+                       <div id="output-console-header" class="console-header">Output Console</div>\r
+                       <div id="output-console" class="console-inner">\r
+                               <div id="output-console-format" class="field">\r
+                                       <span class="field-label">Format:</span>\r
+                                       <span id="output-console-format-value" class="output-console-value combobox"></span>\r
+                               </div>\r
+                               <div id="output-console-option" class="field">\r
+                                       <span class="field-label">Options:</span>\r
+                                       <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>\r
+                               </div>                          \r
+                               <div id="output-console-button-container" class="clearfix">\r
+                                       <div id="output-console-generate-button" class="button console-submit-button">generate</div>\r
+                                       <div id="output-console-close-button" class="button console-cancel-button">close</div>\r
+                               </div>\r
+                               <textarea id="output-area" readonly></textarea>\r
+                       </div>\r
+               </div>\r
+\r
        <!-- コミックの新規作成・編集・削除 -->\r
                <div id="comic-console-wrapper" class="console-wrapper">\r
                        <div id="comic-console-header" class="console-header">Create New Comic</div>\r
                        <div id="comic-console" class="console-inner">\r
-                               <div id="comic-console-title" class="comic-console-line">\r
-                                       <span class="comic-console-label">Title:</span>\r
+                               <div id="comic-console-title" class="field">\r
+                                       <span class="field-label">Title:</span>\r
                                        <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
                                </div>\r
-                               <div id="comic-console-width" class="comic-console-line">\r
-                                       <span class="comic-console-label">Default Width:</span>\r
+                               <div id="comic-console-width" class="field">\r
+                                       <span class="field-label">Default Width:</span>\r
                                        <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
                                </div>\r
-                               <div id="comic-console-height" class="comic-console-line">\r
-                                       <span class="comic-console-label">Default Height:</span>\r
+                               <div id="comic-console-height" class="field">\r
+                                       <span class="field-label">Default Height:</span>\r
                                        <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
                                </div>\r
-                               <div id="comic-console-visible" class="comic-console-line">\r
-                                       <span class="comic-console-label">Visible:</span>\r
+                               <div id="comic-console-visible" class="field">\r
+                                       <span class="field-label">Visible:</span>\r
                                        <span id="comic-console-visible-value" class="comic-console-value combobox"></span>\r
                                </div>\r
-                               <div id="comic-console-editable" class="comic-console-line">\r
-                                       <span class="comic-console-label">Editable:</span>\r
+                               <div id="comic-console-editable" class="field">\r
+                                       <span class="field-label">Editable:</span>\r
                                        <span id="comic-console-editable-value" class="comic-console-value combobox"></span>\r
                                </div>\r
                                <div class="console-button-container">\r