index.html


<!-- 
	veck.tw 還是用 fbukevin.github.io/Veck
	但是只做一頁
	然後用 vue.js 做 SPA
	v-for 來列出我的作品集
	ＤＯＮＥ！
-->

<head>
	<script type="text/javascript" src="https://unpkg.com/vue@2.2.6"></script>
</head>
<body>

	<section id="main">
		<article id="page-undefined" class="article article-type-page" itemscope="" itemprop="blogPost">
		  <div class="article-inner">        
		    <div class="article-entry" itemprop="articleBody">
		      
			    <h1 id="Veck_Hsiao"><a href="#Veck_Hsiao" class="headerlink" title="Veck Hsiao"></a>Veck Hsiao</h1><p><img alt="profile" class="scrollLoading" src="profile.jpg"><span class="caption">profile</span></p>

					<h2 id="Introduction"><a href="#Introduction" class="headerlink" title="Introduction"></a>Introduction</h2>

					<ol>
						<li>
							Web Engineer in <a href="http://www.ruten.com.tw/" target="_blank" rel="external">Ruten</a> (a PChome and eBay JV company)
						</li>
						<li>
							Co-funder of <a href="http://justinsanity.github.io" target="_blank" rel="external">Justinsanity</a>
						</li>
					</ol>

					<h2 id="Contact"><a href="#Contact" class="headerlink" title="Contact"></a>Contact</h2>

					<ul>
						<li>
							<a href="mailto:fbukevin@gmail.com" target="_blank" rel="external">fbukevin@gmail.com</a>
						</li>
						<li>
							<a href="https://github.com/fbukevin" target="_blank" rel="external">GitHub</a>
						</li>
						<li>
							<a href="http://linkedin.com/in/veckhsiao" target="_blank" rel="external">LinkedIn</a>
						</li>
						<li>
							<a href="http://vect.tw" target="_blank" rel="external">Blog</a>
						</li>
					</ul>
			
					<h1 id="Old_Blog"><a href="#Old_Blog" class="headerlink" title="Old Blog"></a>Old Blog</h1>

					<ul>
						<li>
							<a href="http://veckcode.blogspot.tw/" target="_blank" rel="external">Program City in Blogger</a>(2012, Summer - 2014, Spring)
						</li>
						<li>
							<a href="http://veck.logdown.com/" target="_blank" rel="external">Program City in Logdown</a>(2013, Fall - 2015, Spring)
						</li>
					</ul>

					<h2 id="Project">
						<a href="#Project" class="headerlink" title="Project"></a>Project
					</h2>

					<ul>
						<li>
							<a href="https://moil.herokuapp.com/" target="_blank" rel="external">Moil</a>: a mobile database
						</li>
						<li>
							<a href="https://fbukevin.github.io/hiraganatokei/">平仮名時計</a>: a web clock in Japanese.
						</li>
						<li>
							<a href="http://justinsanity.github.io/boo-it/" target="_blank" rel="external">Boo-it</a>: an instant message app with HTML, CSS, JavaScript
						</li>
						<li>
							<a href="http://fbukevin.github.io/stock/">Realtie Stock Price and Exchange Rate Demo</a>
						</li>
						<li>
							<a href="http://dorabemon.github.io/" target="_blank" rel="external">Software Engineering Class Project</a>
						</li>
						<li>
							<a href="http://fbukevin.github.io/SDP/">Energy Flow Optimization for Wind Farm- A Stochastic Dynamic Programming Approach</a>
						</li>
						<li>
							<a href="http://fbukevin.github.io/weic_d3js">Introduction to D3.js</a>: a presentation of D3.js (slide made with d3.js itself)
						</li>
						<li>
							<a href="http://fbukevin.github.io/unistroke">$1 Unistroke Recognizer</a>:  2013 Human Computer Interaction class project
						</li>
						<li>
							<a href="https://www.npmjs.com/package/file-template" target="_blank" rel="external">file-template</a>: an npm project, a file generator for Node.js
						</li>
					</ul>

					<h2 id="Open_Source_Contribution">
						<a href="#Open_Source_Contribution" class="headerlink" title="Open Source Contribution"></a>Open Source Contribution
					</h2>

					<ul>
						<li>
							<a href="https://github.com/atom/electron/graphs/contributors" target="_blank" rel="external">atom/electron</a>: traditional Chinese version translation of documentation 
						</li>
						<li>
							<a href="https://github.com/Mozilla-b2g/jstat/jstat/contributors" target="_blank" rel="external">jstat/jstat</a>: create new functions
						</li>
						<li>
							<a href="https://github.com/Mozilla-b2g/gaia/graphs/contributors" target="_blank" rel="external">Mozilla-b2g/gaia</a>: debug (records are on Bugzilla)
						</li>
						<li>
							<a href="https://github.com/laravel-taiwan/docs/graphs/contributors" target="_blank" rel="external">laravel-taiwan/docs</a>: traditional Chinese version translation of documentation 
						</li>
						<li>
							<a href="https://github.com/tomusdrw/gradleps/graphs/contributors" target="_blank" rel="external">tomusdrw/gradleps</a>: fixed shebang to more generic
						</li>
						<li>
							<a href="https://github.com/marcua/tweeql/graphs/contributors" target="_blank" rel="external">marcua/tweeql</a>: twitter tweets crawler, fixed bug to usable for up-to-date API verison
						</li>
						<li>
							<a href="https://github.com/gasolin/qrcode_scanner/graphs/contributors" target="_blank" rel="external">gasolin/qrcode_scanner</a>: Firefox OS version QR code scanner, add some functions
						</li>
						<li>
							<a href="https://github.com/weitsai/iHelp-android/graphs/contributors" target="_blank" rel="external">weitsai/iHelp-android</a>: an app to call for emergency for hearing impaired
						</li>
					</ul>     
		    </div>
		  </div>       
		</article>
	</section>

	<div>
		<ul id="production">
		  <li v-for="item in items">
		    {{ item.name }}
		  </li>
		</ul>
	</div>
	<script>
		var example1 = new Vue({
		  el: '#production',
		  data: {
		    items: [
		      {name: 'Foo', url: '#' },
		      {name: 'Bar', url: '#'}
		    ]
		  }
		})
	</script>
</body>