20140315_tanakaseigo_creator_meetup

1
デジタルサイネージ制作ポイ
ントいくつか！
•ワンフットシーバス田中正吾！

2
はじめに
デジタルサイネージのコンテンツ制作
に何回か関わってきまして、普段の
WEB制作とは違う臨場感や制作でのポ
イントについて、実体験を元にいろい
ろと話します。

3
はじめに
• デジタルサイネージきいたとある
• 実際にデジタルサイネージやってみ
たひと
• WEB制作とデジタルサイネージ制
作の違いを知りたい

4
はじめに
ゆるく聞いていただければ
大丈夫です。

6
はじめに
あなたはナニモノ？

7
自己紹介
田中正吾（たなかせいご）
屋号：ワンフットシーバス
2004年よりフリーランス。
以後、FLASH制作を中心にインタラク
ティブコンテンツを主に行い現在に至る。
最近はソーシャルゲーム制作界隈で
JavaScriptやHTML5アニメーション、
スマートフォン演出制作の
ワークフロー改善に関わったりしています。

8
自己紹介
細々と技術ブログ書いてます。
http://ｗｗｗ.1ft-seabass.jp/memo/
Flash/CreateJS/Swiffy/EdgeAnimate/
JavaScript/自動処理などなど…

10
最近言われてる
「デジタルサイネージ」ってなに？

11
最近言われてる「デジタルサイネージ」ってなに？
デジタルサイネージ

12
Digital Sign-age

13
Digital Sign-age
電子看板

14
• Wikiediaでも「デジタルサイネージ」を調べる
と以下のように出てきます。

15
私はその設置された中のネタを作る人

16
「デジタルサイネージ」で画像検索

17
電子看板・・・意味が広い。
電子看板

18
今までやってきた実績例

19
キオスク端末
据え置きタッチパネル案件
！

20
展示会場での
タッチディスプレイ内の
コンテンツ実装
！

21
デジタルサイネージのなかでも
期間限定な展示モノ、
据え置き機なことが多いです。
※もちろん普段は
WEBやアプリもやってます

22
今回は展示会場での
デジタルサイネージを
ベースにお話します。
Photo by 写真素材足成

23
デジタルサイネージいいところ

24
制作物が映しだされて

25
触って伝わる！
！
Illust by SILHOUETTE AC

27
デジタルサイネージを
どうやって作ってる？

30
デジタルサイネージは
人目を引く看板の役目がある。
音声・映像・画像・テキスト
を、ふんだんに使う事が多い。
まかせろー！

31
音声・映像・画像をうまく取り込めて
日本語テキストも強い。
作った後の試行錯誤もしやすい。
他になかなかない。
まかせろー！

32
表示するとき
どういう構成が多い？

34
（自分の経験した中でですが）
表示部分こそ特殊ですが
舞台裏は出力元は
普通のPCのことがほとんど。

35
自分が関わってた
デジタルサイネージでの進行

36
展示系の場合、WEBのように
後で差し替えられるよね。
が、うまくいかない。

37
なぜなら、当日何かあっても
実機に触ることが出来ないことが多い

38
ゆえに当日にデータを入れるために
「100%仕上げないといけない」

39
WEB
展示
100%→
リリース
ゆえに当日にデータを入れるために

40
だが、展示会は
新製品お披露目やプロモーションとして
重要な役割を担っている。
ギリギリまで、修正・検討が
なされることが多い。

41
当日にデータを入れるために
&
ギリギリまで、修正・検討が
なされることが多い。

42
当日に近づくにつれて
エキサイティング（察し
展示
リリース

43
※長い期間置くような
デジタルサイネージだったら
あとで差し替えられるので
WEBに近いかもしれません

44
制作上のポイントいくつか

45
・当日への盛り上がりがすごい
・WEBより親切に
・サウンド
・液晶を守る

46
当日への盛り上がりがすごい

47
WEBだとあっさり
リリースされることも多いけど。
デジタルサイネージは
ちょっと面白い。

48
「幕張メッセ設営」で
Google画像検索

49
こんなかんじ。
設営業者の方
当日のコンパニオンの方
各ブースの会社担当の方
いろんなひとが頑張ってる。

50
設営はできるかぎり
行ったほうがいい。楽しい。
制作物がどのように
成立するかが見れる。良い。

51
逆に、設営行けないと、
設置感がふわっとするので。
胃が痛い。

52
置いてみてのバグ・要望はあるので、
より良く対応するために当日現場対応
できるとなお良い。

53
自分はE-MOBILEと
ノートPCを持っていってます。

55
不特定多数の人が触れる。
使い方をナビをする人も
操作に慣れているわけではない。

56
例
次に押すべきものを光らせるとか。
WEBコンテンツよりも強く
遷移をアピール。

57
例
視認性向上。文字は大きめとか。
最近はスマホコンテンツの
感覚値が生きますね

59
確実に現場は喧騒。家で落ち着いてPC
を見たりするのとは違うので注意。
Photo by 写真素材足成

60
最近はスマホコンテンツの
感覚値が生きますね

63
長時間同じ画面だと焼きつくので、
スクリーンセーバー必須
スクリーンセーバー、
割と実装が大変で毎度四苦八苦w

65
まとめ
・表示デバイス自体は特別だったり巨大でも裏側
はPCだったりするケースも多い
・設営に立ち会えるなら是非。当日へ向けての盛
り上がりがすごい。協力しているひとがたくさん
見える。
・スマートフォンでの実装の配慮が役に立つこと
もある。
・いろいろ大変な面もあるが機会があったら是非
関わってみてください。

66
余談：今後こうやりたい

67
ネットワークがつながるなら外部から
データをアップロードとか試したい。
会期中も遠隔で対応できる。
事前にみんなで確認できる。

68
今回のネタについては
アップします。

69
今回紹介した内容について
• 今回紹介した内容は自分のブログに上げて、
CreatorMeetUpフォローアップページにも乗せてもら
います。
http://www.1ft-seabass.jp/memo/

70
ありがとうございました！

20140315_tanakaseigo_creator_meetup

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Similar a 20140315_tanakaseigo_creator_meetup

Similar a 20140315_tanakaseigo_creator_meetup (20)

Más de Seigo Tanaka

Más de Seigo Tanaka (16)

20140315_tanakaseigo_creator_meetup