{"id":323,"date":"2012-05-01T09:16:08","date_gmt":"2012-05-01T00:16:08","guid":{"rendered":"http:\/\/www.typea.info\/blog\/index.php\/2012\/05\/01\/dojo_bordercontainer\/"},"modified":"2012-05-01T09:16:08","modified_gmt":"2012-05-01T00:16:08","slug":"dojo_bordercontainer","status":"publish","type":"post","link":"https:\/\/www.typea.info\/blog\/index.php\/2012\/05\/01\/dojo_bordercontainer\/","title":{"rendered":"Dojo BorderContainer \u30ec\u30a4\u30a2\u30a6\u30c8"},"content":{"rendered":"<p>&#160;<\/p>\n<p><a href=\"https:\/\/www.typea.info\/blog\/index.php\/2012\/04\/27\/dojo\">Dojo \u306b\u624b\u3092\u51fa\u3057\u59cb\u3081\u305f<\/a>\u3002\u306e\u3067\u3001<a href=\"http:\/\/dojotoolkit.org\/api\/\">API \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u3001\u5c11\u3057\u305a\u3064\u3064\u304f\u3063\u3066\u3044\u3053\u3046\u304b\u306a\u3002<\/p>\n<p>\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u5148\u305a\u306f\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3002\u30b9\u30bf\u30fc\u30c8\u30e9\u30a4\u30f3\u3068\u3057\u3066\u3001BorderContainer \u3092\u8a66\u3057\u3066\u307f\u308b\u3002<\/p>\n<h2><a href=\"http:\/\/dojotoolkit.org\/api\/dijit.layout.BorderContainer\">BorderContainer<\/a><\/h2>\n<h3>\u6982\u8981<\/h3>\n<ul>\n<li>BorderContainer \u306f\u3001 style=&quot;width: 500px; height: 500px;&quot;\u306e\u3088\u3046\u306b\u3001\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b\u30dc\u30c3\u30af\u30b9 <\/li>\n<li>region=&quot;center&quot;(\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3001&quot;top&quot;\u3001&quot;bottom&quot;\u3001&quot;leading&quot;\u3001&quot;trailing&quot;\u3001&quot;left&quot;\u3001&quot;right&quot;)\u3067\u30de\u30fc\u30af\u3055\u308c\u305f\u5b50\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b <\/li>\n<li>\u5b50\u8981\u7d20\u306f\u3001\u5e45\u304a\u3088\u3073\u9ad8\u3055\u304a\u3088\u3073\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30b9\u30d7\u30ea\u30c3\u30bf\u30fc(\u30e6\u30fc\u30b6\u30fc\u306b\u3088\u308a\u30ea\u30b5\u30a4\u30ba\u53ef\u80fd)\u306b\u3042\u308f\u305b\u3066\u30ec\u30a4\u30a2\u30a6\u30c8\u3055\u308c\u308b <\/li>\n<li>\u6b8b\u308a\u306e\u30b9\u30da\u30fc\u30b9\u306f\u3001center \u9818\u57df\u306e\u305f\u3081\u4f7f\u7528\u3055\u308c\u308b <\/li>\n<\/ul>\n<p>&#160;<\/p>\n<ul>\n<li>\u5916\u5074\u306e\u30b5\u30a4\u30ba\u306fBorderContainer \u30ce\u30fc\u30c9\u3092\u898f\u5b9a\u3059\u308b\u3002\u5e45\u306f\u3001\u4e21\u5074\u304a\u3088\u3073\u9ad8\u3055\u3092\u898f\u5b9a\u3059\u308b <\/li>\n<li>center\u306e\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3057\u306a\u3044\u3068\u3001\u6b8b\u308a\u306e\u30b9\u30da\u30fc\u30b9\u3067\u57cb\u3081\u3089\u308c\u308b <\/li>\n<li>&quot;leading&quot; \u304a\u3088\u3073 &quot;traling&quot; \u9818\u57df\u306f\u3001&quot;left&quot;\u304a\u3088\u3073&quot;right&quot;\u306e\u3069\u3061\u3089\u304b\u306e\u307f\u4f7f\u7528\u3059\u308b <\/li>\n<\/ul>\n<p>&#160;<\/p>\n<ul>\n<li>\u8907\u96d1\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5834\u5408\u3001\u8907\u6570\u306e\u5b50\u8981\u7d20\u3092\u4e00\u3064\u306e\u9818\u57df\u306b\u8a2d\u5b9a\u3067\u304d\u308b <\/li>\n<li>\u5b50\u8981\u7d20\u306e layoutPrioryty(\u30ec\u30a4\u30a2\u30a6\u30c8\u512a\u5148\u5ea6) \u30d5\u30e9\u30b0 \u306f\u3069\u306e\u5b50\u4f9b\u304c\u3088\u308a\u7aef\u306b\u8fd1\u3044(\u30ec\u30a4\u30a2\u30a6\u30c8\u512a\u5148\u5ea6\u304c\u4f4e\u3044)\u304b\u3001\u3088\u308a\u4e2d\u5fc3\u306b\u8fd1\u3044\u304b(\u30ec\u30a4\u30a2\u30a6\u30c8\u512a\u5148\u5ea6\u304c\u9ad8\u3044)\u3092\u6c7a\u5b9a\u3059\u308b      <br \/>layoutPrioryty(\u30ec\u30a4\u30a2\u30a6\u30c8\u512a\u5148\u5ea6)\u306f\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u6c34\u5e73\u3001\u5782\u76f4\u512a\u5148\u9806\u4f4d\u5c5e\u6027\u306e\u4ee3\u308f\u308a\u306b\u3082\u4f7f\u7528\u3067\u304d\u308b <\/li>\n<\/ul>\n<h3>\u4f8b<\/h3>\n<p><a href=\"https:\/\/www.typea.info\/blog\/wp-content\/uploads\/image\/DojoBorderContainer_7694\/dojo_boarder_layout.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px\" title=\"dojo_boarder_layout\" border=\"0\" alt=\"dojo_boarder_layout\" src=\"https:\/\/www.typea.info\/blog\/wp-content\/uploads\/image\/DojoBorderContainer_7694\/dojo_boarder_layout_thumb.jpg\" width=\"338\" height=\"248\" \/><\/a> <\/p>\n<pre class=\"prettyprint linenums\">&lt;!DOCTYPE HTML&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=UTF-8&quot;&gt;\r\n  &lt;link rel=&quot;stylesheet&quot; href=&quot;js\/dijit\/themes\/claro\/claro.css&quot;\/&gt;\r\n  &lt;style type=&quot;text\/css&quot;&gt;\r\n  html, body {\r\n      width: 100%;\r\n      height: 100%;\r\n      margin: 0;\r\n      overflow:hidden;\r\n  }\r\n  #border_container{\r\n    width:100%;\r\n    height:100%;\r\n  }\r\n  &lt;\/style&gt;\r\n  &lt;title&gt;&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body class=&quot;claro&quot;&gt;\r\n\r\n  &lt;div data-dojo-type=&quot;dijit.layout.BorderContainer&quot; data-dojo-props=&quot;gutters: true&quot; id=&quot;border_container&quot;&gt;\r\n    &lt;div data-dojo-type=&quot;dijit.layout.ContentPane&quot; data-dojo-props=&quot;region: 'top', splitter: true&quot;&gt;\r\n    top\r\n    &lt;\/div&gt;\r\n    &lt;div data-dojo-type=&quot;dijit.layout.ContentPane&quot; data-dojo-props=&quot;region: 'leading', splitter: true&quot; style=&quot;left: 100px;&quot;&gt;\r\n    leading\r\n    &lt;\/div&gt;\r\n    &lt;div data-dojo-type=&quot;dijit.layout.ContentPane&quot; data-dojo-props=&quot;region: 'center', splitter: true&quot;&gt;\r\n    contents\r\n    &lt;\/div&gt;\r\n    &lt;div data-dojo-type=&quot;dijit.layout.ContentPane&quot; data-dojo-props=&quot;region: 'trailing', splitter: true&quot; style=&quot;left: 100px;&quot;&gt;\r\n    trailing\r\n    &lt;\/div&gt;\r\n    &lt;div data-dojo-type=&quot;dijit.layout.ContentPane&quot; data-dojo-props=&quot;region: 'bottom', splitter: true&quot;&gt;\r\n    bottom\r\n    &lt;\/div&gt;\r\n  &lt;\/div&gt;\r\n\r\n  &lt;script src=&quot;js\/dojo\/dojo.js&quot; djConfig=&quot;parseOnLoad: true&quot;&gt;\r\n  &lt;\/script&gt;\r\n  &lt;script type=&quot;text\/javascript&quot;&gt;\r\n  dojo.require(&quot;dijit.layout.BorderContainer&quot;);\r\n  dojo.require(&quot;dijit.layout.ContentPane&quot;);\r\n  dojo.addOnLoad(function(){\r\n    \r\n    \r\n  });\r\n  &lt;\/script&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<\/p>\n<p>\u3075\u30fc\u3093\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#160; Dojo \u306b\u624b\u3092\u51fa\u3057\u59cb\u3081\u305f\u3002\u306e\u3067\u3001API \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u3001\u5c11\u3057\u305a\u3064\u3064\u304f\u3063\u3066\u3044\u3053\u3046\u304b\u306a\u3002 \u3068\u3044\u3046\u3053\u3068\u3067\u3001\u5148\u305a\u306f\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3002\u30b9\u30bf\u30fc\u30c8\u30e9\u30a4\u30f3\u3068\u3057\u3066\u3001BorderContainer \u3092\u8a66\u3057\u3066\u307f\u308b\u3002 B [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","footnotes":""},"categories":[51],"tags":[],"class_list":["post-323","post","type-post","status-publish","format-standard","hentry","category-dojo"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":0,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/323\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}