https://hitokun-s.github.io/project/

1<!DOCTYPE html><html lang="en" data-head-attrs="lang"><head>

1<script src="https://www.googletagmanager.com/gtag/js?id=

1UA-48867719-1

1" async=""></script>

1<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-48867719-1")</script>

1<script>window.dataLayer=window.dataLayer||[],window.dataLayer.push({"gtm.start":(new Date).getTime(),event:"gtm.js"})</script>

1<script src="https://www.googletagmanager.com/gtm.js?id=GTM-TJZMBGZ" async=""></script>

1<link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/pwa-192x192.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">

1<script>!function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===t||e&&"light"!==t)&&document.documentElement.classList.toggle("dark",!0)}()</script>

1<script type="module" async="" crossorigin="" src="/assets/app.cd1ae9c4.js"></script>

1<link rel="modulepreload" href="/assets/vendor.90d189c3.js"><style>@charset "UTF-8";.navbar-brand svg{width:34px}.tabs ul{border-bottom-style:none!important}.tabs ul li:not(.is-active) a{border:none}html{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}html{overflow-y:auto!important}.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content:not(:last-child),.tabs:not(:last-child){margin-bottom:1.5rem}.image.is-4by3 img{bottom:0;left:0;position:absolute;right:0;top:0}.navbar-burger{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0}body,figure,html,li,p,ul{margin:0;padding:0}ul{list-style:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img{height:auto;max-width:100%}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}figure,header{display:block}body{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#48c78e;cursor:pointer;text-decoration:none}a:hover{color:#363636}img{height:auto;max-width:100%}span{font-style:inherit;font-weight:inherit}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (min-width:1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width:1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-4by3 img{height:100%;width:100%}.image.is-4by3{padding-top:75%}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em #0a0a0a1a,0 0 0 1px #0a0a0a05;color:#4a4a4a;max-width:100%;position:relative}.card-content:first-child,.card-header:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-content:last-child,.card-header:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-header{background-color:transparent;align-items:stretch;box-shadow:0 .125em .25em #0a0a0a1a;display:flex}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-image{display:block;position:relative}.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-content{background-color:transparent;padding:1.5rem}.navbar{background-color:#fff;min-height:3.25rem;position:relative;z-index:30}.navbar-brand{align-items:stretch;display:flex;flex-shrink:0;min-height:3.25rem}.navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover{background-color:transparent}.navbar-burger{color:#4a4a4a;cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:#0000000d}.navbar-menu{display:none}.navbar-item{color:#4a4a4a;display:block;line-height:1.5;padding:.5rem .75rem;position:relative}a.navbar-item{cursor:pointer}a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover{background-color:#fafafa;color:#48c78e}.navbar-item{flex-grow:0;flex-shrink:0}@media screen and (max-width:1023px){.navbar-brand .navbar-item{align-items:center;display:flex}.navbar-menu{background-color:#fff;box-shadow:0 8px 16px #0a0a0a1a;padding:.5rem 0}}@media screen and (min-width:1024px){.navbar,.navbar-end,.navbar-menu{align-items:stretch;display:flex}.navbar{min-height:3.25rem}.navbar-burger{display:none}.navbar-item{align-items:center;display:flex}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-end{justify-content:flex-end;margin-left:auto}}.tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}.tabs a:hover{border-bottom-color:#363636;color:#363636}.tabs li{display:block}.tabs li.is-active a{border-bottom-color:#48c78e;color:#48c78e}.tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media screen and (min-width:769px),print{.column.is-half-tablet{flex:none;width:50%}}@media screen and (min-width:1024px){.column.is-one-quarter-desktop{flex:none;width:25%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-multiline{flex-wrap:wrap}@media screen and (min-width:769px),print{.columns:not(.is-desktop){display:flex}}.has-text-primary{color:#48c78e!important}a.has-text-primary:focus,a.has-text-primary:hover{color:#34a873!important}.is-size-3{font-size:2rem!important}.has-text-weight-bold{font-weight:700!important}.hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem}@media screen and (min-width:769px),print{.hero-body{padding:3rem}}</style><link rel="preload" href="/assets/app.109dba73.css" as="style"><link rel="modulepreload" crossorigin="" href="/assets/index.616ac3aa.js"><title>Hitokun's projects</title><meta property="og:url" content="https://hitokun-s.github.io/project"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@hitokun-s"><meta property="fb:app_id" content="362864550832043"><meta name="head:count" content="12"><meta name="description" content="Hitokun's projects"><meta property="og:description" content="Hitokun's projects"><meta property="og:site_name" content="Hitokun's"><meta property="og:title" content="Hitokun's"><meta property="og:type" content="article"><meta property="og:image" content="https://hitokun-s.github.io/images/null"></head><body>

1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

1GTM-TJZMBGZ

1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

1<div id="app" data-server-rendered="true"><main><header class="navbar container is-desktop"><div class="navbar-brand"><span class="navbar-item"><a href="/" class="is-link navbar-item is-size-3 has-text-weight-bold has-text-primary"><svg class="svg-inline--fa fa-home fa-w-18" style="" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path class="" style="" fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg> Hitokun's Projects</a></span><a role="button" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample" class="navbar-burger burger"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></a></div><!----><div class="navbar-menu"><div class="navbar-end tabs"><ul><li class=""><a href="/about" class="">About</a></li><li class=""><a href="/art" class="">Art</a></li><li class=""><a href="/viz" class="">Viz</a></li><li class="is-active"><a aria-current="page" href="/project" class="router-link-active router-link-exact-active">Project</a></li></ul></div></div></header><div class="hero-body is-desktop container"><div class="container"><div class="columns is-multiline"><!--[--><div class="column is-one-quarter-desktop is-half-tablet"><a href="/project/waste-detection"><div class="card"><div class="card-image"><figure class="image is-4by3"><img src="https://hitokun-s.github.io/images/waste-detection.png" alt="Placeholder image"></figure></div><header class="card-header"><p class="card-header-title">waste detection</p></header><div class="card-content"><div class="content">live camera detection of wastes(ex. glass bottle, plastic bag)</div></div></div></a></div><div class="column is-one-quarter-desktop is-half-tablet"><a href="https://hitokun-s.github.io/old/movie/abc-song.html"><div class="card"><div class="card-image"><figure class="image is-4by3"><img src="https://hitokun-s.github.io/old/movie/img/epoch180.png" alt="Placeholder image"></figure></div><header class="card-header"><p class="card-header-title">ABC song by deep learning</p></header><div class="card-content"><div class="content">using DCGAN</div></div></div></a></div><div class="column is-one-quarter-desktop is-half-tablet"><a href="https://www.facebook.com/hitoshi.wada.5/videos/vb.100002358474209/616886305066646/?type=2&amp;amp;theater"><div class="card"><div class="card-image"><figure class="image is-4by3"><img src="https://hitokun-s.github.io/old/images/tomatos.png" alt="Placeholder image"></figure></div><header class="card-header"><p class="card-header-title">How to play tomatos</p></header><div class="card-content"><div class="content">convert tomato to instrument</div></div></div></a></div><div class="column is-one-quarter-desktop is-half-tablet"><a href="https://hitokun-s.github.io/old/project/historip.html"><div class="card"><div class="card-image"><figure class="image is-4by3"><img src="https://hitokun-s.github.io/old/images/historip.png" alt="Placeholder image"></figure></div><header class="card-header"><p class="card-header-title">Historip</p></header><div class="card-content"><div class="content">A Social Time-Machine (currently for 13C)</div></div></div></a></div><!--]--></div></div></div></main></div>

1<script>window.__INITIAL_STATE__='{"pinia":{}}'</script>

1<link rel="stylesheet" href="/assets/app.109dba73.css"></body></html>