{"id":2464,"date":"2015-09-17T14:46:02","date_gmt":"2015-09-17T05:46:02","guid":{"rendered":"http:\/\/www.dream-net.org\/blog\/?p=2464"},"modified":"2015-09-18T12:11:57","modified_gmt":"2015-09-18T03:11:57","slug":"%e3%83%aa%e3%83%83%e3%83%81%e3%81%aa%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e6%a5%bd%e3%81%97%e3%81%84%ef%bc%81%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e7%94%bb","status":"publish","type":"post","link":"https:\/\/dream-net.org\/blog\/?p=2464","title":{"rendered":"\u30ea\u30c3\u30c1\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u697d\u3057\u3044\uff01\u80cc\u666f\u753b\u50cf\u3092\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u300cVegas2\u300d"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Vegas2\"><span class=\"toc_number toc_depth_1\">1<\/span> \u30ea\u30c3\u30c1\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u697d\u3057\u3044\uff01\u80cc\u666f\u753b\u50cf\u3092\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u300cVegas2\u300d<\/a><\/li><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">2<\/span> \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/li><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_1\">3<\/span> \u57fa\u672c\u306e\u4f7f\u3044\u65b9<\/a><ul><li><a href=\"#i-3\"><span class=\"toc_number toc_depth_2\">3.1<\/span> \uff11.\u5404\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080<\/a><\/li><li><a href=\"#2\"><span class=\"toc_number toc_depth_2\">3.2<\/span> 2.\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a18\u8ff0<\/a><\/li><\/ul><\/li><li><a href=\"#i-4\"><span class=\"toc_number toc_depth_1\">4<\/span> \u30aa\u30d7\u30b7\u30e7\u30f3<\/a><ul><li><a href=\"#i-5\"><span class=\"toc_number toc_depth_2\">4.1<\/span> \u30fb\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3<\/a><\/li><li><a href=\"#i-6\"><span class=\"toc_number toc_depth_2\">4.2<\/span> \u30fb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3<\/a><\/li><\/ul><\/li><\/ul><\/div>\n<h2 style=\"color: #134985; background: #fffd73;\"><span id=\"Vegas2\">\u30ea\u30c3\u30c1\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u697d\u3057\u3044\uff01\u80cc\u666f\u753b\u50cf\u3092\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u300cVegas2\u300d<\/span><\/h2>\n<p><a href=\"http:\/\/vegas.jaysalvat.com\/demo\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/09\/01.jpg\" width=\"600\" height=\"418\" \/><\/a><\/p>\n<p>\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u753b\u50cf\u3084\u52d5\u753b\u3092\u8868\u793a\u3055\u305b\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u5207\u308a\u66ff\u3048\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u300cVegas2\u300d\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u591a\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u7528\u610f\u3055\u308c\u3066\u304a\u308a\u3001\u7c21\u5358\u306b\u3001\u30ea\u30c3\u30c1\u306a\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p style=\"margin-top:40\"><a href=\"http:\/\/vegas.jaysalvat.com\/documentation\/settings\/\" target=\"_parent\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/09\/02.jpg\" width=\"600\" height=\"424\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"http:\/\/vegas.jaysalvat.com\/documentation\/settings\/\" target=\"_parent\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/09\/03.jpg\" width=\"600\" height=\"456\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"http:\/\/vegas.jaysalvat.com\/documentation\/settings\/\" target=\"_blank\">SETTINGS<\/a>\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3084\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u306a\u3069\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u8a66\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n<\/p>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/span><\/h2>\n<p>\u30fb<a href=\"http:\/\/vegas.jaysalvat.com\/documentation\/setup\" target=\"_blank\">\u672c\u30b5\u30a4\u30c8<\/a><br \/>\n  \u30fb<a href=\"http:\/\/codepen.io\/jaysalvat\/pen\/OPBZrZ\" target=\"_blank\">CODEPEN<\/a><br \/>\n  <a href=\"https:\/\/github.com\/jaysalvat\/vegas\" target=\"_blank\">\u30fbGitHub<\/a><\/p>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-2\">\u57fa\u672c\u306e\u4f7f\u3044\u65b9<\/span><\/h2>\n<h3><span id=\"i-3\">\uff11.\u5404\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080<\/span><\/h3>\n<p>  HTML\u5185\u3067\u30b9\u30af\u30ea\u30d7\u30c8\u3068\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3001jQuery\u672c\u4f53\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n<p style=\"margin-bottom:20px; margin-top:40px; color:#960\"><strong>[HTML]<\/strong><\/p>\n<div style=\"margin:10px 0px 30px 0px;  border:dotted #960 1px; background: #FDF9E8; padding:20px; width:500px; color: #960\" >\n<p>&lt;head&gt;<br \/>\n  &lt;link rel=&quot;stylesheet&quot; href=&quot;http:\/\/jaysalvat.github.io\/vegas\/releases\/latest\/vegas.min.css&quot;&gt;<br \/>\n  &lt;\/head&gt;<br \/>\n  &lt;body&gt;<br \/>\n  &lt;!&#8211;\u00a0<br \/>\n  \u30b3\u30f3\u30c6\u30f3\u30c4<br \/>\n  &#8211;&gt;<br \/>\n  &lt;script src=&quot;https:\/\/code.jquery.com\/jquery-2.1.3.min.js&quot;&gt;&lt;\/script&gt;<br \/>\n  &lt;script src=&quot;http:\/\/jaysalvat.github.io\/vegas\/releases\/latest\/vegas.js&quot;&gt;&lt;\/script&gt;<br \/>\n  &lt;\/body&gt;<\/p>\n<\/div>\n<h3><span id=\"2\">2.\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a18\u8ff0<\/span><\/h3>\n<p>\u30a8\u30ec\u30e1\u30f3\u30c8\u6307\u5b9a\u306e\u90e8\u5206\u3067class\u540d\u3084id\u540d\u3092\u8a18\u8ff0\u3059\u308c\u3070\u3001\u305d\u306e\u30d6\u30ed\u30c3\u30af\u306e\u307f\u306b\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u9069\u7528\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u4e0b\u306e\u4f8b\u3067\u306fbody\u5168\u4f53\u3092\u6307\u5b9a\u3057\u3001\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3055\u305b\u305f\u753b\u50cf\u3092\u5207\u308a\u66ff\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n<p style=\"margin-bottom:20px; margin-top:40px; color:#C01414\"><strong>[JavaScript]<\/strong><\/p>\n<div style=\"margin:10px 0px 30px 0px;  border:dotted #F77 1px; background: #FFF2F2; padding:20px; width:500px; color: #C01414\" >\n<p>$(function() {<br \/>\n    \u00a0\u00a0\u00a0\u00a0$(&#8216;body&#8217;).vegas({<br \/>\n    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0slides: [<br \/>\n    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ src: &#8216;img1.jpg&#8217; },<br \/>\n    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ src: &#8216;img2.jpg&#8217; },<br \/>\n    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ src: &#8216;img3.jpg&#8217; }<br \/>\n    \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]<br \/>\n    \u00a0\u00a0\u00a0\u00a0});<br \/>\n    }\n  <\/p>\n<\/div>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-4\">\u30aa\u30d7\u30b7\u30e7\u30f3<\/span><\/h2>\n<h3><span id=\"i-5\">\u30fb\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/09\/04.jpg\" width=\"600\" height=\"484\" \/><\/p>\n<p>\n  \u753b\u50cf\u5207\u308a\u66ff\u3048\u6642\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u30d5\u30a7\u30fc\u30c9\u3084\u30ba\u30fc\u30e0\u3092\u306f\u3058\u3081\u3001\u307c\u304b\u3057\u3001\u56de\u8ee2\u3001\u713c\u304d\u8fbc\u307f\u306a\u3069\u591a\u5f69\u3002\u5168\u90e8\u306724\u7a2e\u985e\u3042\u308a\u307e\u3059\u3002<\/p>\n<p style=\"margin-bottom:20px; margin-top:40px; color:#C01414\"><strong>[JavaScript]<\/strong><\/p>\n<div style=\"margin:10px 0px 30px 0px;  border:dotted #F77 1px; background: #FFF2F2; padding:20px; width:500px; color: #C01414\" >\n<p>\n  $elmt.vegas({<br \/>\n  slides: [<br \/>\n  { src: &#8216;\/img\/slide1.jpg&#8217; },<br \/>\n  { src: &#8216;\/img\/slide2.jpg&#8217; }},<br \/>\n  { src: &#8216;\/img\/slide3.jpg&#8217; }<br \/>\n  ],<br \/>\n  transition: &#8216;fade&#8217;<br \/>\n})<\/p>\n<\/div>\n<h3><span id=\"i-6\">\u30fb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/09\/05.jpg\" width=\"600\" height=\"479\" \/><\/p>\n<p>\n  \u753b\u50cf\u8868\u793a\u4e2d\u306e\u30a8\u30d5\u30a7\u30af\u30c8\u308210\u7a2e\u985e\u3068\u8c4a\u5bcc\u3002<\/p>\n<p style=\"margin-bottom:20px; margin-top:40px; color:#C01414\"><strong>[JavaScript]<\/strong><\/p>\n<div style=\"margin:10px 0px 30px 0px;  border:dotted #F77 1px; background: #FFF2F2; padding:20px; width:500px; color: #C01414\" >\n<p>\n  $elmt.vegas({<br \/>\n  slides: [<br \/>\n  { src: &#8216;\/img\/slide1.jpg&#8217; },<br \/>\n  { src: &#8216;\/img\/slide2.jpg&#8217; },<br \/>\n  { src: &#8216;\/img\/slide3.jpg&#8217; }<br \/>\n  ],<br \/>\n  animation: &#8216;kenburns&#8217;<br \/>\n  });<\/p>\n<\/div>\n<p style=\"margin-top:70px;\">\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30a8\u30d5\u30a7\u30af\u30c8\u306f\u3001\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3082\u306e\u4ee5\u5916\u306b\u3082\u81ea\u5206\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u30aa\u30ea\u30b8\u30ca\u30eb\u3092\u4f5c\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u6307\u5b9a\u65b9\u6cd5\u306f<a href=\"http:\/\/vegas.jaysalvat.com\/documentation\/transitions\/\" target=\"_blank\">TRANSITIONS<\/a>\u306e\u30da\u30fc\u30b8\u306b\u8a73\u3057\u304f\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u3053\u308c\u3092\u53c2\u8003\u306b\u3001\u4f7f\u3063\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contents1 \u30ea\u30c3\u30c1\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u697d\u3057\u3044\uff01\u80cc\u666f\u753b\u50cf\u3092\u753b\u9762\u3044\u3063\u3071\u3044\u306b\u8868\u793a\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u300cVegas2\u300d2 \u30c0\u30a6\u30f3\u30ed\u30fc\u30c93 \u57fa\u672c\u306e\u4f7f\u3044\u65b93.1 \uff11.\u5404\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u30803.2 2.\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a18\u8ff04 \u30aa\u30d7\u30b7\u30e7\u30f34. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2461,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-2464","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2464"}],"version-history":[{"count":1,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2464\/revisions"}],"predecessor-version":[{"id":2465,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2464\/revisions\/2465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/media\/2461"}],"wp:attachment":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}