Submit Search
Upload
【製作発表】仮面ライダー変身システム
•
Download as PPTX, PDF
•
2 likes
•
1,400 views
Shigeru Yamasaki
Follow
「第14回まどべんよっかいち」での発表資料です。仮面ライダー555(ファイズ)に変身できます
Read less
Read more
Software
Report
Share
Report
Share
1 of 34
Download now
Recommended
仮面ライダー変身アプリの簡単(?)な作り方-ABC2012S-
仮面ライダー変身アプリの簡単(?)な作り方-ABC2012S-
Imai Kenta
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Recommended
仮面ライダー変身アプリの簡単(?)な作り方-ABC2012S-
仮面ライダー変身アプリの簡単(?)な作り方-ABC2012S-
Imai Kenta
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
ChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
More Related Content
Featured
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
ChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
Featured
(20)
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
How to have difficult conversations
How to have difficult conversations
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The six step guide to practical project management
The six step guide to practical project management
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
ChatGPT webinar slides
ChatGPT webinar slides
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
【製作発表】仮面ライダー変身システム
1.
【製作発表】 仮面ライダー変身システム 第14回まどべんよっかいち 2016-02-27 山嵜茂(@yamasaki1972)
2.
今日は『仮面ライダー555』に変身します 『仮面ライダー555』は、2003年1月26日から2004年1月18日までテ レビ朝日系列で毎週日曜8:00 - 8:30に放映された特撮テレビドラマ 作品、および作中で主人公が変身するヒーローの名称。仮面ライダーシ リーズ初の地上デジタル放送でもある。
「平成仮面ライダーシリーズ」第4 作目に当たる。 ウィキペディア 2
3.
変身の流れ(その1) 3 1.スタンディンバイ 2.へんしん
4.
変身の流れ(その2) 4 3.ガチャッ 4.コンプリート
5.
変身の流れ(その2) 5 3.ガチャッ 4.コンプリート
6.
本日のお話し 6 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
7.
本日のお話し 7 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
8.
ツイッターにアプリ登録:1 apps.twitter.com 8
9.
ツイッターにアプリ登録:2 以下の4項目を登録 • Name • Description •
Website • Callback URL 9
10.
ツイッターにアプリ登録:3 API Key と
API Secret を取得 各アプリの しかるべきところに記述 10
11.
本日のお話し 11 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
12.
ベルトアプリの開発環境 Android Studio 12
13.
NFCタグ読取:AndroidManifest.xml 13 NFCの読み取り許可 NFCを読んだときに 反応するようになる
14.
NFCタグ読取:MainActivity (1) 14
15.
NFCタグ読取:MainActivity (2) 15 メッセージ取得
16.
本日のお話し 16 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
17.
ツイート:使用するライブラリ 17 Twitter4J
18.
ツイート: Twitter4Jを使えるようにする 18 ここに こう書く
19.
ツイート:下記サイトより、然るべきコードをコピペする 19 Android再入門 -
Twitterクライアントを作ってみよう http://qiita.com/gabu/items/70689560618f8e67e726 しかるべきコードたち
20.
ツイート: MainActivity (1)
20
21.
ツイート: MainActivity (2)
21 private void tweet(String str) { AsyncTask<String, Void, Boolean> task = new AsyncTask<String, Void, Boolean>() { @Override protected Boolean doInBackground(String... params) { try { mTwitter.updateStatus(params[0]); return true; } catch (TwitterException e) { e.printStackTrace(); showToast(e.toString()); return false; } } @Override protected void onPostExecute(Boolean result) { if (result) { showToast("complete"); } else { showToast("failed"); } } }; task.execute(str); }
22.
ツイート:MainActivity (3) 22
23.
本日のお話し 23 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
24.
マスクアプリの開発環境 Visual Studio 2013 24
25.
ツイートの受信:使用するライブラリ 25 CoreTweet https://github.com/CoreTweet/CoreTweet/wiki/Home(%E6%97%A5%E6%9C%AC%E8%AA%9E)
26.
ツイートの受信:ライブラリの追加 26
27.
ツイートの受信:認証 「なか日記」よりコピペ http://nakaji.hatenablog.com/entry/2014/11/02/022416 27
28.
ツイートの受信:ストリーミングAPI 28 「らこらこブログ」よりコピペ http://laco0416.hatenablog.com/entry/2014/03/25/201839
29.
本日のお話し 29 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
30.
変身 変身前の 画像 ツイート受信 画面が変化 変身後の 画像 30 ⇑ 画面がだんだん白くなるという無難なものに落ち着きました
31.
本日のお話し 31 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
32.
使用材料:ベルト • ナイロンベルト • 工作材 •
金具 • 蝶番金具 • NFCタグ 32
33.
使用材料:マスク • 工作材 • キャッチャーマスクのバンド •
結束バンド • ビニールひも 33
34.
本日のお話し 34 ベルトアプリ 装着部品 マスクアプリ ツイッターにアプリ登録 使用材料 ツイート ツイートの受信 変身 NFCタグ読取 前準備 最後に
実演
Editor's Notes
山嵜茂と申します。どうぞよろしくお願いいたします。 私が初めてこの会に参加したのが2013年7月13日の第六回まどべんよっかいちです。実は私はアプリ開発の素人で、VB6を少し触ったことがあるという程度だったのですが、別の勉強会でTechbeeさんに誘われて、声をかけてもらってうれしかったものですから、初めて参加したのです。 そんな状態で参加したものですから、むずかしくてよくわからない部分も多かったです。 それでも何回か、予習復習しながら参加しているうちに、アプリも作れるようになりました。 今日発表させていただく「仮面ライダー変身システム」はその集大成です。この「まどべん」で教わったことです。「まどべんよっかいち」があったから今の自分がいます。 どうぞよろしくお願いします。 一言に仮面ライダーといってもいろいろあるのですが・・・
【スライドを読み上げる】 今から12~13年前ですね。幼稚園から小学校低学年くらいまでがターゲット層らしいので、今ハタチ前後の方は小さいころに見ていたかもしれませんね。 仮面ライダーファイズをご存じない方もいらっしゃると思いますので、簡単に変身の流れをご説明いたします。
仮面ライダーファイズは携帯電話で変身します。 1.まず初めに携帯をピコピコと「スタンディンバイ」します 2.次に形態を高く掲げて「変身」と言います
3.そしておもむろに手に持った携帯電話をベルトに「ガチャ」っと装着します 4.そして「コンプリート」、変身完了です 「スタンディンバイ」「変身」「ガチャ」「コンプリート」、 これが変身の流れとなります。 そして 【アニメ1】ここを 【アニメ2】こう表現するのが本日の趣向でございます ・「ガチャッ」のところでベルトに仕込んだNFCタグを読みとります。 ・ベルト側からマスクのアカウントにツイッターのメンションを飛ばします。 ・メンションを受け取ったマスクアプリが変身アクションを起こします つまり、ツイッターを変身インフラとして使うのですね
作った手順をお話ししたいと思います
まずはツイッターにアプリを登録するところから
自分のアカウントでログインして「ツイッターあっぷす」というところから登録します。
登録する項目の内、Name, Description, Websiteが必須、 CallbackURLは必須ではないのですが、これを入れておかないと認証時にPINコードが要求されます
API KEY と API Secret を取得します
では、ベルト側のアプリからお話しします このベルト側の開発環境は・・・
こちら、Android Studioというものを使います
マニフェストファイルにインテントフィルターを書きます
NFC関連のクラスをインポートします
メッセージ取得の部分ですね
ベルトからツイートする部分です
Twitter4Jというライブラリを使います
ビルドグレイドルと言うとこに書いとくと、自然にええふうにしてくれるんですね。 古い情報だとファイルをダウンロードしてどこかに置くとかいうのもあります
このサイトに全部書いてありますので、コピペだけで簡単にできてしまいます
クラスをインポートします
tweetの部分ですが、ここもコピペでOKです
ここが実際にツイートしている部分ですが、何度も同じメッセージを送信しているとエラーになるんですね。 そこでカレントタイムミリというメソッドで時刻を付けてツイートしています
次にマスクアプリの開発環境ですが・・・
お待たせしました、Visual Studioです
コアツイートというのを使います このURLに日本語で使い方が丁寧に書いてあります
nugetで検索すると出てきます 二つありますが、上段のStreamingReactiveというのが非同期処理が簡単に書ける拡張ライブラリだそうです このスライドを書いていて気付いたのですが、今回は返信するだけなので非同期でなく同期処理でも良かったかなあと思って居ります。
認証の部分ですが、PINコード使わずに認証するのがうまくいかなくて、「なかじ」さんのブログからコピペしました。
受信にはストリーミングAPIを使用します
変身ギミックの所ですが、いろいろ試したのですが、結局は画面がだんだん白くなるという無難なものに落ち着きました
では装着部品のご紹介をいたします
Download now