SlideShare a Scribd company logo

Electronで 動画ながら見アプリを作った

Electronで 動画ながら見アプリを作った話です。

1 of 28
Download to read offline
Electronで
動画ながら見アプリを作った
話
@nekobato
From モバイルファクトリー新卒
フロントエンドエンジニア
業務内容
お絵かき 編曲 ミーティング
Polidium Electronで作る
透明な存在のアプリのつくりかた
突然ですがアンケート
❓自分の職場は
  業務中に動画を鑑賞しててもOK
という方?
サブモニタで動画流しながら作業できる?
人の有効視野は
2つのモニタを同時に捉えられない
http://www.sic.shibaura-it.ac.jp/~ma15037/knowledge_terminology_view.html
ならば
左右の画面を同時に捉えることは出来ないが、
透明なパネルを前後に重ねることで
2つの画面を有効視野に捉える

Recommended

ゼロから始めるiPhoneアプリ開発
ゼロから始めるiPhoneアプリ開発ゼロから始めるiPhoneアプリ開発
ゼロから始めるiPhoneアプリ開発bontetsu
 
テレニコツイ
テレニコツイテレニコツイ
テレニコツイjz5 MATSUE
 
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouchC#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouchShin Ise
 
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリElectron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ祐磨 堀
 
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話sters
 
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0   gotanda.js #5Vue.js 0.12 to 2.0.0   gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5Hayato Koriyama
 
PodcastをSkype経由で録音
PodcastをSkype経由で録音PodcastをSkype経由で録音
PodcastをSkype経由で録音ebina yohichi
 
C#マスコット(公開用)
C#マスコット(公開用)C#マスコット(公開用)
C#マスコット(公開用)信之 岩永
 

More Related Content

Viewers also liked

プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版信之 岩永
 
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Kazuyuki Mori
 
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscriptenJSオジサン openframeworks emscripten
JSオジサン openframeworks emscriptenminoru nakanou
 
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門Shinichi Hirauchi
 
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...rtngmittal
 
Embracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge SharingEmbracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge SharingRodan van Orden
 
Understanding The Big Data Opportunity Final
Understanding The Big Data Opportunity FinalUnderstanding The Big Data Opportunity Final
Understanding The Big Data Opportunity FinalAndrew Gregoris
 
แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์noahwindmill
 
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3Marilyn Gardner Milton MA
 
別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策文龍 陳
 

Viewers also liked (16)

プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版
 
Electron を知る
Electron を知るElectron を知る
Electron を知る
 
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
 
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscriptenJSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
 
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門
 
WPF4.5入門
WPF4.5入門WPF4.5入門
WPF4.5入門
 
Reglamento
ReglamentoReglamento
Reglamento
 
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
 
Embracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge SharingEmbracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge Sharing
 
Understanding The Big Data Opportunity Final
Understanding The Big Data Opportunity FinalUnderstanding The Big Data Opportunity Final
Understanding The Big Data Opportunity Final
 
แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์
 
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
 
Present simple
Present simplePresent simple
Present simple
 
Steganography
SteganographySteganography
Steganography
 
別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策
 
Aventura gráfica_Esquema básico
Aventura gráfica_Esquema básico Aventura gráfica_Esquema básico
Aventura gráfica_Esquema básico
 

Similar to Electronで 動画ながら見アプリを作った

Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Atsushi Harada
 
技術が描く未来像を読み解く
技術が描く未来像を読み解く技術が描く未来像を読み解く
技術が描く未来像を読み解くKiyoaki Haba
 
嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouchhIDDENxv
 
Jenkinsを使おうよ
Jenkinsを使おうよJenkinsを使おうよ
Jenkinsを使おうよYohei Oda
 
01 idea table3.0
01 idea table3.001 idea table3.0
01 idea table3.0umisuzume
 
Uiテスト@yidev
Uiテスト@yidevUiテスト@yidev
Uiテスト@yidevYusuke Kita
 
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。Daisuke Yamashita
 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ Kuniyoshi Takenaka
 
AppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストにAppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストにHiramatsu Ryosuke
 
Cod2012 デバッグ講座
Cod2012 デバッグ講座Cod2012 デバッグ講座
Cod2012 デバッグ講座Masuda Tomoaki
 
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】	【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】 Yuki Kuroki
 
第5回業開中心会議
第5回業開中心会議第5回業開中心会議
第5回業開中心会議Kaoru NAKAMURA
 
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)Tsuyoshi Nagahashi
 
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwayaPotatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwayaAkira Iwaya
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏Yusuke Hirao
 
make_information_search.pdf
make_information_search.pdfmake_information_search.pdf
make_information_search.pdfssuserf94232
 
I os*ble簡単プロトタイピング
I os*ble簡単プロトタイピングI os*ble簡単プロトタイピング
I os*ble簡単プロトタイピングTakahiro Yamamoto
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料Monaca
 

Similar to Electronで 動画ながら見アプリを作った (20)

Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
 
技術が描く未来像を読み解く
技術が描く未来像を読み解く技術が描く未来像を読み解く
技術が描く未来像を読み解く
 
嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch
 
Jenkinsを使おうよ
Jenkinsを使おうよJenkinsを使おうよ
Jenkinsを使おうよ
 
01 idea table3.0
01 idea table3.001 idea table3.0
01 idea table3.0
 
Uiテスト@yidev
Uiテスト@yidevUiテスト@yidev
Uiテスト@yidev
 
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ 
 
AppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストにAppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストに
 
Cod2012 デバッグ講座
Cod2012 デバッグ講座Cod2012 デバッグ講座
Cod2012 デバッグ講座
 
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】	【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
 
第5回業開中心会議
第5回業開中心会議第5回業開中心会議
第5回業開中心会議
 
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
 
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwayaPotatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
 
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
 
Pokelabo android web
Pokelabo android webPokelabo android web
Pokelabo android web
 
make_information_search.pdf
make_information_search.pdfmake_information_search.pdf
make_information_search.pdf
 
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
 
I os*ble簡単プロトタイピング
I os*ble簡単プロトタイピングI os*ble簡単プロトタイピング
I os*ble簡単プロトタイピング
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
 

Electronで 動画ながら見アプリを作った