SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
デザイナー×エンジニア
 ∼ハッカソンからのつながり∼

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

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

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

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

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

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

 • 東広島にあるSHARP工場で行われた
キャー                                                           赤井さん イー!
   !                                                          カッコイ




 女子力向上アプリ

       http://d.hatena.ne.jp/bs-android/20120314/1331717918
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のハッカソン
ありがとうございました!

Más contenido relacionado

La actualidad más candente

シェーダーグラフで作るヒットエフェクト
シェーダーグラフで作るヒットエフェクトシェーダーグラフで作るヒットエフェクト
シェーダーグラフで作るヒットエフェクトr_ngtm
 
Androidアプリ 長い黒髪のマイカノジョ 制作ノート
Androidアプリ 長い黒髪のマイカノジョ 制作ノートAndroidアプリ 長い黒髪のマイカノジョ 制作ノート
Androidアプリ 長い黒髪のマイカノジョ 制作ノートHiroyuki Shimanishi
 
アジャイルサムライ 5章「具現化させる」
アジャイルサムライ 5章「具現化させる」アジャイルサムライ 5章「具現化させる」
アジャイルサムライ 5章「具現化させる」makopi 23
 
KeynoteテンプレートOval
KeynoteテンプレートOvalKeynoteテンプレートOval
KeynoteテンプレートOvalTakahiro Ikeda
 
これからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきことこれからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきこと土岐 孝平
 
Androidにかっこよく動くアイコンを
Androidにかっこよく動くアイコンをAndroidにかっこよく動くアイコンを
Androidにかっこよく動くアイコンをKeigo Amai
 
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」Kohki Miki
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -Shoko Tanaka
 
Weekend Androidのススメ
Weekend AndroidのススメWeekend Androidのススメ
Weekend AndroidのススメSuzuki Junko
 
辛い開発を色々使って迂回した話
辛い開発を色々使って迂回した話辛い開発を色々使って迂回した話
辛い開発を色々使って迂回した話s2otsa
 
アジャイルによくきく?モデリング
アジャイルによくきく?モデリングアジャイルによくきく?モデリング
アジャイルによくきく?モデリングIwao Harada
 
あの日見たスライドの作り方を僕達はまだ知らない
あの日見たスライドの作り方を僕達はまだ知らないあの日見たスライドの作り方を僕達はまだ知らない
あの日見たスライドの作り方を僕達はまだ知らないMasahito Zembutsu
 
第一回Android training4desinger
第一回Android training4desinger第一回Android training4desinger
第一回Android training4desingerKengo Suzuki
 
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライドKohki Miki
 

La actualidad más candente (15)

シェーダーグラフで作るヒットエフェクト
シェーダーグラフで作るヒットエフェクトシェーダーグラフで作るヒットエフェクト
シェーダーグラフで作るヒットエフェクト
 
Androidアプリ 長い黒髪のマイカノジョ 制作ノート
Androidアプリ 長い黒髪のマイカノジョ 制作ノートAndroidアプリ 長い黒髪のマイカノジョ 制作ノート
Androidアプリ 長い黒髪のマイカノジョ 制作ノート
 
アジャイルサムライ 5章「具現化させる」
アジャイルサムライ 5章「具現化させる」アジャイルサムライ 5章「具現化させる」
アジャイルサムライ 5章「具現化させる」
 
KeynoteテンプレートOval
KeynoteテンプレートOvalKeynoteテンプレートOval
KeynoteテンプレートOval
 
これからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきことこれからSpringを使う開発者が知っておくべきこと
これからSpringを使う開発者が知っておくべきこと
 
Androidにかっこよく動くアイコンを
Androidにかっこよく動くアイコンをAndroidにかっこよく動くアイコンを
Androidにかっこよく動くアイコンを
 
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」
札幌ゲーム製作者コミュニティKawaz「いどのなかにいる」
 
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
 
Weekend Androidのススメ
Weekend AndroidのススメWeekend Androidのススメ
Weekend Androidのススメ
 
辛い開発を色々使って迂回した話
辛い開発を色々使って迂回した話辛い開発を色々使って迂回した話
辛い開発を色々使って迂回した話
 
アジャイルによくきく?モデリング
アジャイルによくきく?モデリングアジャイルによくきく?モデリング
アジャイルによくきく?モデリング
 
あの日見たスライドの作り方を僕達はまだ知らない
あの日見たスライドの作り方を僕達はまだ知らないあの日見たスライドの作り方を僕達はまだ知らない
あの日見たスライドの作り方を僕達はまだ知らない
 
第一回Android training4desinger
第一回Android training4desinger第一回Android training4desinger
第一回Android training4desinger
 
Japan VR Summit「VR開発者を支える最新技術動向」Unreal Engine (UE4)
Japan VR Summit「VR開発者を支える最新技術動向」Unreal Engine (UE4)Japan VR Summit「VR開発者を支える最新技術動向」Unreal Engine (UE4)
Japan VR Summit「VR開発者を支える最新技術動向」Unreal Engine (UE4)
 
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド
〜ゲーム制作を始めてみよう〜 Kawaz入会希望者向けスライド
 

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

組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼうAkiko Kurono
 
普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。c-mitsuba
 
他人が3人集まってHerokuでアプリ公開した話
他人が3人集まってHerokuでアプリ公開した話他人が3人集まってHerokuでアプリ公開した話
他人が3人集まってHerokuでアプリ公開した話Takeba Misa
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめAimi Shinohara
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツMori Keita
 
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022Seiichiro Ishida
 
UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フローUXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フローc-mitsuba
 
Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Takeshi Kashihara
 
タンブラー台紙をつくる
タンブラー台紙をつくるタンブラー台紙をつくる
タンブラー台紙をつくるHaruko Kakiuchi
 
チーム開発積み重ね Rails Developers Meetup 2018 Day2
チーム開発積み重ね Rails Developers Meetup 2018 Day2チーム開発積み重ね Rails Developers Meetup 2018 Day2
チーム開発積み重ね Rails Developers Meetup 2018 Day2tatsuo sakurai
 
【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】Up Hatch
 
岡山スマホアプリ開発もくもく会 #oso2016
岡山スマホアプリ開発もくもく会 #oso2016岡山スマホアプリ開発もくもく会 #oso2016
岡山スマホアプリ開発もくもく会 #oso2016Ikki Takahashi
 
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料Daisuke Nishioka
 
それでもC#使いたい
それでもC#使いたいそれでもC#使いたい
それでもC#使いたいTomona Nanase
 
プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~Ryo Kanda
 
すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界Odyssey Eightbit
 
コンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうコンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうYu Tamura
 

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

組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
 
普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。普段こういうこと気にしながら、こんな風に作ってます。
普段こういうこと気にしながら、こんな風に作ってます。
 
他人が3人集まってHerokuでアプリ公開した話
他人が3人集まってHerokuでアプリ公開した話他人が3人集まってHerokuでアプリ公開した話
他人が3人集まってHerokuでアプリ公開した話
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
 
Multi paradigm design
Multi paradigm designMulti paradigm design
Multi paradigm design
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
 
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022
 
UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フローUXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フロー
 
Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.Make the 3D Wapuu model and printing by the 3D printer.
Make the 3D Wapuu model and printing by the 3D printer.
 
タンブラー台紙をつくる
タンブラー台紙をつくるタンブラー台紙をつくる
タンブラー台紙をつくる
 
チーム開発積み重ね Rails Developers Meetup 2018 Day2
チーム開発積み重ね Rails Developers Meetup 2018 Day2チーム開発積み重ね Rails Developers Meetup 2018 Day2
チーム開発積み重ね Rails Developers Meetup 2018 Day2
 
【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】【STR2 Sumzap プレゼンテーション】
【STR2 Sumzap プレゼンテーション】
 
岡山スマホアプリ開発もくもく会 #oso2016
岡山スマホアプリ開発もくもく会 #oso2016岡山スマホアプリ開発もくもく会 #oso2016
岡山スマホアプリ開発もくもく会 #oso2016
 
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料
NPO法人カラーユニバーサルデザイン機構「第二回賛助会員の集い」発表資料
 
Swift afterbeginner
Swift afterbeginnerSwift afterbeginner
Swift afterbeginner
 
それでもC#使いたい
それでもC#使いたいそれでもC#使いたい
それでもC#使いたい
 
プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~プログラムで映像をつくるとは?? ~超入門編~
プログラムで映像をつくるとは?? ~超入門編~
 
すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界すばらしき WordPress コミュニティーの世界
すばらしき WordPress コミュニティーの世界
 
コンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうコンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おう
 

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