<?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>HACKist &#187; android</title>
	<atom:link href="https://hackist.jp/?cat=17&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>https://hackist.jp</link>
	<description>HACKistは日々、博報堂アイ・スタジオで挑戦している、ちょっと変わった新しい実験をお知らせしていきます。</description>
	<lastBuildDate>Wed, 30 Sep 2020 02:59:58 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.4</generator>
	<item>
		<title>りんごを食べると歯の検診ができる「Dentapple」リリースしました</title>
		<link>https://hackist.jp/?p=6726</link>
		<comments>https://hackist.jp/?p=6726#comments</comments>
		<pubDate>Wed, 09 Dec 2015 09:14:37 +0000</pubDate>
		<dc:creator><![CDATA[HACKist]]></dc:creator>
				<category><![CDATA[android]]></category>
		<category><![CDATA[App]]></category>
		<category><![CDATA[iOS]]></category>

		<guid isPermaLink="false">http://hackist.jp/?p=6726</guid>
		<description><![CDATA[公文です。１ヶ月ほど経ってしまったのですが、11月8日(いい歯の日)に、 長野県の松本りんご協会さんと歯科医院さん、博報堂ケトルさんと新しいりんごの販売とアプリをリリースいたしました。 弊社では、アプリを制作いたしました [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>公文です。１ヶ月ほど経ってしまったのですが、11月8日(いい歯の日)に、<br />
長野県の松本りんご協会さんと歯科医院さん、博報堂ケトルさんと新しいりんごの販売とアプリをリリースいたしました。<br />
弊社では、アプリを制作いたしました。</p>
<p><img src="http://hackist.jp/wp-content/uploads/dentapple_1209-01-1024x613.jpg" alt="Print" width="1024" height="613" class="alignright size-large wp-image-6828" /></p>
<p>その名も、<strong>「<a href="http://dentapple.jp/" target="_blank">Dentapple</a>」</strong></p>
<p>この「Dentapple」とは、りんごをかじったときに感じる痛みや違和感、出血の有無などをスマホから答えることで、歯科衛生士さんが歯の健康リスクをチェックしてくれるサービス付きのりんごです。<br />
Dentappleでわかる歯の健康リスクは、<strong>「虫歯」「歯周病」「顎関節症」</strong>のリスクです。</p>
<p><img src="http://hackist.jp/wp-content/uploads/Screen-Shot-2015-12-07-at-15.41.21-1024x451.png" alt="Screen Shot 2015-12-07 at 15.41.21" width="600" height="264" class="alignleft size-large wp-image-6732" /><br />
（*あくまでも、歯の健康リスクを簡易的に調べる「テスト」であり「歯科診断」を行うものではございません。適切な処置を受けるためにも、歯科医による診断を仰いでください。）</p>
<p>Dentappleアプリのフロー詳細は以下です。</p>
<p><img src="http://hackist.jp/wp-content/uploads/Screen-Shot-2015-12-07-at-16.56.28.png" alt="Screen Shot 2015-12-07 at 16.56.28" width="600" height="290" class="alignleft size-full wp-image-6744" /></p>
<p><strong>【フロー】<br />
STEP1 : </strong>「Dentapple」についたQRコードから、専用アプリををDLします。<br />
<strong>STEP2 : </strong>スマートフォンのナレーションに従い、りんごをかじります。<br />
<strong>STEP3 : </strong>りんごを食べながら、出血の有無や、かじった時の違和感などをアプリの質問事項を答えていただきます。</p>
<p><img src="http://hackist.jp/wp-content/uploads/4e86680aeab2d72e15a1253f39ab6f41-300x263.png" alt="4e86680aeab2d72e15a1253f39ab6f41" width="300" height="263" class="alignleft size-medium wp-image-6730" /></p>
<p><strong>STEP4 : </strong>最後に、かじったリンゴの断面の写真を送信すれば完了です。１日程待てば、歯科衛生士さんから返信がきます。<br />
<strong>STEP5 : </strong>このような感じでテスト結果が返ってきます。</p>
<p><img src="http://hackist.jp/wp-content/uploads/dentapple4-174x300.jpg" alt="dentapple4" width="174" height="300" class="alignleft size-medium wp-image-6739" /></p>
<p><strong>STEP6 : </strong>アプリから近場の歯医者、提携医院医院を検索・予約することもできます</p>
<p><img src="http://hackist.jp/wp-content/uploads/image-169x300.png" alt="image" width="169" height="300" class="alignleft size-medium wp-image-6749" /></p>
<p>りんご片手でも簡単にアプリが操作できるように、<br />
<strong>　・各画面にナレーションの挿入<br />
　・直感的に質問に回答できるように、アニメーションによるフォロー<br />
　・回答をスワイプ式の2択：スワイプの動きも気持ちよく</strong><br />
といったUIの工夫も。<br />
また、歯科衛生士さんの採点後、結果が即時ユーザーの元に反映されるように、<br />
<strong>　・即時プッシュ通知でお知らせ<br />
</strong>もしてくれます。（*あくまでも、「テスト」で「歯科診断」ではございません。）</p>
<p>この「Dentapple」は、11月8日に発売を開始し、都内では「<a href="http://shunpachi.jp/2015/11/08/1426" target="_blank">旬八</a>」さんに取り扱っていただきました。</p>
<p><img src="http://hackist.jp/wp-content/uploads/PB080055-1024x768.jpg" alt="PB080055" width="600" class="alignleft size-large wp-image-6795" /></p>
<p><img src="http://hackist.jp/wp-content/uploads/PB080042-1024x768.jpg" alt="PB080042" width="600" class="alignleft size-large wp-image-6796" /></p>
<p>メディアにも多数取り上げていただいたこともあり、嬉しくも店頭の在庫は品薄状態に。</p>
<p>▼アドタイ：歯の診断付きりんご、想定3倍の売れ行き 東急百貨店など<br />
<a href="http://www.advertimes.com/20151110/article209157/" target="_blank">http://www.advertimes.com/20151110/article209157/<br />
</a><br />
海外メディアやニュース番組にも<br />
▼The Wall Street Journal : New Apple Product–From Japanese Farmers–Includes Dental Advice<br />
<a href="http://blogs.wsj.com/japanrealtime/2015/11/10/new-apple-product-from-japanese-farmers-includes-dental-advice/" target="_blank">http://blogs.wsj.com/japanrealtime/2015/11/10/new-apple-product-from-japanese-farmers-includes-dental-advice/<br />
</a><br />
▼FNN : リンゴを使った「おいしい歯科検診」を紹介します<br />
<a href="http://www.fnn-news.com/news/headlines/articles/CONN00307654.html" target="_blank">http://www.fnn-news.com/news/headlines/articles/CONN00307654.html<br />
</a></p>
<p>最近、りんごを食べる機会とか、丸かじりする機会が減っていますよね！<br />
この機会に、旬のみずみずしい松本のりんごをかじりながら、自分自身の歯の健康状態も意識してみてください:)</p>
<p>「Dentapple」の取り扱いは、<br />
■都内の八百屋さん（旬八さん）<br />
<a href="http://shunpachi.jp/2015/11/08/1426" target="_blank">http://shunpachi.jp/2015/11/08/1426</a><br />
■ECサイト<br />
<a href="http://dentapple.theshop.jp/items/2136961" target="_blank">http://dentapple.theshop.jp/items/2136961</a><br />
で購入できます。(現状、品薄になってます。)</p>
<p>それでは！</p>
]]></content:encoded>
			<wfw:commentRss>https://hackist.jp/?feed=rss2&#038;p=6726</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GoogleのCardboardを使ってVRアプリを作ってみました</title>
		<link>https://hackist.jp/?p=4621</link>
		<comments>https://hackist.jp/?p=4621#comments</comments>
		<pubDate>Wed, 10 Sep 2014 01:08:14 +0000</pubDate>
		<dc:creator><![CDATA[HACKist]]></dc:creator>
				<category><![CDATA[android]]></category>

		<guid isPermaLink="false">http://hackist.jp/?p=4621</guid>
		<description><![CDATA[&#160; はじめまして。 2014年度新卒でHACKistに参加している朝日田です。 &#160; &#160; 少し時間が立ってしまいましたが、HACKist_としてC86コミックマーケットに出展しました。今回はコ [&#8230;]]]></description>
				<content:encoded><![CDATA[<p dir="ltr"><a style="font-style: normal; line-height: 24.375px; text-decoration: underline;" href="http://hackist.jp/wp-content/uploads/superOculusSS.jpg"><img class="aligncenter size-full wp-image-4622" style="border-color: #bbbbbb; background: #eeeeee;" alt="superOculusSS" src="http://hackist.jp/wp-content/uploads/superOculusSS.jpg" width="720" height="405" /></a></p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">はじめまして。</p>
<p dir="ltr">2014年度新卒でHACKistに参加している朝日田です。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">少し時間が立ってしまいましたが、HACKist_としてC86コミックマーケットに出展しました。今回はコミケで冊子と合わせて制作したオリジナルARアプリとデジタル目次「スーパーオキュラス_U」について記事を書きたいと思います。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<h2 dir="ltr"><strong>ARアプリについて</strong></h2>
<p dir="ltr">今回のARアプリはUnityとVuforiaで作成しました。</p>
<p dir="ltr">ARエンジンは色々ありますが、1文字もコードを書くことがなく作れるという利点があったのでスピードを重視してこの組み合わせを選びました。制作時間は大体５時間くらいです。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">元々、コミケチーム（ハックイストアンダー）はイラストレーターを主体にしたチームですが、今回出展にあたり「せっかくだから漫画だけでなくデジタルで何かやろう」という事で同人誌のページをマーカーにすることで、アナログな同人誌をデジタル(AR)でも楽しめる、というアイデアを入れました。</p>
<p><span id="more-4621"></span></p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">実際にアプリを冊子の特定個所にかざすとこんな感じになります。</p>
<p> <a href="http://hackist.jp/wp-content/uploads/bananaSS.jpg"><img class="aligncenter size-full wp-image-4624" alt="bananaSS" src="http://hackist.jp/wp-content/uploads/bananaSS.jpg" width="720" height="600" /></a></p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">表示するのは通常の２D画像ですが、奥行きを持たせてることで3Dのような立体感を出してます。</p>
<p dir="ltr">３Dオブジェクトを作らなくても、２Dのイラスト絵を並べるだけで、かなり立体的に見えるのは新しい発見でした。</p>
<p dir="ltr">また、画像だけではなく、HACKistの制作物を紹介する動画も流れたりします。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">技術者にとってはARはもう見慣れたものですが、コミケのブースに来た人には大好評でした。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<h2 dir="ltr"><strong>スーパーオキュラス_U</strong></h2>
<p dir="ltr">スーパーオキュラス_Uは、以前Qawasakiさんが作成したスーパーオキュラスをバージョンアップさせたものです。前のものより二回りほど大きいです。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr"><img class="aligncenter size-full wp-image-4630" alt="IMG_0037_ss" src="http://hackist.jp/wp-content/uploads/IMG_0037_ss.jpg" width="720" height="441" /></p>
<p dir="ltr">
<p dir="ltr">これ、なぜGoogleが公式で出しているCardboardの作り方をしなかったのかはちゃんと理由があったりします。GoogleのCardboardの型紙で作成すると、顔のサイズが考慮されていなかったり、メガネをかけていると見ることができないといった事があります。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">スーパーオキュラスの場合、顔をすっぽり覆うので、たとえメガネをかけていようとどんな人でも体験することができます。また、周りの光が入ってこないのでより没入感のある体験を提供出来ます。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">このアプリの作り方は江東テックブログの方に紹介していますのでそちらをご覧ください。</p>
<p>→<a href="http://kototec.i-studio.co.jp/" target="_blank"><span style="text-decoration: underline;">http://kototec.i-studio.co.jp/</span></a><a href="http://kototec.i-studio.co.jp/"><br />
</a></p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">今までVRを体験するためには特定の場所に行き、特別な機器が必要でしたが、Cardboardの登場によっていつでもどこでもスマートフォンさえあればVRを楽しむことができ、今までにない新しい体験ができるようになりました。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">どこでも使えるということは、例えば今いる場所の100年後や100年前を見ることができるといった、本来見ることができないものを見たり、逆に今見えてるものを透過させることもできたりします。もちろん、完全なバーチャル世界を楽しむこともできます。</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr">今回はARアプリとVRアプリを作りましたが、自分は音楽が好きなので、次回は音と連動させたプロジェクションマッピングを作ってみようと思います！</p>
]]></content:encoded>
			<wfw:commentRss>https://hackist.jp/?feed=rss2&#038;p=4621</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>神芸2013 〜Node.js×Azure×Androidが奏でる楽しい夢〜</title>
		<link>https://hackist.jp/?p=1128</link>
		<comments>https://hackist.jp/?p=1128#comments</comments>
		<pubDate>Fri, 22 Feb 2013 02:33:15 +0000</pubDate>
		<dc:creator><![CDATA[HACKist]]></dc:creator>
				<category><![CDATA[android]]></category>
		<category><![CDATA[azure]]></category>
		<category><![CDATA[Node.js]]></category>

		<guid isPermaLink="false">http://hackist.jp/?p=1128</guid>
		<description><![CDATA[みなさん、こんにちは。HACKstの一階です。 このたび、以前公開した「ご長寿祈願 白蛇様」をベースに、02/17にテレビ朝日系列で放送された神芸2013の観客審査員用投票システムを構築しました！ 実にめでたいことですの [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><a href="http://hackist.jp/wp-content/uploads/50dffa28d4b2c4c4bd53ef190b5975b2.jpg"><img class="alignleft size-full wp-image-1189" title="KAMIWAZA2013" src="http://hackist.jp/wp-content/uploads/50dffa28d4b2c4c4bd53ef190b5975b2.jpg" alt="" width="1280" height="800" /></a></p>
<p>みなさん、こんにちは。HACKstの一階です。</p>
<p>このたび、以前公開した「ご長寿祈願 白蛇様」をベースに、02/17にテレビ朝日系列で放送された神芸2013の観客審査員用投票システムを構築しました！<br />
<span id="more-1128"></span></p>
<p>実にめでたいことですので、記念にこのシステムの技術面の話を軽くしようと思います。（システムの内容は<a href="http://www.atpress.ne.jp/view/33488" target="_blank">こちらのプレスリリース</a>を参照してください）</p>
<p>開発のきっかけはAndroidタブレットを利用して、100人以上で同時投票を行いたい（しかも1ヶ月以内！）という相談が来たことでした。</p>
<p>期間が非常にタイトなため、普通なら受けようか受けまいか迷うところですが、こんなこともあろうかと（本当ですよ）実験として「白蛇様」を開発していたので、これはいいチャンスだと思い、すぐに「任せて！」と回答しました。</p>
<p>「白蛇様」の経験を生かし、仕様は以下としました。</p>
<p>・100人以上の同時接続＝Node.js（実際はiisnode）</p>
<p>・Andorid上でアニメーションが必要だが、期間が短い＝HTML+jsで画面を作成</p>
<p>・サーバとのソケット接続＝jsでソケット接続</p>
<p>・Androidアプリ＝単なるWebView</p>
<p>・Node.jsをサポートしていて、運用／スケールアウトが容易そう＝WindowsAzure</p>
<p>～サーバにAzureを利用している以外は普通の構成ですね。</p>
<p>基本順調にシステムを開発していたのですが、途中１つ問題が。できあがったHTML+jsのロジックをAndroidのWebViewに入れてもNode.jsがピクリとも動かないのです。</p>
<p>Google先生にお伺いを立てたところ、iPhoneの標準ブラウザもUIWebViewもNode.js（というかSocket）に対応しているけれど、Androidは標準ブラウザもWebViewもNode.jsをサポートしていないことが判明。</p>
<p>・・・技術的に進んでて自由がきくのがAndroidの大事な取り柄では・・・(T.T)</p>
<p>まあ、駄目なものは駄目なのでAndroidアプリでSocket接続を行うよう変更しました。</p>
<p>ただ、Android×node.jsはまだしも、Android×iisnodeの組み合わせ事例がなく、<br />
<a href="https://github.com/Gottox/socket.io-java-client">github</a>で公開されているSocketクラスなどを参考にいろいろ苦労したのが、技術的な山場でした。</p>
<p>さほど広くない空間で100台以上のタブレットをどうやってWifiに同時接続するかや、手動でタブレットに作成したアプリをインストールするなど技術以外の所も大変でしたが、非常に楽しい経験ができました！</p>
<p>[アプリインストール中]<br />
<a href="http://hackist.jp/wp-content/uploads/056.jpg"><img class="alignleft size-full wp-image-1206" title="インストール中" src="http://hackist.jp/wp-content/uploads/056.jpg" alt="" width="6000" height="4000" /></a></p>
<p>[タブレット充電中]<br />
<a href="http://hackist.jp/wp-content/uploads/DSC_1323.jpg"><img class="alignleft size-full wp-image-1209" title="充電中" src="http://hackist.jp/wp-content/uploads/DSC_1323.jpg" alt="" width="4000" height="2250" /></a></p>
<p>[投票画面]</p>
<p><a href="http://hackist.jp/wp-content/uploads/DSC_1367.jpg"><img class="alignnone size-full wp-image-1262" title="投票中" src="http://hackist.jp/wp-content/uploads/DSC_1367.jpg" alt="" width="4000" height="2250" /></a></p>
<p>HACKistは今後も様々な技術で楽しいものを作っていきますので、ご期待ください！</p>
]]></content:encoded>
			<wfw:commentRss>https://hackist.jp/?feed=rss2&#038;p=1128</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
