しゃべってコンシェル開発秘話

はじめに

先日、NTTドコモ様から「しゃべってコンシェル」という、Android+音声認識によるマルチ検索・端末操作アプリケーションがリリースされました。弊社はこの「しゃべってコンシェル」及びその前身となるアプリの開発でご協力させて頂きました。

Androidに統合されたProGuardに関する改善点(ADT17)

はじめに

前回の記事では、ADT8で標準搭載されたProGuardの適用方法について解説しました。今回、ADT17でProGuardのいくつかの改善が行われたため、これら改善点について解説します。尚、本記事はProGuard Improvementsを元に翻訳したものです。

3月14日に開催されたGoogle Creative Sandboxに参加しました。

3月14日に日本橋にて Google Japan 主催で Creative Sandbox という、広告代理店やクリエイター向けのイベントが開催されました。

http://www.google.co.jp/events/creativesandbox2012/

「テクノロジーとインターネットがコミュニケーションにどのような影響を与え、貢献ができるのかということを考える場」

というコンセプトのもと、広告代理店などの、制作営業担当、デザイナー、クリエーターをターゲットとし、Googleのテクノロジーを使って新たなコミュニケーションを創造するツールやアイディアをシェアするイベントです。

NFC & Smart WORLD 2012でNFC QUESTが実施されました

3月6日から9日までの4日間、東京ビックサイトで開催された第1回「NFC & Smart WORLD 2012」でNFC QUESTが実施されました。

今回は「NFC & Smart WORLD」のリニューアルを象徴する特別企画として、主催者の日経新聞社さんと一緒にブリリアントサービスが企画/開発を行いました。

リンクまとめ

Twitter

• 参加者リスト https://twitter.com/#!/bs_android/shthon2012s


• 第4回SHARPハッカソン@東広島ツイートまとめ - Togetter http://togetter.com/li/271622

ブログ

@tunakko_ さん

• 第4回 SHARPハッカソン＠東広島に参加してます | ツブヤキ。
  
  
  
  
  • http://tunakko.net/?p=7533
  
  
  
  


• みんなでアプリ作成中＠第4回 SHARPハッカソン東広島 | ツブヤキ。
  
  
  
  
  • http://tunakko.net/?p=7540
  
  
  
  


• 第4回 SHARPハッカソン東広島 二日目 | ツブヤキ。
  
  
  
  
  • http://tunakko.net/?p=7546
  
  
  
  


• 第4回SHARPハッカソンで作ったアプリ「スタ☆ミ」が公開されました | ツブヤキ。
  
  
  
  
  • http://tunakko.net/?p=7564
  
  
  
  

@muo_jpさん

• muo-notes: 「第4回シャープハッカソン」に参加してきました
  
  
  
  
  • http://www.muo.jp/2012/03/4.html
  
  
  
  

@shogoggさん

• 第4回シャープハッカソン＠東広島に参加してきました！ - へたれプログラマの備忘録
  
  
  
  
  • http://d.hatena.ne.jp/shogo0809/20120311/1331482045
  
  
  
  

@cattaka_netさん

• Cattakaの雑記 - 「第4回シャープハッカソン」に参加したなど
  
  
  
  
  • http://www.cattaka.net/sphpblog/comments.php?y=12&m=03&entry=entry120312-004622
  
  
  
  

@tryalさん

• SHARPハッカソン東広島、ドリームチームに参加 #shthon2012s｜椿ブログ
  
  
  
  
  • http://ameblo.jp/tryal/entry-11190172002.html?utm_source=twitterfeed&utm_medium=twitter&utm_campaign=blog
  
  
  
  

@youten_redoさん

• PhotoshoperにAndroidアプリのデザインをお願いする際の失敗例 - ReDo
  
  
  
  
  • http://greety.sakura.ne.jp/redo/2012/03/photoshoperandroid.html
  
  
  
  

@patorashさん

• 第4回シャープハッカソン＠東広島に参加してきました
  
  
  
  
  • http://319ring.net/blog/archives/1937
  
  
  
  

@eaglesakuraさん

• シャープハッカソン2012春に行ってきた＆アプリの技術的なお話 - eaglesakuraのメモ帳
  
  
  
  
  • http://d.hatena.ne.jp/eaglesakura/20120312
  
  
  
  

@vvakameさん

• 第4回シャープハッカソンに参加してきました！！ - @vvakame の日記
  
  
  
  
  • http://d.hatena.ne.jp/vvakame/20120312/1331577983
  
  
  
  

@zamojojoさん

• 第4回SHARPハッカソンに参加してきました。｜zamuu：：BLOG
  
  
  
  
  • http://blog.zamuu.net/2012/0313/shthon2012s/
  
  
  
  

@shigepon7さん

• 第4回SHARPハッカソン@東広島を開催しました - しげぽん日記
  
  
  
  
  • http://shigepon7.hatenablog.com/entry/2012/03/13/230339
  
  
  
  

@kame0_0さん

• 第4回 SHARPハッカソン＠東広島に参加しました！ | scri.me
  
  
  
  
  • http://scri.me/p/blog/livedeco.php
  
  
  
  

@tommmmyさん

• 第4回シャープハッカソン＠東広島がドリームチームだった | Seminer | ナナホシブログ - 秋葉（とみた）ちひろ
  
  
  
  
  • http://www.ladybeetle-design.com/blog/seminer/shthon2012s.html
  
  
  
  


• 【モノ作りの裏側】アプリ作りの裏側 | つたえたがり～「伝える」に向き合う人々のマガジン～
  
  
  
  
  • http://tsutaetagari.net/tommmmy/app_ura/
  
  
  
  

2日目

9:00 開発の様子

ハッカソン2日目

会場に入り次第開発が始まります。

1日目

11:00 オリエンテーション

まずはSHARP白石さんからご挨拶をいただきました。

続いてシャープハッカソンについて解説します。

一般ユーザのすそ野も広がってきただろうということから、一般女性を招待いたしました。

最終的に使うのは一般ユーザーなので、その意見はとても重要です。

11:30 チーム分けとご飯

作るものは後で決めることにして、近くにいる人とグループを作りました。

各チームにデザイナーと一般女性が１人以上いるようです。

おいしいご飯をいただきました。

12:00 アイデアソンの様子

各チーム何を作るか考えています

女子力に関する参考文献が用意されていたため、読みながら考えてます

14:00 アイデア発表

各チーム作るものが固まったようなので、アイデアの発表をおこなってもらいました。

各チームどんなものを作るのかご紹介します。

チームSH

• @AutoAIMer


• @itukina

チームSHは上から降ってくるイケメンを矢で撃ち落とし

捕獲するというアプリを思いつきました。

春のアニキのつけまつ毛チーム

• @mhidaka（プログラマー）


• @kawacoco（デザイナー）


• @Hidetaro7（デザイナー）


• @menmi_g（一般女性）

カメラで撮った画像に勝手に、ちょっと恥ずかしい見出しをつけて友達に送ることができるアプリ

特攻野郎Bチーム

• @adakoda（プログラマー）


• @cyberspacefarm（プログラマー）


• @muo_jp（プログラマー）


• @cattaka_net（プログラマー）


• @tommmmy（デザイナー）


• @tunakko_（一般女性）


• @mgmix5（一般女性）

紙に描いた絵をカメラで撮って、デコメとして送れるアプリ

LiveDECOチーム

• @vvakame（プログラマー）


• @gabu（プログラマー）


• @LuckOfWise（プログラマー）


• @kame0_0（デザイナー）


• @tryal（一般女性）

写真を選んで、デコってLiveWallpaperにすることができるアプリ

かわいいはパンツチーム

• @youten_redo（プログラマー）


• @eaglesakura（プログラマー）


• @patorash（プログラマー）


• @Toro_kun（プログラマー）


• @akai_t（プログラマー）


• @shogogg（プログラマー）


• @rie05（デザイナー）


• @zamojojo（一般女性）

写真を撮って、みんなで同時にデコれるアプリ

開発中の様子

アイデア発表も終わり、もくもくと開発開始です。

もくもくといってもまだ序盤なので、活発に意見し合いながら開発を進めていました。

今回もSHARPさんから最新端末をお借りしました！

また、参加者から各地のお土産の差し入れをいただきました！

ありがとうございます！

17:00 1日目終了

あっという間に１日目が終了してしまいました。

「はやーい」という声の中に、どこからか「ハッカソンはホテルに返ってからだ！」という声が…

１日目終了時点のホワイトボードの様子です。

懇親会

懇親会はシャープさんオススメの仏蘭西屋に行きました。

日本酒の酒蔵が経営する、美酒鍋で有名なお店です。

さすが日本酒がおいしいです。

みなさん若干飲み過ぎ感がある中、みんなでホテルへと帰ります。

ホテル

ホテルへと帰ると、もはや恒例となってしまった

ホテルでハッカソンが始まっていました。

寝る間も惜しんでガリガリとコーディングしています。

話に聞くと2時間も寝てない人もいるとか…！

3月10日-11日に第4回SHARPハッカソン@東広島が開催されました

(終始大人気だったBIG PAD)

前回のエントリで告知しました「第４回 SHARPハッカソン」が3月10日-11日に東広島で開催されました。

今回は通常のハッカソンとは趣向を変え、プログラマーとデザイナーに加え一般女性を招待し、「女子力向上アプリ」というテーマでハッカソンを実施しました。

メンバー内訳は以下のとおりです。

プログラマー：15名

デザイナー：5名

一般女性：5名

3月10日-11日に第4回SHARPハッカソン@東広島が開催されます

SHARP様 主催で第4回 SHARPハッカソンが広島で開催されます。

今回も弊社が運営を勤めさせて頂きます。

Twitter

参加者リスト

参加者のTwitterアカウントのリストを作成しました。

https://twitter.com/#!/bs_android/shthon2012s

ハッシュタグ

当日の参加者のつぶやきは以下のハッシュタグで見ることができます。

#shthon2012s

https://twitter.com/#!/search/%23shthon2012s

Ustream

当日はUstreamで配信する予定です。

URLはこちら

http://www.ustream.tv/channel/shthon2012s

技術部　山下智樹

『MWC2012』2日目～４日目レポート

アップが遅くなりましたが、MWC2012 ２日目～４日目のレポートです。

■VIRE LABS

リアルタイムにレンダリングされる3Dを組み込んだホームアプリを展示されていました。

スマートフォンを傾けたりすると、それに伴い背景の3Dが動きます。

斬新な表現としてもすごいですが、立体感を表現することで直感的な使いやすいUIとしても使えると感じました。



後日この会社の方々と飲みに行きましたが、とてもおもしろい人たちで、フィンランドの方なのですが、言葉の壁を越えてすぐに打ち解けることができました。

しかし、プロダクトに関しては真剣で、このアプリを日本で売ってはどうかと話をもちかけたところ、

「日本で売りたいが、売るのであればちゃんと日本のことを調べて、日本のユーザーにあったものにカスタマイズして提供したい」キリッ

とこだわりを話してくれました。

■scalado

撮った写真から、通行人などじゃまな物を消してしまうアプリ「REMOVE」がおもしろそうだったので、実際に体験に行ってきました。

下の動画はイメージなので、実際にはどのような感じなのかが気になっていたのですが、やはり連射する分、撮影や消せる部分の抽出には数秒時間がかかりました。ですが、消した部分を戻す操作などのUIが追加されており、実用化に向けて着実に進んでいるようです。






ブースは分かりにくい場所にあったのですが、テレビの取材がきたりと、なかなかの盛況ぶりでした。



ライブラリ化して、日本で技術者向けのコミュニティを作り、広めてはどうかと提案しました。

後日、またメールで連絡を取り合いますが、よい関係になればいいなと思います。

■総括

その他にも、多くのブースを訪れ、我々といっしょに何ができるのか、どんなメリットがあるのかを模索しながら話をさせて頂きました。

いろいろな国の方々と交流ができたり、通常アポ無しではとても会えないような大企業に話しかけることができたり。

これもMWCの醍醐味ですね。

---

文責：技術部　梶井祐介

iNippon Part 2

The second post about the making of iNippon, the English-Japanese dictionary of conversations about Japan.

More information about the app can be found in iTunes Preview or in the previous blog post.
This time we take a close look at the History page.

Default view, all scrolls closed.

One scroll open.

Usage:
- Tapping a scroll will open it with an animation.
- Tapping an open scroll will close it with an animation.

- Tapping a closed scroll while another scroll is open will first close the open scroll and then open the scroll that was tapped.

- Tapping a historical event will toggle its language between English and Japanese. Of course the height of the text will change and by getting the content height of the UITextView we can tell the UITableView controller of the new row height and with a nice animation adjust the height of that row as well as the y-position of all rows below it (automatically done for us by the UITableView).

The first idea that probably comes to everyones mind is to use a tableview with the scrolls as section headers and each historical event as row in that section (data read from database). At least, that's what I thought would be the natural approach and as a matter of fact, Apple has sample code showing how to implement this and how to make it looks nice with the new animation features in UITableView.

The sample code is called "Table View Animations and Gestures"(Shakespeare plays and citations) and can be found in the iOS Developer Library. If I remember correctly this might also be presented in a WWDC 2010 video which you can access if you are a registered developer.

Problem

There is a problem however with this sample code and how the animations are implemented and I will try to explain to you how to reproduce this.

- Download the sample code and run the app in the simulator.

- Expand the first section header

- Pinch out to make the rows of the first section taller, do this until the second section header disappears out of the bottom part of the screen.

- Scroll down to the second section header and tap it. 

Now the new UITableView animations will animate the closing of the first section and the opening of the second section. This usually looks nice except in this case. If you followed these steps you will see that the animation "flickers", and doesn't look nice at all. Try it with the iPhone simulator's "slow animations"-option and you'll see what's going on. This was totally unacceptable for me and no matter how I tried I could not make this particular case animate in a nice way so I had to scrap this implementation.

Solution

Because I use Core Data and the user can toggle between languages in individual events (which will change the height that item) I wanted to use UITableView to get "free" animations when changing heights. However, I couldn't use it for expanding and contracting sections in a way that would give a good user experience and nice animations. 

What came to be the solution that can be experienced in the app is the following.

For all the headers, that is, the scrolls themselves, I put them in plain UIViews and stack them from top to bottom.

When a user taps a scroll, I load up a customized UITableView which is hidden behind the scroll and then animate it down so it looks like the scroll is being unrolled and the the same adjust the y-position of all the scrolls below so they don't get covered by the opening scroll.

Also, when a user change the language of an individual event the table view will change height and animate automatically, but at this time I also have to adjust the y-position of all scrolls below with the same animation duration as the table view.

When closing a scroll I basically do the opposite. A bunch of animations, all with the same duration makes this look really natural and nice.

So how about the problem that was caused by Apple's implementation. No problem anymore. When a user taps a closed scroll while another scroll is open, I first close the open one and then open the one that was tapped and set the content offset of the outer scroll view so that the opened scroll is at the top of the screen.

Maybe creating a new controller especially for this would had been the most elegant solution but in this case I wanted to save time and reuse the UITableView I already had at hand so the solution became a mix of my own controller for the section headers (scrolls) and a UITableView for the events.

I haven't bothered filing a bug report to Apple about this behavior because if they took the time to create the sample code and properly test it, this malfunctioning animation should have been obvious to them and I doubt a bug report will fix anything if they haven't fixed it earlier. 

However, maybe the best thing to do is to file that bug report anyway...