<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Morse &#8211; Mach3.laBlog</title>
	<atom:link href="https://blog.mach3.jp/tag/morse/feed" rel="self" type="application/rss+xml" />
	<link>https://blog.mach3.jp</link>
	<description></description>
	<lastBuildDate>Tue, 02 Sep 2014 01:36:39 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>モールス信号で遊び、学ぶアプリ 「TOOTONE（ツートン）」</title>
		<link>https://blog.mach3.jp/2014/09/02/tootone-net.html</link>
		
		<dc:creator><![CDATA[mach3]]></dc:creator>
		<pubDate>Tue, 02 Sep 2014 01:36:39 +0000</pubDate>
				<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Application]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Morse]]></category>
		<category><![CDATA[Web Audio API]]></category>
		<guid isPermaLink="false">http://blog.mach3.jp/?p=3874</guid>

					<description><![CDATA[JavaScript でモールス信号を再現するアプリケーション「TOOTNE（ツートン）」を公開しました。 TOOTNE [ツートン] TOOTONE [ツートン] &#8211; モールス信号で遊び、学ぶ。 TOOTO [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>JavaScript でモールス信号を再現するアプリケーション「TOOTNE（ツートン）」を公開しました。</p>



<figure class="wp-block-image"><img decoding="async" src="https://lh6.googleusercontent.com/-a7W0rqlDvP4/VAVTzz0x6uI/AAAAAAAACkE/kdCfTlbDsKQ/s400/2014-0902-00.png" alt="モールス信号で遊び、学ぶアプリ 「TOOTONE（ツートン）」"/></figure>



<p></p>



<span id="more-3874"></span>



<h2 class="wp-block-heading">TOOTNE [ツートン]</h2>



<p><a href="http://tootone.net/">TOOTONE [ツートン] &#8211; モールス信号で遊び、学ぶ。</a></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>TOOTONEは、モールス信号で遊びながら学ぶアプリケーションです。<br />
  手で打ったり、テキスト変換をしたりしながら思う存分ツートンしましょう。</p>
</blockquote>



<p>「JavaScriptでモールス信号」というのは少し前から課題にしていたのですが、 ある程度まとまった形になったのでWebアプリケーションにしてみました。</p>



<h3 class="wp-block-heading">使い方</h3>



<p>誰しもおおまかな所はしっているとは思いますが、「モールス信号」そのものについては <a href="http://ja.wikipedia.org/wiki/%E3%83%A2%E3%83%BC%E3%83%AB%E3%82%B9%E7%AC%A6%E5%8F%B7">Wikipediaの説明</a> でも見て頂くとしましょう。</p>



<figure class="wp-block-image"><img decoding="async" src="https://lh5.googleusercontent.com/-KnVyBC_doZo/VATHRFJwbZI/AAAAAAAACjk/43TG29wNSGo/s500/2014-0902-01.png" alt="TOOTNE"/></figure>



<p></p>



<p>TOOTONE では次の4つの方法でツートンする事ができます。</p>



<ol class="wp-block-list">
<li>キーボードの「T」をたたく</li>



<li>マウスでクリックする</li>



<li>スマートフォン・タブレット端末でタッチする</li>



<li>文章を入力して変換する</li>
</ol>



<p>「判定がシビアだ！」といった声を頂いておりますが、がんばってください。 長点と短点の差をハッキリさせて、ゆっくり打つのがコツです。</p>



<h3 class="wp-block-heading">ツートン辞書をみる</h3>



<p>アルファベット・カナ別に変換テーブルを掲載しています。 分からなくなったら参照してみましょう。</p>



<figure class="wp-block-image"><a href="http://tootone.net/dictionary"><img decoding="async" src="https://lh3.googleusercontent.com/-mB91XPdvy-E/VATHQwaDZ1I/AAAAAAAACjk/gZJh7tzPRFI/s500/2014-0902-02.png" alt="ツートン辞書"/></a></figure>



<p></p>



<h3 class="wp-block-heading">記録して、シェアする</h3>



<p>「記録」ボタンを押してツートンするか、「テキスト入力」モードで文章を入力すると、 そのメッセージをURLで「シェア」する事ができます。 シェアしたメッセージをお友達に送ってあげましょう。</p>



<p><a href="http://tootone.net/message/Wkf">TOOTONE [ツートン] &#8211; お預かりしているツートンメッセージです</a></p>



<figure class="wp-block-image"><a href="http://tootone.net/message/Wkf"><img decoding="async" src="https://lh4.googleusercontent.com/-xqZIzoQxkUo/VATHRbGeGqI/AAAAAAAACjk/VZEViH4UeB0/s500/2014-0902-03.png" alt="シェア"/></a></figure>



<p></p>



<h2 class="wp-block-heading">こぼれ話など</h2>



<p>以前LT枠で参加させて頂いた「HTML5飯」では「Web Audio APIとモールス信号」をお題とさせていただきました。 （発表のスライドは<a href="http://www.slideshare.net/mach3ss/slide-37613454">こちら</a>）</p>



<p>LTした時点ではオシレータについてよく理解していなかったので、信号の音声ファイルを作ってそれを読み込んで再生していましたが、 参加者の方からオシレータを勧められて試しに実装してみたところ、中身が非常にシンプルにまとまるではないですか！ さらに、悩まされていた iOS での不具合も解消されているのです。</p>



<p>これは面白いと思って、ついつい脇道にそれまくって出来上がったのが <a href="http://mach3.github.io/oscy.js/">Oscy.js</a> でした。 （楽器はTOOTONEの後に着手しようと思っていたのですが…）</p>



<p>cf) <a href="/2014/08/19/oscyjs.html">Web Audio API の Oscillator で楽器を作りたい話 – Mach3.laBlog</a></p>



<h2 class="wp-block-heading">まとめ</h2>



<p>Web Audio API 面白いですね！</p>



<p>対応環境が増えて普通に使えるようになる日を心待ちにしています。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
