Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
デザイナー×エンジニア
 ∼ハッカソンからのつながり∼

    赤井 忠昭・秋葉ちひろ
赤井 忠昭
• ThreeColors代表
• 日本Androidの会 関西支部 メンバー
• Webアプリケーションの開発・
 Androidアプリケーションの開発

• ソフトウェアデザインや日経ソフトウ
 エアへの寄稿
秋葉 ちひろ
• Lady Beetle Design
 デザイナー/アートディレクター

• Web・Android関連
 UIデザイン・ビジュアルデザイン

• Web Designing・ITproへの寄稿
ハッカソンとは?
ハッカソンとは?
• 「Hack」と「Marathon」を合わせた
 造語

• 技術者達が集まって特定の期間でアプ
 リケーションの開発をする

• だいたい1∼2日程度で開発する
             http://d.hatena.n...
ハッカソンとは?
• テーマが決まっていることが多い
• ゼロから始めることが多い
• 最近はいろんな企業で行なわれている
 らしい
SHARP東広島ハッカソン
SHARP東広島ハッカソン
 • 3/10∼3/11で日本各地のエンジニア
  やデザイナーがあつまって実施

 • 東広島にあるSHARP工場で行われた
キャー                                                           赤井さん イー!
   !                                               ...
SHARP東広島ハッカソン
 • エンジニア20名、デザイナー5名、
  一般女性5名の総勢30名

 • チームは全部で4チーム
春のアニキの
スタ★ミ   LiveDeco            プリ❤シェア
                   つけまつ毛
スタ★ミ
• 自分で描いた絵を撮影するだ
 けで簡単にデコメスタンプが
 作れるアプリ

• アプリの出来が素晴らしいの
 はもちろんのこと、起動時に
 アニメーションが入っていて
 とても楽しい
LiveDeco
• スタンプで写真をデコった
 り、デコった写真をアルバム
 にして共有したり、ライブ壁
 紙にしたりできるアプリ

• 4チームの中で唯一、今後の
 展開を考えていたチーム
春のアニキのつけまつ毛
• 写真を撮ってそれを友達に送
 信すると勝手に変なキャッチ
 コピーがついて友達に届くア
 プリ

• キャッチコピーのパターンは
 かなりの数があってなかなか
 重複しない
春のアニキのつけまつ毛
• 自分で送った写真のキャッチ
 コピーを知る術がないので友
 達と話のネタにもなる

• 発表時にはすでにサイトまで
 作成済みですぐに公開できる
 レベルまで作成していた
春のアニキのつけまつ毛
• 1台の端末で撮影した写真を
 Bluetoothで接続した複数の
 端末に転送してそれぞれの端
 末で落書きを共有するアプリ

• 落書きの他にスタンプを押し
 たりもできる
春のアニキのつけまつ毛
• リアルタイムで他人と落書き
 を共有できるので自分の端末
 で人の落書きも見れて楽しい

• 残念ながら4つのプロジェク
 トの内、唯一Google Playに
 は上がっていない
デザイナー×エンジニア
デザイナー×エンジニア
• エンジニアだけデザイナーだけではこ
 のようなものはできない

• デザイナーとエンジニアが協力すると
 短時間ですごくいいアプリも作成でき
 る
デザイナー×エンジニア
 Web制作でも同じことがいえる


 ここから更にいいアイデアが
  生まれてくることもある
まにフェスのために
新たなアプリを開発
プレゼン支援 カンペくん
プレゼン支援 カンペくん
• イベント主催者さんに使ってほしい
• タイムキーパー&カンペの役割
• 演題にあるタイマーを押しに行くのがいや
プレゼン支援 カンペくん
オンマイクで!
                  04:58
  送信      オンマイクで!

 残り時間      OK!   いや!


04:58      スピーカー


マネージャー
プレゼン支援 カンペくん
• プレゼン時に裏方からスピーカーに指
 示をすることができるアプリ

• Bluetoothで接続された2台のAndroid
 アプリを使用
プレゼン支援 カンペくん
• 裏方からメッセージを送信するとスピー
 カーはそれを確認することができる

• タイムキーパーの役割もあり10分前、
 5分前、1分前で通知音やバイブレー
 ションを行うこともできる
デザイナー×エンジニアの重要性
デザイナー×エンジニアの重要性
 • ハッカソンは元々エンジニアの祭りの
  ようなものだった

 • しかし近年ではデザイナーが参加する
  ことが増えている
デザイナー×エンジニアの重要性
 • それによりアプリの出来も格段によく
  なった

 • デザイナーとエンジニアがつながるこ
  とで新たな出会いやアイデアも増えて
  いる
デザイナー×エンジニアの重要性

協力することが重要!
協力することが重要!
 体験してください!
体験してください!
• NFCハッカソン
• HTML5ハッカソン
• Windows Phone 全国ハッカソン祭り
• デザイナーとエンジニア
 1対1のハッカソン
ありがとうございました!
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
IE10とMSにとってのHTML5 まにフェス in 大阪
Next
Download to read offline and view in fullscreen.

Share

デザイナー×エンジニア ~ハッカソンからのつながり~(まにフェス)

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

デザイナー×エンジニア ~ハッカソンからのつながり~(まにフェス)

  1. 1. デザイナー×エンジニア ∼ハッカソンからのつながり∼ 赤井 忠昭・秋葉ちひろ
  2. 2. 赤井 忠昭 • ThreeColors代表 • 日本Androidの会 関西支部 メンバー • Webアプリケーションの開発・ Androidアプリケーションの開発 • ソフトウェアデザインや日経ソフトウ エアへの寄稿
  3. 3. 秋葉 ちひろ • Lady Beetle Design デザイナー/アートディレクター • Web・Android関連 UIデザイン・ビジュアルデザイン • Web Designing・ITproへの寄稿
  4. 4. ハッカソンとは?
  5. 5. ハッカソンとは? • 「Hack」と「Marathon」を合わせた 造語 • 技術者達が集まって特定の期間でアプ リケーションの開発をする • だいたい1∼2日程度で開発する http://d.hatena.ne.jp/bs-android/20120314/1331717918
  6. 6. ハッカソンとは? • テーマが決まっていることが多い • ゼロから始めることが多い • 最近はいろんな企業で行なわれている らしい
  7. 7. SHARP東広島ハッカソン
  8. 8. SHARP東広島ハッカソン • 3/10∼3/11で日本各地のエンジニア やデザイナーがあつまって実施 • 東広島にあるSHARP工場で行われた
  9. 9. キャー 赤井さん イー! ! カッコイ 女子力向上アプリ http://d.hatena.ne.jp/bs-android/20120314/1331717918
  10. 10. SHARP東広島ハッカソン • エンジニア20名、デザイナー5名、 一般女性5名の総勢30名 • チームは全部で4チーム
  11. 11. 春のアニキの スタ★ミ LiveDeco プリ❤シェア つけまつ毛
  12. 12. スタ★ミ • 自分で描いた絵を撮影するだ けで簡単にデコメスタンプが 作れるアプリ • アプリの出来が素晴らしいの はもちろんのこと、起動時に アニメーションが入っていて とても楽しい
  13. 13. LiveDeco • スタンプで写真をデコった り、デコった写真をアルバム にして共有したり、ライブ壁 紙にしたりできるアプリ • 4チームの中で唯一、今後の 展開を考えていたチーム
  14. 14. 春のアニキのつけまつ毛 • 写真を撮ってそれを友達に送 信すると勝手に変なキャッチ コピーがついて友達に届くア プリ • キャッチコピーのパターンは かなりの数があってなかなか 重複しない
  15. 15. 春のアニキのつけまつ毛 • 自分で送った写真のキャッチ コピーを知る術がないので友 達と話のネタにもなる • 発表時にはすでにサイトまで 作成済みですぐに公開できる レベルまで作成していた
  16. 16. 春のアニキのつけまつ毛 • 1台の端末で撮影した写真を Bluetoothで接続した複数の 端末に転送してそれぞれの端 末で落書きを共有するアプリ • 落書きの他にスタンプを押し たりもできる
  17. 17. 春のアニキのつけまつ毛 • リアルタイムで他人と落書き を共有できるので自分の端末 で人の落書きも見れて楽しい • 残念ながら4つのプロジェク トの内、唯一Google Playに は上がっていない
  18. 18. デザイナー×エンジニア
  19. 19. デザイナー×エンジニア • エンジニアだけデザイナーだけではこ のようなものはできない • デザイナーとエンジニアが協力すると 短時間ですごくいいアプリも作成でき る
  20. 20. デザイナー×エンジニア Web制作でも同じことがいえる ここから更にいいアイデアが 生まれてくることもある
  21. 21. まにフェスのために 新たなアプリを開発
  22. 22. プレゼン支援 カンペくん
  23. 23. プレゼン支援 カンペくん • イベント主催者さんに使ってほしい • タイムキーパー&カンペの役割 • 演題にあるタイマーを押しに行くのがいや
  24. 24. プレゼン支援 カンペくん
  25. 25. オンマイクで! 04:58 送信 オンマイクで! 残り時間 OK! いや! 04:58 スピーカー マネージャー
  26. 26. プレゼン支援 カンペくん • プレゼン時に裏方からスピーカーに指 示をすることができるアプリ • Bluetoothで接続された2台のAndroid アプリを使用
  27. 27. プレゼン支援 カンペくん • 裏方からメッセージを送信するとスピー カーはそれを確認することができる • タイムキーパーの役割もあり10分前、 5分前、1分前で通知音やバイブレー ションを行うこともできる
  28. 28. デザイナー×エンジニアの重要性
  29. 29. デザイナー×エンジニアの重要性 • ハッカソンは元々エンジニアの祭りの ようなものだった • しかし近年ではデザイナーが参加する ことが増えている
  30. 30. デザイナー×エンジニアの重要性 • それによりアプリの出来も格段によく なった • デザイナーとエンジニアがつながるこ とで新たな出会いやアイデアも増えて いる
  31. 31. デザイナー×エンジニアの重要性 協力することが重要!
  32. 32. 協力することが重要! 体験してください!
  33. 33. 体験してください! • NFCハッカソン • HTML5ハッカソン • Windows Phone 全国ハッカソン祭り • デザイナーとエンジニア 1対1のハッカソン
  34. 34. ありがとうございました!
  • goroaihara

    May. 6, 2012
  • kotobuki555ing

    Apr. 18, 2012
  • sadachika

    Apr. 16, 2012
  • ArthurYohEagleman

    Apr. 16, 2012

Views

Total views

3,225

On Slideshare

0

From embeds

0

Number of embeds

517

Actions

Downloads

10

Shares

0

Comments

0

Likes

4

×