CINXE.COM
第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果…編~ | テクナレジ
<!doctype html > <!--[if IE 8]> <html class="ie8" lang="en"> <![endif]--> <!--[if IE 9]> <html class="ie9" lang="en"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="ja" prefix="og: https://ogp.me/ns#" > <!--<![endif]--> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="pingback" href="https://technoledge.net/xmlrpc.php" /> <!-- Google Web Font by Google --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- All in One SEO 4.1.5.3 --> <title>第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果…編~ | テクナレジ</title> <meta name="description" content="同人イベント「収容違反インシデント2018」で、初めてイベントでのVR運用を行ったレポートです。作った簡単な体験ゲームの紹介のほか、部屋で使う事が前提のVRコンテンツとは違うイベント特有の困難さについても振り返りました。" /> <meta name="robots" content="max-image-preview:large" /> <link rel="canonical" href="https://technoledge.net/vr-event/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:site_name" content="テクナレジ" /> <meta property="og:type" content="activity" /> <meta property="og:title" content="第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果…編~ | テクナレジ" /> <meta property="og:description" content="同人イベント「収容違反インシデント2018」で、初めてイベントでのVR運用を行ったレポートです。作った簡単な体験ゲームの紹介のほか、部屋で使う事が前提のVRコンテンツとは違うイベント特有の困難さについても振り返りました。" /> <meta property="og:url" content="https://technoledge.net/vr-event/" /> <meta property="og:image" content="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png" /> <meta property="og:image:secure_url" content="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png" /> <meta property="og:image:width" content="1684" /> <meta property="og:image:height" content="596" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:domain" content="technoledge.net" /> <meta name="twitter:title" content="第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果…編~ | テクナレジ" /> <meta name="twitter:description" content="同人イベント「収容違反インシデント2018」で、初めてイベントでのVR運用を行ったレポートです。作った簡単な体験ゲームの紹介のほか、部屋で使う事が前提のVRコンテンツとは違うイベント特有の困難さについても振り返りました。" /> <meta name="twitter:image" content="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/technoledge.net\/#website","url":"https:\/\/technoledge.net\/","name":"\u30c6\u30af\u30ca\u30ec\u30b8","inLanguage":"ja","publisher":{"@id":"https:\/\/technoledge.net\/#organization"}},{"@type":"Organization","@id":"https:\/\/technoledge.net\/#organization","name":"\u30c6\u30af\u30ca\u30ec\u30b8","url":"https:\/\/technoledge.net\/"},{"@type":"BreadcrumbList","@id":"https:\/\/technoledge.net\/vr-event\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/technoledge.net\/#listItem","position":1,"item":{"@type":"WebPage","@id":"https:\/\/technoledge.net\/","name":"\u30db\u30fc\u30e0","description":"\u81ea\u793e\u30e1\u30c7\u30a3\u30a2\u3092\u30b3\u30a2\u30d3\u30b8\u30cd\u30b9\u3068\u3059\u308b\u682a\u5f0f\u4f1a\u793e\u30a8\u30e0\u30d5\u30ed\u306e\u30a8\u30f3\u30b8\u30cb\u30a2\u30d6\u30ed\u30b0\u3067\u3059\u3002\u696d\u52d9\u306e\u5185\u5916\u3067\u5f97\u305f\u30ce\u30a6\u30cf\u30a6\u3084\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u306a\u3069\u3001\u958b\u767a\u30a8\u30f3\u30b8\u30cb\u30a2\uff06\u30a4\u30f3\u30d5\u30e9\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u5411\u3051\u3066\u304a\u5f79\u7acb\u3061\u60c5\u5831\u3092\u516c\u958b\u3057\u3066\u3044\u307e\u3059\u3002","url":"https:\/\/technoledge.net\/"},"nextItem":"https:\/\/technoledge.net\/vr-event\/#listItem"},{"@type":"ListItem","@id":"https:\/\/technoledge.net\/vr-event\/#listItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/technoledge.net\/vr-event\/","name":"\u7b2c2\u56de\u300c\u8da3\u5473\u30ca\u30ec\u30b8\u300d \uff5e\u30d0\u30fc\u30c1\u30e3\u30eb\u3092\u30ea\u30a2\u30eb\u3067\u3084\u3063\u305f\u7d50\u679c\u2026\u2026\u7de8\uff5e","description":"\u540c\u4eba\u30a4\u30d9\u30f3\u30c8\u300c\u53ce\u5bb9\u9055\u53cd\u30a4\u30f3\u30b7\u30c7\u30f3\u30c82018\u300d\u3067\u3001\u521d\u3081\u3066\u30a4\u30d9\u30f3\u30c8\u3067\u306eVR\u904b\u7528\u3092\u884c\u3063\u305f\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\u4f5c\u3063\u305f\u7c21\u5358\u306a\u4f53\u9a13\u30b2\u30fc\u30e0\u306e\u7d39\u4ecb\u306e\u307b\u304b\u3001\u90e8\u5c4b\u3067\u4f7f\u3046\u4e8b\u304c\u524d\u63d0\u306eVR\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u306f\u9055\u3046\u30a4\u30d9\u30f3\u30c8\u7279\u6709\u306e\u56f0\u96e3\u3055\u306b\u3064\u3044\u3066\u3082\u632f\u308a\u8fd4\u308a\u307e\u3057\u305f\u3002","url":"https:\/\/technoledge.net\/vr-event\/"},"previousItem":"https:\/\/technoledge.net\/#listItem"}]},{"@type":"Person","@id":"https:\/\/technoledge.net\/author\/ikr-4185\/#author","url":"https:\/\/technoledge.net\/author\/ikr-4185\/","name":"\u80b2\u826f\u5553\u4e00\u90ce","image":{"@type":"ImageObject","@id":"https:\/\/technoledge.net\/vr-event\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/4f4513e227c6fee1c5d47f799c997a5a?s=96&d=mm&r=g","width":96,"height":96,"caption":"\u80b2\u826f\u5553\u4e00\u90ce"}},{"@type":"WebPage","@id":"https:\/\/technoledge.net\/vr-event\/#webpage","url":"https:\/\/technoledge.net\/vr-event\/","name":"\u7b2c2\u56de\u300c\u8da3\u5473\u30ca\u30ec\u30b8\u300d \uff5e\u30d0\u30fc\u30c1\u30e3\u30eb\u3092\u30ea\u30a2\u30eb\u3067\u3084\u3063\u305f\u7d50\u679c\u2026\u7de8\uff5e | \u30c6\u30af\u30ca\u30ec\u30b8","description":"\u540c\u4eba\u30a4\u30d9\u30f3\u30c8\u300c\u53ce\u5bb9\u9055\u53cd\u30a4\u30f3\u30b7\u30c7\u30f3\u30c82018\u300d\u3067\u3001\u521d\u3081\u3066\u30a4\u30d9\u30f3\u30c8\u3067\u306eVR\u904b\u7528\u3092\u884c\u3063\u305f\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\u4f5c\u3063\u305f\u7c21\u5358\u306a\u4f53\u9a13\u30b2\u30fc\u30e0\u306e\u7d39\u4ecb\u306e\u307b\u304b\u3001\u90e8\u5c4b\u3067\u4f7f\u3046\u4e8b\u304c\u524d\u63d0\u306eVR\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u306f\u9055\u3046\u30a4\u30d9\u30f3\u30c8\u7279\u6709\u306e\u56f0\u96e3\u3055\u306b\u3064\u3044\u3066\u3082\u632f\u308a\u8fd4\u308a\u307e\u3057\u305f\u3002","inLanguage":"ja","isPartOf":{"@id":"https:\/\/technoledge.net\/#website"},"breadcrumb":{"@id":"https:\/\/technoledge.net\/vr-event\/#breadcrumblist"},"author":"https:\/\/technoledge.net\/author\/ikr-4185\/#author","creator":"https:\/\/technoledge.net\/author\/ikr-4185\/#author","image":{"@type":"ImageObject","@id":"https:\/\/technoledge.net\/#mainImage","url":"https:\/\/technoledge.net\/wp-content\/uploads\/2018\/10\/180526_logo_002_w.png","width":1684,"height":596,"caption":"\u30a4\u30d9\u30f3\u30c8\u30ed\u30b4 \u00a9 \u5bae\u7aef\u5df3\u4ee3\u6cbb ( @38miyoji )\nSCP Logo \u00a9 Aelanna 2011\nimage licensed under CC BY-SA 3.0"},"primaryImageOfPage":{"@id":"https:\/\/technoledge.net\/vr-event\/#mainImage"},"datePublished":"2018-10-16T03:36:40+00:00","dateModified":"2018-10-22T02:22:24+00:00"},{"@type":"Article","@id":"https:\/\/technoledge.net\/vr-event\/#article","name":"\u7b2c2\u56de\u300c\u8da3\u5473\u30ca\u30ec\u30b8\u300d \uff5e\u30d0\u30fc\u30c1\u30e3\u30eb\u3092\u30ea\u30a2\u30eb\u3067\u3084\u3063\u305f\u7d50\u679c\u2026\u7de8\uff5e | \u30c6\u30af\u30ca\u30ec\u30b8","description":"\u540c\u4eba\u30a4\u30d9\u30f3\u30c8\u300c\u53ce\u5bb9\u9055\u53cd\u30a4\u30f3\u30b7\u30c7\u30f3\u30c82018\u300d\u3067\u3001\u521d\u3081\u3066\u30a4\u30d9\u30f3\u30c8\u3067\u306eVR\u904b\u7528\u3092\u884c\u3063\u305f\u30ec\u30dd\u30fc\u30c8\u3067\u3059\u3002\u4f5c\u3063\u305f\u7c21\u5358\u306a\u4f53\u9a13\u30b2\u30fc\u30e0\u306e\u7d39\u4ecb\u306e\u307b\u304b\u3001\u90e8\u5c4b\u3067\u4f7f\u3046\u4e8b\u304c\u524d\u63d0\u306eVR\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u306f\u9055\u3046\u30a4\u30d9\u30f3\u30c8\u7279\u6709\u306e\u56f0\u96e3\u3055\u306b\u3064\u3044\u3066\u3082\u632f\u308a\u8fd4\u308a\u307e\u3057\u305f\u3002","inLanguage":"ja","headline":"\u7b2c2\u56de\u300c\u8da3\u5473\u30ca\u30ec\u30b8\u300d \uff5e\u30d0\u30fc\u30c1\u30e3\u30eb\u3092\u30ea\u30a2\u30eb\u3067\u3084\u3063\u305f\u7d50\u679c\u2026\u2026\u7de8\uff5e","author":{"@id":"https:\/\/technoledge.net\/author\/ikr-4185\/#author"},"publisher":{"@id":"https:\/\/technoledge.net\/#organization"},"datePublished":"2018-10-16T03:36:40+00:00","dateModified":"2018-10-22T02:22:24+00:00","articleSection":"VR, C#, Unity, VR","mainEntityOfPage":{"@id":"https:\/\/technoledge.net\/vr-event\/#webpage"},"isPartOf":{"@id":"https:\/\/technoledge.net\/vr-event\/#webpage"},"image":{"@type":"ImageObject","@id":"https:\/\/technoledge.net\/#articleImage","url":"https:\/\/technoledge.net\/wp-content\/uploads\/2018\/10\/180526_logo_002_w.png","width":1684,"height":596,"caption":"\u30a4\u30d9\u30f3\u30c8\u30ed\u30b4 \u00a9 \u5bae\u7aef\u5df3\u4ee3\u6cbb ( @38miyoji )\nSCP Logo \u00a9 Aelanna 2011\nimage licensed under CC BY-SA 3.0"}}]} </script> <!-- All in One SEO --> <meta property="og:image" content="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png" /><link rel="icon" type="image/png" href="https://technoledge.net/wp-content/uploads/2018/07/favicon_16x16.png"><link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="テクナレジ » フィード" href="https://technoledge.net/feed/" /> <link rel="alternate" type="application/rss+xml" title="テクナレジ » コメントフィード" href="https://technoledge.net/comments/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/technoledge.net\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.23"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='contact-form-7-css' href='https://technoledge.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='td-plugin-multi-purpose-css' href='https://technoledge.net/wp-content/plugins/td-composer/td-multi-purpose/style.css?ver=3593e6198288cd1f8b28dc83dd3b8ada' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-style-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&ver=8.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='addtoany-css' href='https://technoledge.net/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.14' type='text/css' media='all' /> <link rel='stylesheet' id='prism-theme-css' href='https://technoledge.net/wp-content/plugins/ank-prism-for-wp/out/prism-css.min.css?ver=1536303930' type='text/css' media='all' /> <link rel='stylesheet' id='td-theme-css' href='https://technoledge.net/wp-content/themes/Newspaper/style.css?ver=8.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='td-theme-child-css' href='https://technoledge.net/wp-content/themes/Newspaper-child/style.css?ver=8.8.2c' type='text/css' media='all' /> <script> if (document.location.protocol != "https:") { document.location = document.URL.replace(/^http:/i, "https:"); } </script> <script type='text/javascript' src='https://technoledge.net/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='https://technoledge.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='https://technoledge.net/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.0'></script> <link rel='https://api.w.org/' href='https://technoledge.net/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://technoledge.net/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://technoledge.net/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='CentOS7 Firewalld 設定のポイント' href='https://technoledge.net/centos7-firewalld/' /> <link rel='next' title='MongoDBのバックアップ・リストア・エクスポート' href='https://technoledge.net/mongodb-backup-restore-export/' /> <meta name="generator" content="WordPress 4.9.23" /> <link rel='shortlink' href='https://technoledge.net/?p=629' /> <link rel="alternate" type="application/json+oembed" href="https://technoledge.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://technoledge.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&format=xml" /> <script data-cfasync="false"> window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_localize = { Share: "共有", Save: "ブックマーク", Subscribe: "購読", Email: "メール", Bookmark: "ブックマーク", ShowAll: "すべて表示する", ShowLess: "小さく表示する", FindServices: "サービスを探す", FindAnyServiceToAddTo: "追加するサービスを今すぐ探す", PoweredBy: "Powered by", ShareViaEmail: "メールでシェアする", SubscribeViaEmail: "メールで購読する", BookmarkInYourBrowser: "ブラウザにブックマーク", BookmarkInstructions: "このページをブックマークするには、 Ctrl+D または \u2318+D を押下。", AddToYourFavorites: "お気に入りに追加", SendFromWebOrProgram: "任意のメールアドレスまたはメールプログラムから送信", EmailProgram: "メールプログラム", More: "詳細…" }; (function(d,s,a,b){a=d.createElement(s);b=d.getElementsByTagName(s)[0];a.async=1;a.src="https://static.addtoany.com/menu/page.js";b.parentNode.insertBefore(a,b);})(document,"script"); </script> <script> window.tdwGlobal = {"adminUrl":"https:\/\/technoledge.net\/wp-admin\/","wpRestNonce":"7eb264b764","wpRestUrl":"https:\/\/technoledge.net\/wp-json\/","permalinkStructure":"\/%postname%\/"}; </script> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!-- JS generated by theme --> <script> var tdBlocksArray = []; //here we store all the items for the current page //td_block class - each ajax block uses a object of this class for requests function tdBlock() { this.id = ''; this.block_type = 1; //block type id (1-234 etc) this.atts = ''; this.td_column_number = ''; this.td_current_page = 1; // this.post_count = 0; //from wp this.found_posts = 0; //from wp this.max_num_pages = 0; //from wp this.td_filter_value = ''; //current live filter value this.is_ajax_running = false; this.td_user_action = ''; // load more or infinite loader (used by the animation) this.header_color = ''; this.ajax_pagination_infinite_stop = ''; //show load more at page x } // td_js_generator - mini detector (function(){ var htmlTag = document.getElementsByTagName("html")[0]; if ( navigator.userAgent.indexOf("MSIE 10.0") > -1 ) { htmlTag.className += ' ie10'; } if ( !!navigator.userAgent.match(/Trident.*rv\:11\./) ) { htmlTag.className += ' ie11'; } if ( navigator.userAgent.indexOf("Edge") > -1 ) { htmlTag.className += ' ieEdge'; } if ( /(iPad|iPhone|iPod)/g.test(navigator.userAgent) ) { htmlTag.className += ' td-md-is-ios'; } var user_agent = navigator.userAgent.toLowerCase(); if ( user_agent.indexOf("android") > -1 ) { htmlTag.className += ' td-md-is-android'; } if ( -1 !== navigator.userAgent.indexOf('Mac OS X') ) { htmlTag.className += ' td-md-is-os-x'; } if ( /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) ) { htmlTag.className += ' td-md-is-chrome'; } if ( -1 !== navigator.userAgent.indexOf('Firefox') ) { htmlTag.className += ' td-md-is-firefox'; } if ( -1 !== navigator.userAgent.indexOf('Safari') && -1 === navigator.userAgent.indexOf('Chrome') ) { htmlTag.className += ' td-md-is-safari'; } if( -1 !== navigator.userAgent.indexOf('IEMobile') ){ htmlTag.className += ' td-md-is-iemobile'; } })(); var tdLocalCache = {}; ( function () { "use strict"; tdLocalCache = { data: {}, remove: function (resource_id) { delete tdLocalCache.data[resource_id]; }, exist: function (resource_id) { return tdLocalCache.data.hasOwnProperty(resource_id) && tdLocalCache.data[resource_id] !== null; }, get: function (resource_id) { return tdLocalCache.data[resource_id]; }, set: function (resource_id, cachedData) { tdLocalCache.remove(resource_id); tdLocalCache.data[resource_id] = cachedData; } }; })(); var td_viewport_interval_list=[{"limitBottom":767,"sidebarWidth":228},{"limitBottom":1018,"sidebarWidth":300},{"limitBottom":1140,"sidebarWidth":324}]; var td_animation_stack_effect="type0"; var tds_animation_stack=true; var td_animation_stack_specific_selectors=".entry-thumb, img"; var td_animation_stack_general_selectors=".td-animation-stack img, .td-animation-stack .entry-thumb, .post img"; var td_ajax_url="https:\/\/technoledge.net\/wp-admin\/admin-ajax.php?td_theme_name=Newspaper&v=8.8.2"; var td_get_template_directory_uri="https:\/\/technoledge.net\/wp-content\/themes\/Newspaper"; var tds_snap_menu="smart_snap_always"; var tds_logo_on_sticky="show_header_logo"; var tds_header_style=""; var td_please_wait="\u304a\u5f85\u3061\u304f\u3060\u3055\u3044"; var td_email_user_pass_incorrect="\u30e6\u30fc\u30b6\u30fc\u304b\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u9593\u9055\u3063\u3066\u307e\u3059\uff01"; var td_email_user_incorrect="E\u30e1\u30fc\u30eb\u304b\u30e6\u30fc\u30b6\u540d\u304c\u9593\u9055\u3063\u3066\u307e\u3059\uff01"; var td_email_incorrect="E\u30e1\u30fc\u30eb\u304c\u9593\u9055\u3063\u3066\u307e\u3059\uff01"; var tds_more_articles_on_post_enable="show"; var tds_more_articles_on_post_time_to_wait=""; var tds_more_articles_on_post_pages_distance_from_top=0; var tds_theme_color_site_wide="#0366d6"; var tds_smart_sidebar="enabled"; var tdThemeName="Newspaper"; var td_magnific_popup_translation_tPrev="\u524d\uff08\u5de6\u30a2\u30ed\u30fc\u3000\u30ad\u30fc\uff09"; var td_magnific_popup_translation_tNext="\u6b21\uff08\u53f3\u30a2\u30ed\u30fc\u3000\u30ad\u30fc\uff09"; var td_magnific_popup_translation_tCounter="\uff05curr%\u306e\uff05total\uff05"; var td_magnific_popup_translation_ajax_tError="\uff05url%\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30ed\u30fc\u30c9\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002"; var td_magnific_popup_translation_image_tError="#\uff05curr%\u304b\u3089\u306e\u753b\u50cf\u306f\u30ed\u30fc\u30c9\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002"; var tdDateNamesI18n={"month_names":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"month_names_short":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"day_names":["\u65e5\u66dc\u65e5","\u6708\u66dc\u65e5","\u706b\u66dc\u65e5","\u6c34\u66dc\u65e5","\u6728\u66dc\u65e5","\u91d1\u66dc\u65e5","\u571f\u66dc\u65e5"],"day_names_short":["\u65e5","\u6708","\u706b","\u6c34","\u6728","\u91d1","\u571f"]}; var td_ad_background_click_link=""; var td_ad_background_click_target=""; </script> <!-- Header style compiled by theme --> <style> body { background-color:#ffffff; } .td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .td-header-style-12 .td-header-menu-wrap-full, .sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after, .td-header-style-12 .td-affix, .header-search-wrap .td-drop-down-search:after, .header-search-wrap .td-drop-down-search .btn:hover, input[type=submit]:hover, .td-read-more a, .td-post-category:hover, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_top_authors .td-active .td-author-post-count, .td_top_authors .td-active .td-author-comments-count, .td_top_authors .td_mod_wrap:hover .td-author-post-count, .td_top_authors .td_mod_wrap:hover .td-author-comments-count, .td-404-sub-sub-title a:hover, .td-search-form-widget .wpb_button:hover, .td-rating-bar-wrap div, .td_category_template_3 .td-current-sub-category, .dropcap, .td_wrapper_video_playlist .td_video_controls_playlist_wrapper, .wpb_default, .wpb_default:hover, .td-left-smart-list:hover, .td-right-smart-list:hover, .woocommerce-checkout .woocommerce input.button:hover, .woocommerce-page .woocommerce a.button:hover, .woocommerce-account div.woocommerce .button:hover, #bbpress-forums button:hover, .bbp_widget_login .button:hover, .td-footer-wrapper .td-post-category, .td-footer-wrapper .widget_product_search input[type="submit"]:hover, .woocommerce .product a.button:hover, .woocommerce .product #respond input#submit:hover, .woocommerce .checkout input#place_order:hover, .woocommerce .woocommerce.widget .button:hover, .single-product .product .summary .cart .button:hover, .woocommerce-cart .woocommerce table.cart .button:hover, .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover, .td-next-prev-wrap a:hover, .td-load-more-wrap a:hover, .td-post-small-box a:hover, .page-nav .current, .page-nav:first-child > div, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, #bbpress-forums .bbp-pagination .current, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, .td-theme-slider:hover .slide-meta-cat a, a.vc_btn-black:hover, .td-trending-now-wrapper:hover .td-trending-now-title, .td-scroll-up, .td-smart-list-button:hover, .td-weather-information:before, .td-weather-week:before, .td_block_exchange .td-exchange-header:before, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .td-pulldown-syle-2 .td-subcat-dropdown ul:after, .td_block_template_9 .td-block-title:after, .td_block_template_15 .td-block-title:before, div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit] { background-color: #0366d6; } .td_block_template_4 .td-related-title .td-cur-simple-item:before { border-color: #0366d6 transparent transparent transparent !important; } .woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover { background-color: #0366d6 !important; } .td_block_template_4 .td-related-title .td-cur-simple-item, .td_block_template_3 .td-related-title .td-cur-simple-item, .td_block_template_9 .td-related-title:after { background-color: #0366d6; } .woocommerce .product .onsale, .woocommerce.widget .ui-slider .ui-slider-handle { background: none #0366d6; } .woocommerce.widget.widget_layered_nav_filters ul li a { background: none repeat scroll 0 0 #0366d6 !important; } a, cite a:hover, .td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td-page-content blockquote p, .td-post-content blockquote p, .mce-content-body blockquote p, .comment-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .td_module_wrap:hover .entry-title a, .td-subcat-filter .td-subcat-list a:hover, .td-subcat-filter .td-subcat-dropdown a:hover, .td_quote_on_blocks, .dropcap2, .dropcap3, .td_top_authors .td-active .td-authors-name a, .td_top_authors .td_mod_wrap:hover .td-authors-name a, .td-post-next-prev-content a:hover, .author-box-wrap .td-author-social a:hover, .td-author-name a:hover, .td-author-url a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .comment-reply-link:hover, .logged-in-as a:hover, #cancel-comment-reply-link:hover, .td-search-query, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .widget a:hover, .td_wp_recentcomments a:hover, .archive .widget_archive .current, .archive .widget_archive .current a, .widget_calendar tfoot a:hover, .woocommerce a.added_to_cart:hover, .woocommerce-account .woocommerce-MyAccount-navigation a:hover, #bbpress-forums li.bbp-header .bbp-reply-content span a:hover, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #bbpress-forums .bbp-forums-list li a:hover, #bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover, #bbpress-forums .bbp-topic-started-by a:hover, #bbpress-forums .bbp-topic-started-in a:hover, #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink, #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink, .widget_display_replies .bbp-author-name, .widget_display_topics .bbp-author-name, .footer-text-wrap .footer-email-wrap a, .td-subfooter-menu li a:hover, .footer-social-wrap a:hover, a.vc_btn-black:hover, .td-smart-list-dropdown-wrap .td-smart-list-button:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-instagram-user a, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover, .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i, .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-link:hover, .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-item .td-cur-simple-item, .td_block_template_2 .td-related-title .td-cur-simple-item, .td_block_template_5 .td-related-title .td-cur-simple-item, .td_block_template_6 .td-related-title .td-cur-simple-item, .td_block_template_7 .td-related-title .td-cur-simple-item, .td_block_template_8 .td-related-title .td-cur-simple-item, .td_block_template_9 .td-related-title .td-cur-simple-item, .td_block_template_10 .td-related-title .td-cur-simple-item, .td_block_template_11 .td-related-title .td-cur-simple-item, .td_block_template_12 .td-related-title .td-cur-simple-item, .td_block_template_13 .td-related-title .td-cur-simple-item, .td_block_template_14 .td-related-title .td-cur-simple-item, .td_block_template_15 .td-related-title .td-cur-simple-item, .td_block_template_16 .td-related-title .td-cur-simple-item, .td_block_template_17 .td-related-title .td-cur-simple-item, .td-theme-wrap .sf-menu ul .td-menu-item > a:hover, .td-theme-wrap .sf-menu ul .sfHover > a, .td-theme-wrap .sf-menu ul .current-menu-ancestor > a, .td-theme-wrap .sf-menu ul .current-category-ancestor > a, .td-theme-wrap .sf-menu ul .current-menu-item > a, .td_outlined_btn { color: #0366d6; } a.vc_btn-black.vc_btn_square_outlined:hover, a.vc_btn-black.vc_btn_outlined:hover, .td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover { color: #0366d6 !important; } .td-next-prev-wrap a:hover, .td-load-more-wrap a:hover, .td-post-small-box a:hover, .page-nav .current, .page-nav:first-child > div, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, #bbpress-forums .bbp-pagination .current, .post .td_quote_box, .page .td_quote_box, a.vc_btn-black:hover, .td_block_template_5 .td-block-title > *, .td_outlined_btn { border-color: #0366d6; } .td_wrapper_video_playlist .td_video_currently_playing:after { border-color: #0366d6 !important; } .header-search-wrap .td-drop-down-search:before { border-color: transparent transparent #0366d6 transparent; } .block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td_block_template_1 .td-related-title .td-cur-simple-item, .woocommerce .product .products h2:not(.woocommerce-loop-product__title), .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more, .td_3D_btn, .td_shadow_btn, .td_default_btn, .td_round_btn, .td_outlined_btn:hover { background-color: #0366d6; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #0366d6 !important; } .block-title, .td_block_template_1 .td-related-title, .wpb_tabs .wpb_tabs_nav, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container, .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-color: #0366d6; } .td_block_wrap .td-subcat-item a.td-cur-simple-item { color: #0366d6; } .td-grid-style-4 .entry-title { background-color: rgba(3, 102, 214, 0.7); } .block-title > span, .block-title > span > a, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td_block_template_1 .td-related-title .td-cur-simple-item, .woocommerce .product .products h2:not(.woocommerce-loop-product__title), .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more, .td-weather-information:before, .td-weather-week:before, .td_block_exchange .td-exchange-header:before, .td-theme-wrap .td_block_template_3 .td-block-title > *, .td-theme-wrap .td_block_template_4 .td-block-title > *, .td-theme-wrap .td_block_template_7 .td-block-title > *, .td-theme-wrap .td_block_template_9 .td-block-title:after, .td-theme-wrap .td_block_template_10 .td-block-title::before, .td-theme-wrap .td_block_template_11 .td-block-title::before, .td-theme-wrap .td_block_template_11 .td-block-title::after, .td-theme-wrap .td_block_template_14 .td-block-title, .td-theme-wrap .td_block_template_15 .td-block-title:before, .td-theme-wrap .td_block_template_17 .td-block-title:before { background-color: #222222; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #222222 !important; } .block-title, .td_block_template_1 .td-related-title, .wpb_tabs .wpb_tabs_nav, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .td-theme-wrap .td_block_template_5 .td-block-title > *, .td-theme-wrap .td_block_template_17 .td-block-title, .td-theme-wrap .td_block_template_17 .td-block-title::before { border-color: #222222; } .td-theme-wrap .td_block_template_4 .td-block-title > *:before, .td-theme-wrap .td_block_template_17 .td-block-title::after { border-color: #222222 transparent transparent transparent; } .td-theme-wrap .td_block_template_4 .td-related-title .td-cur-simple-item:before { border-color: #222222 transparent transparent transparent !important; } .td-header-wrap .td-header-top-menu-full, .td-header-wrap .top-header-menu .sub-menu { background-color: #666666; } .td-header-style-8 .td-header-top-menu-full { background-color: transparent; } .td-header-style-8 .td-header-top-menu-full .td-header-top-menu { background-color: #666666; padding-left: 15px; padding-right: 15px; } .td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full { border-bottom: none; } .td-header-top-menu, .td-header-top-menu a, .td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full a, .td-header-style-8 .td-header-top-menu, .td-header-style-8 .td-header-top-menu a, .td-header-top-menu .td-drop-down-search .entry-title a { color: #ffffff; } .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .top-header-menu li a:hover, .td-header-sp-top-widget .td-icon-search:hover { color: #0366d6; } .td-header-wrap .td-header-menu-wrap-full, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full { background-color: #ffffff; } .td-boxed-layout .td-header-style-3 .td-header-menu-wrap, .td-boxed-layout .td-header-style-4 .td-header-menu-wrap, .td-header-style-3 .td_stretch_content .td-header-menu-wrap, .td-header-style-4 .td_stretch_content .td-header-menu-wrap { background-color: #ffffff !important; } @media (min-width: 1019px) { .td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo { margin-bottom: 28px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo { margin-bottom: 14px; } } .td-header-style-7 .td-header-top-menu { border-bottom: none; } .sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after, .td_block_mega_menu .td-next-prev-wrap a:hover, .td-mega-span .td-post-category:hover, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .header-search-wrap .td-drop-down-search:after, .header-search-wrap .td-drop-down-search .btn:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a { background-color: #c70915; } .td_block_mega_menu .td-next-prev-wrap a:hover { border-color: #c70915; } .header-search-wrap .td-drop-down-search:before { border-color: transparent transparent #c70915 transparent; } .td_mega_menu_sub_cats .cur-sub-cat, .td_mod_mega_menu:hover .entry-title a, .td-theme-wrap .sf-menu ul .td-menu-item > a:hover, .td-theme-wrap .sf-menu ul .sfHover > a, .td-theme-wrap .sf-menu ul .current-menu-ancestor > a, .td-theme-wrap .sf-menu ul .current-category-ancestor > a, .td-theme-wrap .sf-menu ul .current-menu-item > a { color: #c70915; } .td-header-wrap .td-header-menu-wrap .sf-menu > li > a, .td-header-wrap .td-header-menu-social .td-social-icon-wrap a, .td-header-style-4 .td-header-menu-social .td-social-icon-wrap i, .td-header-style-5 .td-header-menu-social .td-social-icon-wrap i, .td-header-style-6 .td-header-menu-social .td-social-icon-wrap i, .td-header-style-12 .td-header-menu-social .td-social-icon-wrap i, .td-header-wrap .header-search-wrap #td-header-search-button .td-icon-search { color: #232323; } .td-header-wrap .td-header-menu-social + .td-search-wrapper #td-header-search-button:before { background-color: #232323; } .td-theme-wrap .sf-menu .td-normal-menu .sub-menu .td-menu-item > a { color: #232323; } .td-theme-wrap .sf-menu .td-normal-menu .td-menu-item > a:hover, .td-theme-wrap .sf-menu .td-normal-menu .sfHover > a, .td-theme-wrap .sf-menu .td-normal-menu .current-menu-ancestor > a, .td-theme-wrap .sf-menu .td-normal-menu .current-category-ancestor > a, .td-theme-wrap .sf-menu .td-normal-menu .current-menu-item > a { background-color: #ffd6d6; } .td-theme-wrap .td_mod_mega_menu:hover .entry-title a, .td-theme-wrap .sf-menu .td_mega_menu_sub_cats .cur-sub-cat { color: #c70915; } .td-theme-wrap .sf-menu .td-mega-menu .td-post-category:hover, .td-theme-wrap .td-mega-menu .td-next-prev-wrap a:hover { background-color: #c70915; } .td-theme-wrap .td-mega-menu .td-next-prev-wrap a:hover { border-color: #c70915; } @media (max-width: 767px) { body .td-header-wrap .td-header-main-menu { background-color: #ffffff !important; } } @media (max-width: 767px) { body #td-top-mobile-toggle i, .td-header-wrap .header-search-wrap .td-icon-search { color: #232323 !important; } } .td-menu-background:before, .td-search-background:before { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%, @mobileu_gradient_two_mob 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } .td-mobile-content .current-menu-item > a, .td-mobile-content .current-menu-ancestor > a, .td-mobile-content .current-category-ancestor > a, #td-mobile-nav .td-menu-login-section a:hover, #td-mobile-nav .td-register-section a:hover, #td-mobile-nav .td-menu-socials-wrap a:hover i, .td-search-close a:hover i { color: #ff8282; } .td-mobile-content li a, .td-mobile-content .td-icon-menu-right, .td-mobile-content .sub-menu .td-icon-menu-right, #td-mobile-nav .td-menu-login-section a, #td-mobile-nav .td-menu-logout a, #td-mobile-nav .td-menu-socials-wrap .td-icon-font, .td-mobile-close .td-icon-close-mobile, .td-search-close .td-icon-close-mobile, .td-search-wrap-mob, .td-search-wrap-mob #td-header-search-mob, #td-mobile-nav .td-register-section, #td-mobile-nav .td-register-section .td-login-input, #td-mobile-nav label, #td-mobile-nav .td-register-section i, #td-mobile-nav .td-register-section a, #td-mobile-nav .td_display_err, .td-search-wrap-mob .td_module_wrap .entry-title a, .td-search-wrap-mob .td_module_wrap:hover .entry-title a, .td-search-wrap-mob .td-post-date { color: #232323; } .td-search-wrap-mob .td-search-input:before, .td-search-wrap-mob .td-search-input:after, #td-mobile-nav .td-menu-login-section .td-menu-login span { background-color: #232323; } #td-mobile-nav .td-register-section .td-login-input { border-bottom-color: #232323 !important; } .td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full { background-color: #ffffff; } .td-header-style-11 .td-logo-wrap-full { border-bottom: 0; } @media (min-width: 1019px) { .td-header-style-2 .td-header-sp-recs, .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 .td-header-sp-recs, .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td-header-wrap .td-logo-text-container .td-logo-text { color: #ffffff; } .td-footer-wrapper, .td-footer-wrapper .td_block_template_7 .td-block-title > *, .td-footer-wrapper .td_block_template_17 .td-block-title, .td-footer-wrapper .td-block-title-wrap .td-wrapper-pulldown-filter { background-color: #232323; } .td-footer-wrapper .block-title > span, .td-footer-wrapper .block-title > a, .td-footer-wrapper .widgettitle, .td-theme-wrap .td-footer-wrapper .td-container .td-block-title > *, .td-theme-wrap .td-footer-wrapper .td_block_template_6 .td-block-title:before { color: #ffffff; } .td-footer-wrapper .footer-social-wrap i.td-icon-font:hover { color: #0366d6; } .td-sub-footer-container { background-color: #666666; } .td-sub-footer-container, .td-subfooter-menu li a { color: #ffffff; } .td-subfooter-menu li a:hover { color: #0366d6; } .post .td-post-header .entry-title { color: #232323; } .td_module_15 .entry-title a { color: #232323; } .td-module-meta-info .td-post-author-name a { color: #666666; } .td-post-content, .td-post-content p { color: #232323; } .post blockquote p, .page blockquote p { color: #232323; } .post .td_quote_box, .page .td_quote_box { border-color: #232323; } .td-page-header h1, .td-page-title, .woocommerce-page .page-title { color: #232323; } .td-page-content p, .td-page-content .td_block_text_with_title, .woocommerce-page .page-description > p { color: #232323; } .td-footer-wrapper::before { background-size: cover; } .td-footer-wrapper::before { background-position: center center; } .td-footer-wrapper::before { opacity: 0.1; } .white-popup-block:before { background-image: url('https://technoledge.net/wp-content/uploads/2018/03/8.jpg'); } </style> <script> var author = '育良啓一郎'; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119389771-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-119389771-1', { 'custom_map': { 'dimension1': 'ライター別' }, 'ライター別': author }); </script><script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@type": "WebSite", "@id": "https://technoledge.net/", "name": "テクナレジ" } },{ "@type": "ListItem", "position": 2, "item": { "@type": "WebPage", "@id": "https://technoledge.net/vr/", "name": "VR" } },{ "@type": "ListItem", "position": 3, "item": { "@type": "WebPage", "@id": "https://technoledge.net/vr-event/", "name": "第2回「趣味ナレジ」 ~バ..." } } ] } </script> <!-- Button style compiled by theme --> <style> .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover, .tdm_block_column_content:hover .tdm-col-content-title-url .tdm-title, .tds-button2 .tdm-btn-text, .tds-button2 i, .tds-button5:hover .tdm-btn-text, .tds-button5:hover i, .tds-button6 .tdm-btn-text, .tds-button6 i, .tdm_block_list .tdm-list-item i, .tdm_block_pricing .tdm-pricing-feature i, .tdm-social-item i { color: #0366d6; } .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a, .tds-button1, .tds-button6:after, .tds-title2 .tdm-title-line:after, .tds-title3 .tdm-title-line:after, .tdm_block_pricing.tdm-pricing-featured:before, .tdm_block_pricing.tds_pricing2_block.tdm-pricing-featured .tdm-pricing-header, .tds-progress-bar1 .tdm-progress-bar:after, .tds-progress-bar2 .tdm-progress-bar:after, .tds-social3 .tdm-social-item { background-color: #0366d6; } .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a, .tds-button2:before, .tds-button6:before, .tds-progress-bar3 .tdm-progress-bar:after { border-color: #0366d6; } .tdm-btn-style1 { background-color: #0366d6; } .tdm-btn-style2:before { border-color: #0366d6; } .tdm-btn-style2 { color: #0366d6; } .tdm-btn-style3 { -webkit-box-shadow: 0 2px 16px #0366d6; -moz-box-shadow: 0 2px 16px #0366d6; box-shadow: 0 2px 16px #0366d6; } .tdm-btn-style3:hover { -webkit-box-shadow: 0 4px 26px #0366d6; -moz-box-shadow: 0 4px 26px #0366d6; box-shadow: 0 4px 26px #0366d6; } .tdm-header-style-1.td-header-wrap .td-header-top-menu-full, .tdm-header-style-1.td-header-wrap .top-header-menu .sub-menu, .tdm-header-style-2.td-header-wrap .td-header-top-menu-full, .tdm-header-style-2.td-header-wrap .top-header-menu .sub-menu, .tdm-header-style-3.td-header-wrap .td-header-top-menu-full, .tdm-header-style-3.td-header-wrap .top-header-menu .sub-menu{ background-color: #666666; } .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a { color: #c70915; } .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a { border-color: #c70915; } .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .tdm-header .td-header-menu-wrap .sf-menu > .sfHover > a { background-color: #c70915; } </style> <style id="tdw-css-placeholder"></style></head> <body data-rsssl=1 class="post-template-default single single-post postid-629 single-format-standard vr-event global-block-template-9 white-menu td-animation-stack-type0 td-boxed-layout" itemscope="itemscope" itemtype="https://schema.org/WebPage"> <div class="td-scroll-up"><i class="td-icon-menu-up"></i></div> <div class="td-menu-background"></div> <div id="td-mobile-nav"> <div class="td-mobile-container"> <!-- mobile menu top section --> <div class="td-menu-socials-wrap"> <!-- socials --> <div class="td-menu-socials"> </div> <!-- close button --> <div class="td-mobile-close"> <a href="#"><i class="td-icon-close-mobile"></i></a> </div> </div> <!-- login section --> <!-- menu section --> <div class="td-mobile-content"> <div class="menu-td-demo-header-menu-container"><ul id="menu-td-demo-header-menu" class="td-mobile-main-menu"><li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-first menu-item-60"><a href="https://technoledge.net/">HOME</a></li> <li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-227"><a href="https://technoledge.net/about/">テクナレジとは</a></li> <li id="menu-item-228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-228"><a href="https://technoledge.net/member/">メンバー紹介<i class="td-icon-menu-right td-element-after"></i></a> <ul class="sub-menu"> <li id="menu-item-395" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-395"><a href="https://technoledge.net/author/tak-solder/">ソルダー</a></li> <li id="menu-item-392" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-392"><a href="https://technoledge.net/author/xu/">シュウ</a></li> <li id="menu-item-393" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-393"><a href="https://technoledge.net/author/ikr-4185/">育良啓一郎</a></li> <li id="menu-item-394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-394"><a href="https://technoledge.net/author/mizuho.shiodome/">汐留みずほ</a></li> <li id="menu-item-854" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-854"><a href="https://technoledge.net/author/pon/">ポン</a></li> </ul> </li> <li id="menu-item-231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-231"><a href="https://technoledge.net/company/">運営会社</a></li> <li id="menu-item-229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-229"><a href="https://technoledge.net/contact/">お問い合せ</a></li> <li id="menu-item-208" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-208"><a>カテゴリ一覧<i class="td-icon-menu-right td-element-after"></i></a> <ul class="sub-menu"> <li id="menu-item-217" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-217"><a href="https://technoledge.net/php/">PHP</a></li> <li id="menu-item-210" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-210"><a href="https://technoledge.net/css/">CSS</a></li> <li id="menu-item-212" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-212"><a href="https://technoledge.net/iot/">IoT</a></li> <li id="menu-item-218" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-218"><a href="https://technoledge.net/ruby/">Ruby</a></li> </ul> </li> </ul></div> </div> </div> <!-- register/login section --> </div><div class="td-search-background"></div> <div class="td-search-wrap-mob"> <div class="td-drop-down-search" aria-labelledby="td-header-search-button"> <form method="get" class="td-search-form" action="https://technoledge.net/"> <!-- close button --> <div class="td-search-close"> <a href="#"><i class="td-icon-close-mobile"></i></a> </div> <div role="search" class="td-search-input"> <span>検索</span> <input id="td-header-search-mob" type="text" value="" name="s" autocomplete="off" /> </div> </form> <div id="td-aj-search-mob"></div> </div> </div> <div id="td-outer-wrap" class="td-theme-wrap"> <!-- Header style 1 --> <div class="td-header-wrap td-header-style-1 "> <div class="td-header-top-menu-full td-container-wrap td_stretch_container"> <div class="td-container td-header-row td-header-top-menu"> <div class="top-bar-style-4"> <div class="td-header-sp-top-widget"> </div> <div class="td-header-sp-top-menu"> <div class="menu-top-container"><ul id="menu-td-demo-top-menu" class="top-header-menu"><li id="menu-item-194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-first td-menu-item td-normal-menu menu-item-194"><a href="https://technoledge.net/company/">運営会社</a></li> <li id="menu-item-156" class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-156"><a href="https://www.mfro.net/privacy/">個人情報保護方針</a></li> <li id="menu-item-205" class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-205"><a href="https://technoledge.net/member/">メンバー紹介</a></li> <li id="menu-item-206" class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-206"><a href="https://technoledge.net/contact/">お問い合せ</a></li> </ul></div></div> </div> <!-- LOGIN MODAL --> </div> </div> <div class="td-banner-wrap-full td-logo-wrap-full td-container-wrap td_stretch_container"> <div class="td-container td-header-row td-header-header"> <div class="td-header-sp-logo"> <a class="td-main-logo" href="https://technoledge.net/"> <img src="https://technoledge.net/wp-content/uploads/2018/07/pc_logo_2.png" alt=""/> <span class="td-visual-hidden">テクナレジ</span> </a> </div> <div class="td-header-sp-recs"> <div class="td-header-rec-wrap"> <div class="td-a-rec td-a-rec-id-header td_uid_1_67f2dc6468f23_rand td_block_template_9"><!-- <div class="td-all-devices"><a href="#" target="_blank"><img src="https://technoledge.net/wp-content/uploads/2018/03/newspaper-rec728.jpg"/></a></div> --></div> </div> </div> </div> </div> <div class="td-header-menu-wrap-full td-container-wrap td_stretch_container"> <div class="td-header-menu-wrap td-header-gradient "> <div class="td-container td-header-row td-header-main-menu"> <div id="td-header-menu" role="navigation"> <div id="td-top-mobile-toggle"><a href="#"><i class="td-icon-font td-icon-mobile"></i></a></div> <div class="td-main-menu-logo td-logo-in-header"> <a class="td-mobile-logo td-sticky-header" href="https://technoledge.net/"> <img src="https://technoledge.net/wp-content/uploads/2018/07/pc_logo_2.png" alt=""/> </a> <a class="td-header-logo td-sticky-header" href="https://technoledge.net/"> <img src="https://technoledge.net/wp-content/uploads/2018/07/pc_logo_2.png" alt=""/> </a> </div> <div class="menu-td-demo-header-menu-container"><ul id="menu-td-demo-header-menu-1" class="sf-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-first td-menu-item td-normal-menu menu-item-60"><a href="https://technoledge.net/">HOME</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-227"><a href="https://technoledge.net/about/">テクナレジとは</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children td-menu-item td-normal-menu menu-item-228"><a href="https://technoledge.net/member/">メンバー紹介</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-395"><a href="https://technoledge.net/author/tak-solder/">ソルダー</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-392"><a href="https://technoledge.net/author/xu/">シュウ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-393"><a href="https://technoledge.net/author/ikr-4185/">育良啓一郎</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-394"><a href="https://technoledge.net/author/mizuho.shiodome/">汐留みずほ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-854"><a href="https://technoledge.net/author/pon/">ポン</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-231"><a href="https://technoledge.net/company/">運営会社</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-229"><a href="https://technoledge.net/contact/">お問い合せ</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children td-menu-item td-normal-menu menu-item-208"><a>カテゴリ一覧</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category td-menu-item td-normal-menu menu-item-217"><a href="https://technoledge.net/php/">PHP</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category td-menu-item td-normal-menu menu-item-210"><a href="https://technoledge.net/css/">CSS</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category td-menu-item td-normal-menu menu-item-212"><a href="https://technoledge.net/iot/">IoT</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category td-menu-item td-normal-menu menu-item-218"><a href="https://technoledge.net/ruby/">Ruby</a></li> </ul> </li> </ul></div></div> <div class="header-search-wrap"> <div class="td-search-btns-wrap"> <a id="td-header-search-button" href="#" role="button" class="dropdown-toggle " data-toggle="dropdown"><i class="td-icon-search"></i></a> <a id="td-header-search-button-mob" href="#" role="button" class="dropdown-toggle " data-toggle="dropdown"><i class="td-icon-search"></i></a> </div> <div class="td-drop-down-search" aria-labelledby="td-header-search-button"> <form method="get" class="td-search-form" action="https://technoledge.net/"> <div role="search" class="td-head-form-search-wrap"> <input id="td-header-search" type="text" value="" name="s" autocomplete="off" /><input class="wpb_button wpb_btn-inverse btn" type="submit" id="td-header-search-top" value="検索" /> </div> </form> <div id="td-aj-search"></div> </div> </div> </div> </div> </div> </div><div class="td-main-content-wrap td-container-wrap"> <div class="td-container td-post-template-default "> <div class="td-crumb-container"><div class="entry-crumbs"><span><a title="" class="entry-crumb" href="https://technoledge.net/">テクナレジ</a></span> <i class="td-icon-right td-bread-sep"></i> <span><a title="投稿を全部見る VR" class="entry-crumb" href="https://technoledge.net/vr/">VR</a></span> <i class="td-icon-right td-bread-sep td-bred-no-url-last"></i> <span class="td-bred-no-url-last">第2回「趣味ナレジ」 ~バ...</span></div></div> <div class="td-pb-row"> <div class="td-pb-span8 td-main-content" role="main"> <div class="td-ss-main-content"> <article id="post-629" class="post-629 post type-post status-publish format-standard has-post-thumbnail hentry category-vr tag-c tag-unity tag-vr" itemscope itemtype="https://schema.org/Article"> <div class="td-post-header"> <ul class="td-category"><li class="entry-category"><a href="https://technoledge.net/vr/">VR</a></li></ul> <header class="td-post-title"> <h1 class="entry-title">第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果……編~</h1> <div class="td-module-meta-info"> <div class="td-post-author-name"><div class="td-author-by">著者</div> <a href="https://technoledge.net/author/ikr-4185/">育良啓一郎</a><div class="td-author-line"> - </div> </div> <span class="td-post-date td-post-date-no-dot"><time class="entry-date updated td-module-date" datetime="2018-10-16T12:36:40+00:00" >2018年10月16日</time></span> </div> </header> </div> <div class="addtoany_shortcode"><div class="a2a_kit a2a_kit_size_40 addtoany_list" data-a2a-url="https://technoledge.net/vr-event/" data-a2a-title="第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果……編~"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a></div></div> <div class="td-post-content"> <div class="td-post-featured-image"><figure><a href="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png" data-caption="<a href="https://scp-event.tokyo/" rel="noopener" target="_blank">イベントロゴ</a> © 宮端巳代治 ( <a href="https://twitter.com/38miyoji" rel="noopener" target="_blank">@38miyoji</a> )<br /> <a href="http://www.scp-wiki.net/dr-mackenzie-s-sketchbook" rel="noopener" target="_blank">SCP Logo</a> © Aelanna 2011<br /> image licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.ja" rel="noopener" target="_blank">CC BY-SA 3.0</a><br /> <br /> "><img width="696" height="246" class="entry-thumb td-modal-image" src="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-696x246.png" srcset="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-696x246.png 696w, https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-300x106.png 300w, https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-768x272.png 768w, https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-1024x362.png 1024w, https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-1068x378.png 1068w, https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w-1187x420.png 1187w" sizes="(max-width: 696px) 100vw, 696px" alt="" title="180526_logo_002_w"/></a><figcaption class="wp-caption-text"><a href="https://scp-event.tokyo/" rel="noopener" target="_blank">イベントロゴ</a> © 宮端巳代治 ( <a href="https://twitter.com/38miyoji" rel="noopener" target="_blank">@38miyoji</a> )<br /> <a href="http://www.scp-wiki.net/dr-mackenzie-s-sketchbook" rel="noopener" target="_blank">SCP Logo</a> © Aelanna 2011<br /> image licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.ja" rel="noopener" target="_blank">CC BY-SA 3.0</a><br /> <br /> </figcaption></figure></div> <p>第2回「趣味ナレジ」、今回も引き続きVRに関する話題です。また仕事関係ないやつです。</p> <p>さる2018年9月16日、同人イベント「<a href="https://scp-event.tokyo/" rel="noopener" target="_blank">収容違反インシデント2018</a>」にて、VRを用いた体験型展示を行いました。</p> <p>テックブログに記事投稿できるこの機会に、せっかくですのでイベントでのVR展示のレポートと反省をまとめたいと思います。</p> <h2>準備</h2> <p>この同人イベントは、「<a href="http://ja.scp-wiki.net/" rel="noopener" target="_blank">SCP財団</a>」という怪奇創作ジャンルのイベントです。その作品の世界観を体験できるコンテンツを、と考え、自分の出来ることとしてVRブースを出しました。</p> <p>ただ考えたのは良かったのですが、諸々予定が詰まった結果、作れる期間が直前の一週間という厳しいスケジュールになり、すばやく作る必要がありました。そこでUnityAssetsを最大限活用する方向で進めました。</p> <p>まずはワールドです。「秘密組織の研究所」が欲しかったため、「<a href="https://assetstore.unity.com/packages/3d/environments/3d-scifi-kit-starter-kit-92152" rel="noopener" target="_blank">3D Scifi Kit Starter Kit</a>」を使用しました。このアセットは、SFテイストな通路が小分けのパックのように用意されており、モジュールとして組み立てることでワールドを作成できるキットになっています。まずはこれを組み立て、迷路を作成しました。</p> <p><img class="aligncenter size-full wp-image-651" src="https://technoledge.net/wp-content/uploads/2018/10/building.png" alt="" width="976" height="591" /></p> <p>次は小物です。これも「<a href="https://assetstore.unity.com/packages/3d/props/interior/old-office-props-free-53735" rel="noopener" target="_blank">Old Office Props Free</a>」と「<a href="https://assetstore.unity.com/packages/3d/environments/hospital-horror-pack-44045" rel="noopener" target="_blank">Hospital Horror Pack</a>」を使用し、各小部屋をオフィスや病室のようにしました。</p> <p><img class="aligncenter size-full wp-image-654" src="https://technoledge.net/wp-content/uploads/2018/10/props.png" alt="" width="980" height="594" /></p> <p>ホラーテイストな探索の要素を入れるため、照明は落としました。Unityではライトを落としただけでは完全な真っ暗にはならないため、ライティングの設定を変更し、真っ暗な環境を作りました。</p> <figure id="attachment_652" style="width: 981px" class="wp-caption aligncenter"><img class="size-full wp-image-652" src="https://technoledge.net/wp-content/uploads/2018/10/lighting.png" alt="" width="981" height="320" /><figcaption class="wp-caption-text">この辺りの設定を変えれば真っ暗に</figcaption></figure> <p>そして懐中電灯です。これは「<a href="https://assetstore.unity.com/packages/3d/props/tools/flashlight-modern-with-script-88701" rel="noopener" target="_blank">Flashlight Modern with Script</a>」を使用しました。これをモデルの右手に固定し、参加者が唯一使える光源としました。</p> <figure id="attachment_656" style="width: 696px" class="wp-caption aligncenter"><img class="size-large wp-image-656" src="https://technoledge.net/wp-content/uploads/2018/10/right-1024x545.png" alt="" width="696" height="370" /><figcaption class="wp-caption-text">Hierarchy上で右手のGameObjectにFlashlightPrefabが配置されている<br /><a href="https://twitter.com/ikr_4185/status/1009625560652238848" target="_blank" rel="noopener">育良ケイ</a> © ikr_4185 2018 / <a href="https://creativecommons.org/licenses/by/3.0/deed.ja" target="_blank" rel="noopener">CC BY 3.0</a><br />image licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.ja" target="_blank" rel="noopener">CC BY-SA 3.0</a></figcaption></figure> <p>単純に探索するだけの"雰囲気ゲーム"でもいいのですが、やはり攻略要素は欲しいところです。ここで、以前から作っていた大型発電機のモデルと、パーティクルアセットの「<a href="https://assetstore.unity.com/packages/vfx/particles/particle-collection-skj-2016-free-samples-72399" rel="noopener" target="_blank">Particle Collection SKJ 2016_Free samples</a>」で作ったポータルのオブジェクトを組み合わせ、「発電機を再起動して、ポータルを動かし、そこから帰還する」というゲームにしました。参加者はルール等を現地で把握して体験する必要があるため、なるべくシンプルな物を目指しました。</p> <p><img class="aligncenter size-full wp-image-658" src="https://technoledge.net/wp-content/uploads/2018/10/teleporter.png" alt="" width="977" height="597" /></p> <p>また、短い時間で参加者が順番に体験できるよう、制限時間を設けます。タイマーのイベントを組み込み、残り秒数を常に視界の左下に表示するようにします。ついでにフレーバーとして発電機の状態なども表示し、SF的な雰囲気の演出としました。</p> <p><img class="aligncenter size-full wp-image-660" src="https://technoledge.net/wp-content/uploads/2018/10/ui.png" alt="" width="980" height="590" /></p> <p>最後に画面全体の調子を整えるため「<a href="https://assetstore.unity.com/packages/essentials/post-processing-stack-83912" rel="noopener" target="_blank">Post Processing Stack</a>」を適用します。光の拡散効果や全体的な色調補正、僅かな色収差効果等を加えました。</p> <figure id="attachment_653" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-653" src="https://technoledge.net/wp-content/uploads/2018/10/post.png" alt="" width="980" height="589" /><figcaption class="wp-caption-text">BloomやAmbient Occlusion、DOF等の視覚的効果を加えた。<br /><a href="https://twitter.com/ikr_4185/status/1009625560652238848" target="_blank" rel="noopener">育良ケイ</a> © ikr_4185 2018 / <a href="https://creativecommons.org/licenses/by/3.0/deed.ja" target="_blank" rel="noopener">CC BY 3.0</a><br />image licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.ja" target="_blank" rel="noopener">CC BY-SA 3.0</a></figcaption></figure> <p>一週間でC#を最低限勉強して作った割にはちゃんと動いてくれたので、別の言語でも根幹の仕組みがわかっていれば応用が効く、という師(上司)の言葉を噛みしめる日々でした。</p> <h2>当日</h2> <p>さて、いよいよイベントでこれを運用するフェーズです。</p> <p>HTC VIVE では、中核となるPC、HMDのセット、そしてトラッキングに必要なベースステーションを設置する必要があります。今回使用した会場では壁への固定等が出来ないため、新規に三脚を購入し必要な高さを稼ぎました。</p> <p><img class="aligncenter size-large wp-image-661" src="https://technoledge.net/wp-content/uploads/2018/10/vr_booth-1024x768.jpg" alt="" width="696" height="522" /></p> <p>当日PCを仲間の車に積み込み、会場でセットアップを行ったのですが、三脚が思っていた以上に安定せず、伸ばしたコードの重さで倒れないよう、有効範囲を少し狭めて運用しました。</p> <p>コンセントの位置の関係でコードの長さがギリギリになってしまい、宙に浮かないように養生等で固定する等、現地での苦肉の策が連続しました。諸々の都合で下見が十分出来なかったのが痛かったです。</p> <p>また、HMDが直接肌につけるものであるため、イベント向けのHMD用衛生布を購入しておきました。<br /> 使い捨てタイプで、1人体験が終わるたびに剥がして新しいものに交換し、回していきます。</p> <p>そして開場です。そこでイベント特有の"想定外"が発生、予測を遥かに超えた来場数となり、会場の限界近い人数になっていました。運営者としてはめちゃくちゃ嬉しいことではあったのですが、ブース担当者としては焦りに焦ります。</p> <p>体験1人あたり、制限時間を10分+転換5分の15分で見積もっていたのですが、急遽制限時間を5分、計10分に変更しました。</p> <figure id="attachment_659" style="width: 275px" class="wp-caption aligncenter"><img class="wp-image-659 size-full" src="https://technoledge.net/wp-content/uploads/2018/10/timer.png" alt="" width="275" height="71" /><figcaption class="wp-caption-text">万が一に備えてInspectorから制限時間を変更できるようにしておいたのは正解でした。現地での修正が容易でした。</figcaption></figure> <p>その後、別配置のスタッフを送ってもらい、その場で整理券を作成、配布してもらいました。</p> <p>しかしながら、焦ったことが完全に命取りになりました。セットアップの再調整中、電源のついているPCのコンセントが引っこ抜けてしまうトラブルが発生しました。養生で要所要所を固定していたのですが、それがことごとく剥がれており、正直頭が真っ白になりました。</p> <p>再起動して、PCもUnityのプロジェクトも無事ではあったのですが、最終的に40分遅れでの開始となってしまいました。あの場で参加された皆さんには本当に申し訳なく思っています。</p> <figure id="attachment_655" style="width: 567px" class="wp-caption aligncenter"><img class="size-full wp-image-655" src="https://technoledge.net/wp-content/uploads/2018/10/repair.png" alt="" width="567" height="471" /><figcaption class="wp-caption-text">復旧作業中の様子</figcaption></figure> <p>そこからは、他のイベントでVRコンテンツの提供経験のあるスタッフ等の助力を得ながら、Unityの操作を行いつつ口頭で参加者のガイドを行い、最後まで運用しました。この辺りは事前に考えていた内容どおりに進みました。</p> <h2>反省</h2> <p>終わったあとの反省として、来場者数の予測が出来なかった事もありますが、まず現地で慌てすぎたのが何より良くなかったです。コンセントが抜けた時は、最悪PCが壊れて立ち上がらなくなった可能性もあったので、エンジニアとしても運営担当としても大失敗でした。想定外の事態で慌てないためにも、コード長や機材配置等、もっとゆとりを持った構成にすべきでした。ハードウェア面の見積もりが甘かったです。</p> <p>また、展示の運営面で言えば、VRコンテンツはその性質上、1回の体験で1人しか参加できず、かつその間で安全面のケアやコンテンツ内のガイド等、スタッフも張り付きになる点で、人的リソースを食う展示だったと感じます。</p> <p>作品世界観を直接体験できる点では非常に優れた表現方法ですが、イベントで実施する上では担当者の配置やローテーション、そもそもUnity+VRを動かせる人員の確保等、諸々の課題を感じました。</p> <p>今回のイベントでは諸々の改善の余地が山積みで、次回以降も継続するか未定ではあります。</p> <p>今回体験したかったのにできなかった方や、そもそも会場に来られなかった方のため、何らかの形でこのコンテンツはWEB上でも提供したいと考えているところですが、それはまた別の機会で触れられればと思います。</p> <p>少なくとも、実際の現場でVRコンテンツを運用したこの経験は、1人のエンジニアとして活かしていきたいと思います。</p> <div class="td-a-rec td-a-rec-id-content_bottom td-rec-hide-on-m td-rec-hide-on-tl td-rec-hide-on-tp td-rec-hide-on-p td_uid_2_67f2dc6472278_rand td_block_template_9"><div class="td-all-devices"><a href="#" target="_blank"><img src="https://technoledge.net/wp-content/uploads/2018/03/newspaper-rec728.jpg"/></a></div></div> </div> <footer> <div class="td-post-source-tags"> <ul class="td-tags td-post-small-box clearfix"><li><span>タグ</span></li><li><a href="https://technoledge.net/tag/c/">C#</a></li><li><a href="https://technoledge.net/tag/unity/">Unity</a></li><li><a href="https://technoledge.net/tag/vr/">VR</a></li></ul> </div> <div class="addtoany_shortcode"><div class="a2a_kit a2a_kit_size_40 addtoany_list" data-a2a-url="https://technoledge.net/vr-event/" data-a2a-title="第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果……編~"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_line" href="https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Line" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_hatena" href="https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Ftechnoledge.net%2Fvr-event%2F&linkname=%E7%AC%AC2%E5%9B%9E%E3%80%8C%E8%B6%A3%E5%91%B3%E3%83%8A%E3%83%AC%E3%82%B8%E3%80%8D%20%EF%BD%9E%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%82%92%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E7%B5%90%E6%9E%9C%E2%80%A6%E2%80%A6%E7%B7%A8%EF%BD%9E" title="Hatena" rel="nofollow noopener" target="_blank"></a></div></div> <div class="td-block-row td-post-next-prev"><div class="td-block-span6 td-post-prev-post"><div class="td-post-next-prev-content"><span>前の記事</span><a href="https://technoledge.net/centos7-firewalld/">CentOS7 Firewalld 設定のポイント</a></div></div><div class="td-next-prev-separator"></div><div class="td-block-span6 td-post-next-post"><div class="td-post-next-prev-content"><span>次の記事</span><a href="https://technoledge.net/mongodb-backup-restore-export/">MongoDBのバックアップ・リストア・エクスポート</a></div></div></div> <div class="author-box-wrap"><a href="https://technoledge.net/author/ikr-4185/"><img src="https://technoledge.net/wp-content/uploads/2019/03/ikr-4185_20190227-150x150.jpg" width="96" height="96" alt="育良啓一郎" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" /></a><div class="desc"><div class="td-author-name vcard author"><span class="fn"><a href="https://technoledge.net/author/ikr-4185/">育良啓一郎</a></span></div><div class="td-author-description">いくらと申します。普段使いのハンドルネーム使っていいか聞いたら超気軽にOK貰えました。やったぜ。仕事はPHPメインにアプリケーションエンジニアしてます。</div><div class="td-author-social"></div><div class="clearfix"></div></div></div> <div class="td-a-rec td-a-rec-id-custom_ad_1 tn_recruit-banner_entry_bottom td_uid_3_67f2dc647420b_rand td_block_template_9"><a href="https://recruit.mfro.net/?utm_source=technoledge&utm_medium=banner&utm_campaign=entry_bottom" target="_blank" rel="nofollow noopener"> <img src="https://technoledge.net/wp-content/uploads/2020/04/f6f77a1616e27fc34eb1a81aa7dc6262.jpg" alt="一緒に働く仲間募集!!!!!"> </a> </div> <span class="td-page-meta" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="育良啓一郎"></span><meta itemprop="datePublished" content="2018-10-16T12:36:40+00:00"><meta itemprop="dateModified" content="2018-10-22T11:22:24+00:00"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://technoledge.net/vr-event/"/><span class="td-page-meta" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span class="td-page-meta" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://technoledge.net/wp-content/uploads/2018/07/pc_logo_2.png"></span><meta itemprop="name" content="テクナレジ"></span><meta itemprop="headline " content="第2回「趣味ナレジ」 ~バーチャルをリアルでやった結果……編~"><span class="td-page-meta" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://technoledge.net/wp-content/uploads/2018/10/180526_logo_002_w.png"><meta itemprop="width" content="1684"><meta itemprop="height" content="596"></span> </footer> </article> <!-- /.post --> <div class="td_block_wrap td_block_related_posts td_uid_4_67f2dc6474e0d_rand td_with_ajax_pagination td-pb-border-top td_block_template_9" data-td-block-uid="td_uid_4_67f2dc6474e0d" ><script>var block_td_uid_4_67f2dc6474e0d = new tdBlock(); block_td_uid_4_67f2dc6474e0d.id = "td_uid_4_67f2dc6474e0d"; block_td_uid_4_67f2dc6474e0d.atts = '{"limit":6,"ajax_pagination":"next_prev","live_filter":"cur_post_same_categories","td_ajax_filter_type":"td_custom_related","class":"td_uid_4_67f2dc6474e0d_rand","td_column_number":3,"live_filter_cur_post_id":629,"live_filter_cur_post_author":"4","block_template_id":"","header_color":"","ajax_pagination_infinite_stop":"","offset":"","td_ajax_preloading":"","td_filter_default_txt":"","td_ajax_filter_ids":"","el_class":"","color_preset":"","border_top":"","css":"","tdc_css":"","tdc_css_class":"td_uid_4_67f2dc6474e0d_rand","tdc_css_class_style":"td_uid_4_67f2dc6474e0d_rand_style"}'; block_td_uid_4_67f2dc6474e0d.td_column_number = "3"; block_td_uid_4_67f2dc6474e0d.block_type = "td_block_related_posts"; block_td_uid_4_67f2dc6474e0d.post_count = "2"; block_td_uid_4_67f2dc6474e0d.found_posts = "2"; block_td_uid_4_67f2dc6474e0d.header_color = ""; block_td_uid_4_67f2dc6474e0d.ajax_pagination_infinite_stop = ""; block_td_uid_4_67f2dc6474e0d.max_num_pages = "1"; tdBlocksArray.push(block_td_uid_4_67f2dc6474e0d); </script><h4 class="td-related-title td-block-title"><a id="td_uid_5_67f2dc64762ed" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_4_67f2dc6474e0d" href="#">関連する記事</a><a id="td_uid_6_67f2dc647633b" class="td-related-right" data-td_filter_value="td_related_more_from_author" data-td_block_id="td_uid_4_67f2dc6474e0d" href="#">同じ著者から</a></h4><div id=td_uid_4_67f2dc6474e0d class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://technoledge.net/unity-transform-rotation/" rel="bookmark" class="td-image-wrap" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~"><img width="218" height="150" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2019/03/rigidbody-218x150.jpg" srcset="https://technoledge.net/wp-content/uploads/2019/03/rigidbody-218x150.jpg 218w, https://technoledge.net/wp-content/uploads/2019/03/rigidbody-100x70.jpg 100w" sizes="(max-width: 218px) 100vw, 218px" alt="" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~"/></a></div> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/unity-transform-rotation/" rel="bookmark" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~">第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransfor...</a></h3> </div> </div> </div> <!-- ./td-related-span4 --> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://technoledge.net/how-to-vtuber/" rel="bookmark" class="td-image-wrap" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~"><img width="218" height="150" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2018/08/001-218x150.png" srcset="https://technoledge.net/wp-content/uploads/2018/08/001-218x150.png 218w, https://technoledge.net/wp-content/uploads/2018/08/001-100x70.png 100w" sizes="(max-width: 218px) 100vw, 218px" alt="" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~"/></a></div> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/how-to-vtuber/" rel="bookmark" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~">第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~</a></h3> </div> </div> </div> <!-- ./td-related-span4 --></div><!--./row-fluid--></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" id="prev-page-td_uid_4_67f2dc6474e0d" data-td_block_id="td_uid_4_67f2dc6474e0d"><i class="td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page ajax-page-disabled" id="next-page-td_uid_4_67f2dc6474e0d" data-td_block_id="td_uid_4_67f2dc6474e0d"><i class="td-icon-font td-icon-menu-right"></i></a></div></div> <!-- ./block --> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <div class="td_block_wrap td_block_7 td_block_widget td_uid_7_67f2dc6478fc0_rand td_with_ajax_pagination td-pb-border-top td_block_template_9 tdc-no-posts td-column-1 td_block_padding" data-td-block-uid="td_uid_7_67f2dc6478fc0" ><script>var block_td_uid_7_67f2dc6478fc0 = new tdBlock(); block_td_uid_7_67f2dc6478fc0.id = "td_uid_7_67f2dc6478fc0"; block_td_uid_7_67f2dc6478fc0.atts = '{"custom_title":"\u4eba\u6c17\u306e\u8a18\u4e8b","custom_url":"","block_template_id":"","header_text_color":"#","border_color":"#","accent_text_color":"#","m6_tl":"","limit":"5","offset":"","el_class":"","post_ids":"","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","sort":"popular7","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","ajax_pagination":"next_prev","ajax_pagination_infinite_stop":"","class":"td_block_widget td_uid_7_67f2dc6478fc0_rand","separator":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m6f_title_font_header":"","m6f_title_font_title":"Article title","m6f_title_font_settings":"","m6f_title_font_family":"","m6f_title_font_size":"","m6f_title_font_line_height":"","m6f_title_font_style":"","m6f_title_font_weight":"","m6f_title_font_transform":"","m6f_title_font_spacing":"","m6f_title_":"","m6f_cat_font_title":"Article category tag","m6f_cat_font_settings":"","m6f_cat_font_family":"","m6f_cat_font_size":"","m6f_cat_font_line_height":"","m6f_cat_font_style":"","m6f_cat_font_weight":"","m6f_cat_font_transform":"","m6f_cat_font_spacing":"","m6f_cat_":"","m6f_meta_font_title":"Article meta info","m6f_meta_font_settings":"","m6f_meta_font_family":"","m6f_meta_font_size":"","m6f_meta_font_line_height":"","m6f_meta_font_style":"","m6f_meta_font_weight":"","m6f_meta_font_transform":"","m6f_meta_font_spacing":"","m6f_meta_":"","css":"","tdc_css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","tdc_css_class":"td_uid_7_67f2dc6478fc0_rand","tdc_css_class_style":"td_uid_7_67f2dc6478fc0_rand_style"}'; block_td_uid_7_67f2dc6478fc0.td_column_number = "1"; block_td_uid_7_67f2dc6478fc0.block_type = "td_block_7"; block_td_uid_7_67f2dc6478fc0.post_count = "0"; block_td_uid_7_67f2dc6478fc0.found_posts = "0"; block_td_uid_7_67f2dc6478fc0.header_color = ""; block_td_uid_7_67f2dc6478fc0.ajax_pagination_infinite_stop = ""; block_td_uid_7_67f2dc6478fc0.max_num_pages = "0"; tdBlocksArray.push(block_td_uid_7_67f2dc6478fc0); </script><div class="td-block-title-wrap"><h4 class="td-block-title"><span class="td-pulldown-size">人気の記事</span></h4></div><div id=td_uid_7_67f2dc6478fc0 class="td_block_inner"></div><div class="td-next-prev-wrap"><a href="#" class="td-ajax-prev-page ajax-page-disabled" id="prev-page-td_uid_7_67f2dc6478fc0" data-td_block_id="td_uid_7_67f2dc6478fc0"><i class="td-icon-font td-icon-menu-left"></i></a><a href="#" class="td-ajax-next-page ajax-page-disabled" id="next-page-td_uid_7_67f2dc6478fc0" data-td_block_id="td_uid_7_67f2dc6478fc0"><i class="td-icon-font td-icon-menu-right"></i></a></div></div> <!-- ./block --><aside class="td_block_template_9 widget widget-simpletags"><h4 class="td-block-title"><span>タグ</span></h4> <!-- Generated by Simple Tags 2.4.7 - http://wordpress.org/extend/plugins/simple-tags --> <div class="st-tag-cloud"> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/mongoexport/" id="tag-link-64" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">mongoexport</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/c/" id="tag-link-65" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">C#</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/guzzle/" id="tag-link-66" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Guzzle</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/dotenv/" id="tag-link-67" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">dotenv</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/mongodump/" id="tag-link-63" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">mongodump</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/mongodb-nosql/" id="tag-link-62" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">mongodb.nosql</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/bem%e8%a6%8f%e7%b4%84/" id="tag-link-50" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">BEM規約</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/centos7/" id="tag-link-57" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">centos7</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/firewalld/" id="tag-link-58" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">firewalld</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/linux/" id="tag-link-59" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">linux</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/elasticsearch/" id="tag-link-69" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Elasticsearch</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/elastic-stack/" id="tag-link-70" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Elastic Stack</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/%e9%9b%bb%e5%ad%90%e3%83%9a%e3%83%bc%e3%83%91%e3%83%bc/" id="tag-link-82" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">電子ペーパー</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/lambda/" id="tag-link-83" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">lambda</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/node-js/" id="tag-link-85" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">node.js</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/gamerch/" id="tag-link-86" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Gamerch</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/efs/" id="tag-link-80" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">EFS</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/illuminate-database/" id="tag-link-78" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Illuminate/Database</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/ubuntu/" id="tag-link-71" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">ubuntu</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/monolog/" id="tag-link-76" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">monolog</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/eloquent/" id="tag-link-77" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Eloquent</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8%e3%83%b3%e3%83%89/" id="tag-link-49" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">フロントエンド</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/css/" id="tag-link-48" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">CSS</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/curl/" id="tag-link-42" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">curl</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/iot/" id="tag-link-41" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">IoT</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/bot/" id="tag-link-39" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">bot</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/ruby/" id="tag-link-38" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Ruby</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/%e3%83%86%e3%82%b9%e3%83%88/" id="tag-link-43" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">テスト</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/twitter/" id="tag-link-37" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Twitter</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/api/" id="tag-link-44" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">API</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/carbon/" id="tag-link-47" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Carbon</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/composer/" id="tag-link-46" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Composer</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/php/" id="tag-link-45" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">PHP</a><span class="st-tags-count">1</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/docker/" id="tag-link-74" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">Docker</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/vtuber/" id="tag-link-54" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">VTuber</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/raspberry-pi/" id="tag-link-40" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">Raspberry Pi</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/kubernetes/" id="tag-link-75" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">Kubernetes</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/vr/" id="tag-link-52" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">VR</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/alb/" id="tag-link-84" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">ALB</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/wordpress/" id="tag-link-81" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">WordPress</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/opencv/" id="tag-link-89" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">opencv</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/python/" id="tag-link-88" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">python</a><span class="st-tags-count">2</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/unity/" id="tag-link-53" class="st-tags t4" title="3 topics" rel="tag" style="font-size:12pt; ">Unity</a><span class="st-tags-count">3</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/aws/" id="tag-link-79" class="st-tags t6" title="4 topics" rel="tag" style="font-size:12pt; ">AWS</a><span class="st-tags-count">4</span></span> <span class="st-tags-wrapper"><a href="https://technoledge.net/tag/development-with-composer/" id="tag-link-56" class="st-tags t10" title="6 topics" rel="tag" style="font-size:12pt; ">Composerを使ってお手軽アプリケーション開発</a><span class="st-tags-count">6</span></span></div> </aside> </div> </div> </div> <!-- /.td-pb-row --> </div> <!-- /.td-container --> </div> <!-- /.td-main-content-wrap --> <!-- Instagram --> <!-- Footer --> <div class="td-footer-wrapper td-container-wrap td-footer-template-3 td_stretch_container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td-footer-info"><div class="footer-logo-wrap"><a href="https://technoledge.net/"><img src="https://technoledge.net/wp-content/uploads/2018/07/pc_logo_footer.png" alt="" title=""/></a></div><div class="footer-text-wrap">自社メディアをコアビジネスとする 株式会社エムフロ のエンジニアブログです。業務の内外で得たノウハウやソースコードなど、WEB系開発・インフラエンジニアに向けてお役立ち情報を公開しています。</div><div class="footer-social-wrap td-social-style-2"></div></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_21 td_block_widget td_uid_9_67f2dc64826c4_rand td-pb-border-top td_block_template_9 td-column-1" data-td-block-uid="td_uid_9_67f2dc64826c4" ><script>var block_td_uid_9_67f2dc64826c4 = new tdBlock(); block_td_uid_9_67f2dc64826c4.id = "td_uid_9_67f2dc64826c4"; block_td_uid_9_67f2dc64826c4.atts = '{"custom_title":"\u4eba\u6c17\u306e\u8a18\u4e8b","custom_url":"","block_template_id":"","header_text_color":"#","border_color":"#","accent_text_color":"#","limit":"3","offset":"","el_class":"","post_ids":"","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","sort":"popular","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","ajax_pagination":"","ajax_pagination_infinite_stop":"","class":"td_block_widget td_uid_9_67f2dc64826c4_rand","separator":"","m16_tl":"","m16_el":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m16f_title_font_header":"","m16f_title_font_title":"Article title","m16f_title_font_settings":"","m16f_title_font_family":"","m16f_title_font_size":"","m16f_title_font_line_height":"","m16f_title_font_style":"","m16f_title_font_weight":"","m16f_title_font_transform":"","m16f_title_font_spacing":"","m16f_title_":"","m16f_cat_font_title":"Article category tag","m16f_cat_font_settings":"","m16f_cat_font_family":"","m16f_cat_font_size":"","m16f_cat_font_line_height":"","m16f_cat_font_style":"","m16f_cat_font_weight":"","m16f_cat_font_transform":"","m16f_cat_font_spacing":"","m16f_cat_":"","m16f_meta_font_title":"Article meta info","m16f_meta_font_settings":"","m16f_meta_font_family":"","m16f_meta_font_size":"","m16f_meta_font_line_height":"","m16f_meta_font_style":"","m16f_meta_font_weight":"","m16f_meta_font_transform":"","m16f_meta_font_spacing":"","m16f_meta_":"","m16f_ex_font_title":"Article excerpt","m16f_ex_font_settings":"","m16f_ex_font_family":"","m16f_ex_font_size":"","m16f_ex_font_line_height":"","m16f_ex_font_style":"","m16f_ex_font_weight":"","m16f_ex_font_transform":"","m16f_ex_font_spacing":"","m16f_ex_":"","css":"","tdc_css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","tdc_css_class":"td_uid_9_67f2dc64826c4_rand","tdc_css_class_style":"td_uid_9_67f2dc64826c4_rand_style"}'; block_td_uid_9_67f2dc64826c4.td_column_number = "1"; block_td_uid_9_67f2dc64826c4.block_type = "td_block_21"; block_td_uid_9_67f2dc64826c4.post_count = "3"; block_td_uid_9_67f2dc64826c4.found_posts = "30"; block_td_uid_9_67f2dc64826c4.header_color = ""; block_td_uid_9_67f2dc64826c4.ajax_pagination_infinite_stop = ""; block_td_uid_9_67f2dc64826c4.max_num_pages = "10"; tdBlocksArray.push(block_td_uid_9_67f2dc64826c4); </script><div class="td-block-title-wrap"><h4 class="td-block-title"><span class="td-pulldown-size">人気の記事</span></h4></div><div id=td_uid_9_67f2dc64826c4 class="td_block_inner"> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://technoledge.net/composer-carbon/" rel="bookmark" class="td-image-wrap" title="【第1回】PHPで日付や時刻を扱うときに便利なライブラリ「Carbon」"><img width="150" height="150" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2018/10/time-2980690_1280_-150x150.png" alt="" title="【第1回】PHPで日付や時刻を扱うときに便利なライブラリ「Carbon」"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/composer-carbon/" rel="bookmark" title="【第1回】PHPで日付や時刻を扱うときに便利なライブラリ「Carbon」">【第1回】PHPで日付や時刻を扱うときに便利なライブラリ「Carbon」</a></h3> <div class="td-module-meta-info"> <span class="td-post-author-name"><a href="https://technoledge.net/author/tak-solder/">ソルダー</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-10-01T08:00:46+00:00" >2018年10月1日</time></span> </div> <div class="td-excerpt"> 【第1回】Composerを使ってお手軽アプリケーション開発 本連載ではComposerで公開されているパッケージの中から、フレームワークを問わず汎用的に使えるライブラリをサンプルコードと共に紹介します。 第1回は日付や時刻を扱うと... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://technoledge.net/composer-guzzle/" rel="bookmark" class="td-image-wrap" title="【第2回】「Guzzle」でAPI通信やスクレイピングを使いやすく"><img width="150" height="150" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2018/10/ball-862127_1280_-150x150.png" alt="" title="【第2回】「Guzzle」でAPI通信やスクレイピングを使いやすく"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/composer-guzzle/" rel="bookmark" title="【第2回】「Guzzle」でAPI通信やスクレイピングを使いやすく">【第2回】「Guzzle」でAPI通信やスクレイピングを使いやすく</a></h3> <div class="td-module-meta-info"> <span class="td-post-author-name"><a href="https://technoledge.net/author/tak-solder/">ソルダー</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-10-22T11:43:52+00:00" >2018年10月22日</time></span> </div> <div class="td-excerpt"> 【第2回】Composerを使ってお手軽アプリケーション開発 本連載ではComposerで公開されているパッケージの中から、フレームワークを問わず汎用的に使えるライブラリをサンプルコードと共に紹介します。 今回は「Guzzle」というA... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://technoledge.net/alb-support-for-lambda/" rel="bookmark" class="td-image-wrap" title="ALBからLambda関数を呼び出して静的ページを表示する【サンプルあり】"><img width="150" height="150" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2018/12/alb-lambda-150x150.png" alt="" title="ALBからLambda関数を呼び出して静的ページを表示する【サンプルあり】"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/alb-support-for-lambda/" rel="bookmark" title="ALBからLambda関数を呼び出して静的ページを表示する【サンプルあり】">ALBからLambda関数を呼び出して静的ページを表示する【サンプルあり】</a></h3> <div class="td-module-meta-info"> <span class="td-post-author-name"><a href="https://technoledge.net/author/tak-solder/">ソルダー</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-12-21T17:32:42+00:00" >2018年12月21日</time></span> </div> <div class="td-excerpt"> 先日のre:Invent 2018で発表された新機能「ALB Support for Lambda」を弊社サービスのGamerchで使用した事例を紹介します。メンテナンスを実施した際に表示する静的ページをALBからLambda関数を呼び出し... </div> </div> </div> </div></div> <!-- ./block --> </div> <div class="td-pb-span4"> <aside class="td_block_template_9 widget widget-simpletags"><h4 class="td-block-title"><span>タグクラウド</span></h4> <!-- Generated by Simple Tags 2.4.7 - http://wordpress.org/extend/plugins/simple-tags --> <ul class="st-tag-cloud"> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/php/composer/" id="tag-link-55" class="st-tags t10" title="6 topics" rel="tag" style="font-size:12pt; ">Composer</a><span class="st-tags-count">6</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/aws/" id="tag-link-72" class="st-tags t10" title="6 topics" rel="tag" style="font-size:12pt; ">AWS</a><span class="st-tags-count">6</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/vr/" id="tag-link-51" class="st-tags t4" title="3 topics" rel="tag" style="font-size:12pt; ">VR</a><span class="st-tags-count">3</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/python/" id="tag-link-87" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">Python</a><span class="st-tags-count">2</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/iot/" id="tag-link-28" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">IoT</a><span class="st-tags-count">2</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/docker-kubernetes/" id="tag-link-73" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">Docker/Kubernetes</a><span class="st-tags-count">2</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/php/" id="tag-link-19" class="st-tags t2" title="2 topics" rel="tag" style="font-size:12pt; ">PHP</a><span class="st-tags-count">2</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/%e6%9c%aa%e5%88%86%e9%a1%9e/" id="tag-link-1" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">未分類</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/css/" id="tag-link-23" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">CSS</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e6%95%99%e8%82%b2/" id="tag-link-93" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">プログラミング教育</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/mysql/" id="tag-link-99" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">MySQL</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/elasticstack/" id="tag-link-68" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">ElasticStack</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/nosql/" id="tag-link-61" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">NoSQL</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/ruby/" id="tag-link-31" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Ruby</a><span class="st-tags-count">1</span></span></li> <li><span class="st-tags-wrapper"><a href="https://technoledge.net/linux/" id="tag-link-60" class="st-tags t0" title="1 topics" rel="tag" style="font-size:12pt; ">Linux</a><span class="st-tags-count">1</span></span></li> </ul> </aside> </div> </div> </div> </div> <!-- Sub Footer --> <div class="td-sub-footer-container td-container-wrap td_stretch_container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> <div class="menu-td-demo-top-menu-container"><ul id="menu-td-demo-top-menu-1" class="td-subfooter-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-first td-menu-item td-normal-menu menu-item-194"><a href="https://technoledge.net/company/">運営会社</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-156"><a href="https://www.mfro.net/privacy/">個人情報保護方針</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-205"><a href="https://technoledge.net/member/">メンバー紹介</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu menu-item-206"><a href="https://technoledge.net/contact/">お問い合せ</a></li> </ul></div> </div> <div class="td-pb-span td-sub-footer-copy"> © テクナレジ All rights reserved. </div> </div> </div> </div> </div><!--close td-outer-wrap--> <div class="td-more-articles-box"> <i class="td-icon-close td-close-more-articles-box"></i> <span class="td-more-articles-box-title">あわせて読みたい</span> <div class="td-content-more-articles-box"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://technoledge.net/unity-transform-rotation/" rel="bookmark" class="td-image-wrap" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~"><img width="100" height="70" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2019/03/rigidbody-100x70.jpg" srcset="https://technoledge.net/wp-content/uploads/2019/03/rigidbody-100x70.jpg 100w, https://technoledge.net/wp-content/uploads/2019/03/rigidbody-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/unity-transform-rotation/" rel="bookmark" title="第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransform.rotationで物体を制御してみた編~">第3回「趣味ナレジ」 ~UnityでRigidBodyを使わずにtransfor...</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2019-03-20T18:05:20+00:00" >2019年3月20日</time></span> </div> </div> </div> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="https://technoledge.net/how-to-vtuber/" rel="bookmark" class="td-image-wrap" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~"><img width="100" height="70" class="entry-thumb" src="https://technoledge.net/wp-content/uploads/2018/08/001-100x70.png" srcset="https://technoledge.net/wp-content/uploads/2018/08/001-100x70.png 100w, https://technoledge.net/wp-content/uploads/2018/08/001-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~"/></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://technoledge.net/how-to-vtuber/" rel="bookmark" title="第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~">第1回「趣味ナレジ」 ~バーチャルにおいでよ湯けむり紀行編~</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2018-08-27T08:00:17+00:00" >2018年8月27日</time></span> </div> </div> </div> </div> </div> <!-- Theme: Newspaper by tagDiv.com 2017 Version: 8.8.2 (rara) Deploy mode: deploy uid: 67f2dc64926a2 --> <!-- Custom css form theme panel --> <style type="text/css" media="screen"> /* custom css theme panel */ /**************お問合わせ************/ h2.pointbar{ font-size: 22px; border-left: 7px solid #3b3b3b; padding: 8px 12px; background:#f7f7f7; } .pinkbox{ font-size :12px; color: #fff; padding: 5px 8px; margin-right: 7px; background: #d70074; } .glaybox{ font-size :12px; color: #fff; padding: 5px 8px; margin: 0 7px 10px 0; background: #797979; } /*カテゴリータイトル(THEME FONTSでは項目が見つからなかったため)*/ .td-category-header .td-page-title { text-transform: none; } /***********ソースコード************/ .td-post-content code[class*="language-"], .td-post-content pre[class*="language-"]{ font-size: 14px; } /*************タグ一覧*************/ .td-main-sidebar .st-tag-cloud .st-tags-wrapper { display: inline-block; line-height: 24px; margin: 6px; } .td-main-sidebar .st-tag-cloud .st-tags { border: 1px solid #ededed; padding: 5px 8px; } .td-main-sidebar .st-tag-cloud .st-tags-count { display: none; } /******フッターのカテゴリ一覧******/ .td-footer-wrapper .st-tag-cloud li { color: #eaeaea; /* ←Newspaperのフッターの文字カラー */ position: relative; } .td-footer-wrapper .st-tag-cloud li:hover{ color: #0366d6; /* ←Newspaperのマウスオーバー文字カラー */ } .td-footer-wrapper .st-tag-cloud li:hover .st-tags { color: inherit; } .td-footer-wrapper .st-tag-cloud .st-tags-count { position: absolute; right: 10px; } /******投稿数・コメント非表示******/ .td-author-counters { display: none; } /*************縦scroll*************/ .scroll-ul { padding: 0; width: 100%; height: 200px; overflow-y: scroll; border: 1px solid #ccc } .scroll-ul .scroll-li { font-size:12px; color:#5a5a5a; list-style: none; padding: 8px } /***********SP縦scroll*************/ @media screen and (max-width:750px) { .scroll-ul { padding: 0; width: 85%; height: 200px; overflow-y: scroll; border: 1px solid #ccc } .scroll-ul .scroll-li { font-size:12px; color:#5a5a5a; list-style: none; padding: 8px } } /**********ヘッダーロゴ***********/ @media screen and (min-width: 768px) { .td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo { margin: 14px 0 0; } } </style> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/technoledge.net\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"\u3042\u306a\u305f\u304c\u30ed\u30dc\u30c3\u30c8\u3067\u306f\u306a\u3044\u3053\u3068\u3092\u8a3c\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002"}}}; /* ]]> */ </script> <script type='text/javascript' src='https://technoledge.net/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.2'></script> <script type='text/javascript' src='https://technoledge.net/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.8.2'></script> <script type='text/javascript' src='https://technoledge.net/wp-includes/js/comment-reply.min.js?ver=4.9.23'></script> <script type='text/javascript' src='https://technoledge.net/wp-content/plugins/ank-prism-for-wp/out/prism-js.min.js?ver=1536303930'></script> <script type='text/javascript' src='https://technoledge.net/wp-includes/js/wp-embed.min.js?ver=4.9.23'></script> <!-- JS generated by theme --> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = 'https://technoledge.net/wp-content/themes/Newspaper-child/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = 'https://technoledge.net/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> <div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar"> <header> <a title="Editor" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">Edit with Live CSS</a> <div class="tdw-less-info" title="This will be red when errors are detected in your CSS and LESS"></div> </header> <div class="tdw-content"> <div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active"> <script> (function(jQuery, undefined) { jQuery(window).ready(function() { if ( 'undefined' !== typeof tdcAdminIFrameUI ) { var $liveIframe = tdcAdminIFrameUI.getLiveIframe(); if ( $liveIframe.length ) { $liveIframe.load(function() { $liveIframe.contents().find( 'body').append( '<textarea class="tdw-css-writer-editor" style="display: none"></textarea>' ); }); } } }); })(jQuery); </script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_67f2dc6492ab3"></textarea> <div id="td_live_css_uid_1_67f2dc6492ab3" class="td-code-editor"></div> <script> jQuery(window).load(function (){ if ( 'undefined' !== typeof tdLiveCssInject ) { tdLiveCssInject.init(); var editor_textarea = jQuery('.td_live_css_uid_1_67f2dc6492ab3'); var languageTools = ace.require("ace/ext/language_tools"); var tdcCompleter = { getCompletions: function (editor, session, pos, prefix, callback) { if (prefix.length === 0) { callback(null, []); return } if ('undefined' !== typeof tdcAdminIFrameUI) { var data = { error: undefined, getShortcode: '' }; tdcIFrameData.getShortcodeFromData(data); if (!_.isUndefined(data.error)) { tdcDebug.log(data.error); } if (!_.isUndefined(data.getShortcode)) { var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g, results = data.getShortcode.match(regex); var elClasses = {}; for (var i = 0; i < results.length; i++) { var currentClasses = results[i] .replace('el_class="', '') .replace('"', '') .split(' '); for (var j = 0; j < currentClasses.length; j++) { if (_.isUndefined(elClasses[currentClasses[j]])) { elClasses[currentClasses[j]] = ''; } } } var arrElClasses = []; for (var prop in elClasses) { arrElClasses.push(prop); } callback(null, arrElClasses.map(function (item) { return { name: item, value: item, meta: 'in_page' } })); } } } }; languageTools.addCompleter(tdcCompleter); window.editor = ace.edit("td_live_css_uid_1_67f2dc6492ab3"); // 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook) // We did it to reattach the existing compiled css to the new content received from server. window.editorChangeHandler = function () { //tdwState.lessWasEdited = true; window.onbeforeunload = function () { if (tdwState.lessWasEdited) { return "You have attempted to leave this page. Are you sure?"; } return false; }; var editorValue = editor.getSession().getValue(); editor_textarea.val(editorValue); if ('undefined' !== typeof tdcAdminIFrameUI) { tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue); // Mark the content as modified // This is important for showing info when composer closes tdcMain.setContentModified(); } tdLiveCssInject.less(); }; editor.getSession().setValue(editor_textarea.val()); editor.getSession().on('change', editorChangeHandler); editor.setTheme("ace/theme/textmate"); editor.setShowPrintMargin(false); editor.getSession().setMode("ace/mode/less"); editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: false }); } }); </script> </div> </div> <footer> <a href="#" class="tdw-save-css">Save</a> <div class="tdw-more-info-text">Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.</div> <div class="tdw-resize"></div> </footer> </div> <script type="text/javascript" src="https://ac11.i2i.jp/bin/2nd_gets.php?01000001"></script> </body> </html>