Submit Search
Upload
Electronで 動画ながら見アプリを作った
•
0 likes
•
2,542 views
Hayato Koriyama
Follow
Electronで 動画ながら見アプリを作った話です。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 28
Download now
Download to read offline
Recommended
勤務先の勉強会で発表したiPhoneアプリ開発についてのスライドです。
ゼロから始めるiPhoneアプリ開発
ゼロから始めるiPhoneアプリ開発
bontetsu
テレニコツイ
テレニコツイ
jz5 MATSUE
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
づや会vol.4の登壇資料です。 以前コマンドラインで作成したPDFの差分比較ツールを、Electronを使ってGUIアプリにしてみました。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/my_first_electron_app_for_pdf_comparison/
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
JSオジサン#6 2日目で発表した時のスライドです。 詳細はブログ記事に書いてあるので、そちらを参照してください。
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
Gotanda.js #5 の資料です @nekobato http://gotandajs.connpass.com/event/33454/
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5
Hayato Koriyama
Preziでpodcastを解説/録音はWireTapStudioで/編集はGarageBand/ケロ録プラスも便利/AudioBooは配信が簡単/一人で5分も喋らない
PodcastをSkype経由で録音
PodcastをSkype経由で録音
ebina yohichi
2013/06/22 つくばC#勉強会 にて発表。
C#マスコット(公開用)
C#マスコット(公開用)
信之 岩永
Recommended
勤務先の勉強会で発表したiPhoneアプリ開発についてのスライドです。
ゼロから始めるiPhoneアプリ開発
ゼロから始めるiPhoneアプリ開発
bontetsu
テレニコツイ
テレニコツイ
jz5 MATSUE
C#でiPhoneアプリ開発 with MonoTouch
C#でiPhoneアプリ開発 with MonoTouch
Shin Ise
づや会vol.4の登壇資料です。 以前コマンドラインで作成したPDFの差分比較ツールを、Electronを使ってGUIアプリにしてみました。 ブログで更に詳しい情報を掲載しています: http://media-massage.net/works/docs/my_first_electron_app_for_pdf_comparison/
Electron で作るはじめてのguiアプリ
Electron で作るはじめてのguiアプリ
祐磨 堀
JSオジサン#6 2日目で発表した時のスライドです。 詳細はブログ記事に書いてあるので、そちらを参照してください。
Electronで社内ツールを作ったお話
Electronで社内ツールを作ったお話
sters
Gotanda.js #5 の資料です @nekobato http://gotandajs.connpass.com/event/33454/
Vue.js 0.12 to 2.0.0 gotanda.js #5
Vue.js 0.12 to 2.0.0 gotanda.js #5
Hayato Koriyama
Preziでpodcastを解説/録音はWireTapStudioで/編集はGarageBand/ケロ録プラスも便利/AudioBooは配信が簡単/一人で5分も喋らない
PodcastをSkype経由で録音
PodcastをSkype経由で録音
ebina yohichi
2013/06/22 つくばC#勉強会 にて発表。
C#マスコット(公開用)
C#マスコット(公開用)
信之 岩永
2013/10/26(土) 「プログラミング .NET Framework 第4版 」座談会 http://atnd.org/event/E0019986 にて発表。
プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版
信之 岩永
2015.12.19 めとべや東京 #10 LT 資料
Electron を知る
Electron を知る
Tomoya Shibata
Who Electronとは Electronの特徴 Electronの基礎 Electronの内部構造 Electronの問題 まとめ
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
Kazuyuki Mori
javascript openframeworks emscripten
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
2016.05.07 JXUGC #13 東京 緊急開催 Xamarin のすべて!
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門
Shinichi Hirauchi
BlogのWPF4.5入門のまとめです。 http://okazuki.hatenablog.com/
WPF4.5入門
WPF4.5入門
一希 大田
Aca podemos encontrar todo el reglamento de nuestra querida institucion SENA...
Reglamento
Reglamento
janpierADSI866036
Students of Class 8 of Rustomjee Cambridge International School have devised an innovative solution to the problem of Autorickshaws not agreeing to ferry passengers in Mumbai and other parts of the country !!!
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
rtngmittal
Gartner has defined Enterprise "YouTube" as an emerging market. What are some of the business drivers for enabling employee generated video and video sharing?
Embracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge Sharing
Rodan van Orden
A presentation given describing the opportunities for clients and agencies in the BIG Data space
Understanding The Big Data Opportunity Final
Understanding The Big Data Opportunity Final
Andrew Gregoris
ใช้พลังงานลมอย่างเดียวเท่านั้น ไม่ต้องใช้ไฟฟ้า หรือเปลืองน้ำมันแม้แต่บาทเดียว
แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์
noahwindmill
Part 3 of Marilyn Gardner Milton's series on advanced law school collaborative sessions and chats.
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton MA
Simple present for daily routines
Present simple
Present simple
marcelosan30
Art of hiding. Digital technique.
Steganography
Steganography
Reshmi Sasidharan
你是個正常的傻瓜!說你是傻瓜,是因為你做的許多決策都是欠缺理性的。說你是正常的,是因為大多數人和你一樣,都在做欠缺理性的決策,而且都沒意識到這些決策是欠缺理性的。
別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策
文龍 陳
Esquema básico creación de una aventura gráfica
Aventura gráfica_Esquema básico
Aventura gráfica_Esquema básico
Universidad de Sevilla
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
技術が描く未来像を読み解く
技術が描く未来像を読み解く
Kiyoaki Haba
2010年9月3日、福井高専で行われた「iPhoneアプリ開発勉強会」での資料です。
嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch
hIDDENxv
Jenkinsを使おうよ
Jenkinsを使おうよ
Yohei Oda
写真、名前はけしたぜよぉ!
01 idea table3.0
01 idea table3.0
umisuzume
UIテストの自動化とか
Uiテスト@yidev
Uiテスト@yidev
Yusuke Kita
More Related Content
Viewers also liked
2013/10/26(土) 「プログラミング .NET Framework 第4版 」座談会 http://atnd.org/event/E0019986 にて発表。
プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版
信之 岩永
2015.12.19 めとべや東京 #10 LT 資料
Electron を知る
Electron を知る
Tomoya Shibata
Who Electronとは Electronの特徴 Electronの基礎 Electronの内部構造 Electronの問題 まとめ
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
Kazuyuki Mori
javascript openframeworks emscripten
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
2016.05.07 JXUGC #13 東京 緊急開催 Xamarin のすべて!
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門
Shinichi Hirauchi
BlogのWPF4.5入門のまとめです。 http://okazuki.hatenablog.com/
WPF4.5入門
WPF4.5入門
一希 大田
Aca podemos encontrar todo el reglamento de nuestra querida institucion SENA...
Reglamento
Reglamento
janpierADSI866036
Students of Class 8 of Rustomjee Cambridge International School have devised an innovative solution to the problem of Autorickshaws not agreeing to ferry passengers in Mumbai and other parts of the country !!!
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
Innovative Solution to Authorickshaws not agreeing to ferrying the passengers...
rtngmittal
Gartner has defined Enterprise "YouTube" as an emerging market. What are some of the business drivers for enabling employee generated video and video sharing?
Embracing Employee Generated Video for Knowledge Sharing
Embracing Employee Generated Video for Knowledge Sharing
Rodan van Orden
A presentation given describing the opportunities for clients and agencies in the BIG Data space
Understanding The Big Data Opportunity Final
Understanding The Big Data Opportunity Final
Andrew Gregoris
ใช้พลังงานลมอย่างเดียวเท่านั้น ไม่ต้องใช้ไฟฟ้า หรือเปลืองน้ำมันแม้แต่บาทเดียว
แนะนำกังหันลมโนอาห์
แนะนำกังหันลมโนอาห์
noahwindmill
Part 3 of Marilyn Gardner Milton's series on advanced law school collaborative sessions and chats.
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton: Advanced Law School Chat Pt. 3
Marilyn Gardner Milton MA
Simple present for daily routines
Present simple
Present simple
marcelosan30
Art of hiding. Digital technique.
Steganography
Steganography
Reshmi Sasidharan
你是個正常的傻瓜!說你是傻瓜,是因為你做的許多決策都是欠缺理性的。說你是正常的,是因為大多數人和你一樣,都在做欠缺理性的決策,而且都沒意識到這些決策是欠缺理性的。
別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策
文龍 陳
Esquema básico creación de una aventura gráfica
Aventura gráfica_Esquema básico
Aventura gráfica_Esquema básico
Universidad de Sevilla
Viewers also liked
(16)
プログラミング .NET Framework 第4版
プログラミング .NET Framework 第4版
Electron を知る
Electron を知る
Electron(旧atom shell)基礎+入門
Electron(旧atom shell)基礎+入門
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
20分でできる!Xamarin.Forms入門
20分でできる!Xamarin.Forms入門
WPF4.5入門
WPF4.5入門
Reglamento
Reglamento
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 Sharing
Understanding 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. 3
Present simple
Present simple
Steganography
Steganography
別當正常的傻瓜:教你如何明智做決策
別當正常的傻瓜:教你如何明智做決策
Aventura gráfica_Esquema básico
Aventura gráfica_Esquema básico
Similar to Electronで 動画ながら見アプリを作った
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
技術が描く未来像を読み解く
技術が描く未来像を読み解く
Kiyoaki Haba
2010年9月3日、福井高専で行われた「iPhoneアプリ開発勉強会」での資料です。
嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch
hIDDENxv
Jenkinsを使おうよ
Jenkinsを使おうよ
Yohei Oda
写真、名前はけしたぜよぉ!
01 idea table3.0
01 idea table3.0
umisuzume
UIテストの自動化とか
Uiテスト@yidev
Uiテスト@yidev
Yusuke Kita
tips about xcode
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
Daisuke Yamashita
BluePrintを使ったiOSアプリのモックアップ作成についてお話しします
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ
Kuniyoshi Takenaka
iOS 7から変更されたAppSwitcherを使って色々やる話です。 バックグラウンド実行をつかっているアプリなどに有効。 potatotips #4, iOS_LT #5 で発表したネタです。
AppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストに
Hiramatsu Ryosuke
COD2012JP C-1 の資料
Cod2012 デバッグ講座
Cod2012 デバッグ講座
Masuda Tomoaki
お互い工夫してコミニケーションコストを下げてゆこう
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Yuki Kuroki
第5回業開中心会議
第5回業開中心会議
Kaoru NAKAMURA
2017年度のEC-CUBE関西UGで使用した資料です。 (一部公開できないものは削除済)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
Tsuyoshi Nagahashi
#potatotips presentation by @hoshi_gaki (Akira Iwaya)
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
Akira Iwaya
2015年7月25日 マカベン × HTML5fun のセッションで使用したスライドです。
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
Pokelabo android web
Pokelabo android web
Shumpei Shiraishi
streamlitで検索アプリを作ってみました。
make_information_search.pdf
make_information_search.pdf
ssuserf94232
第二回日本顎顔面再建先進デジタルテクノロジー学会学術大会
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
日本顎顔面再建先進デジタルテクノロジー学会
about iOS and BLE
I os*ble簡単プロトタイピング
I os*ble簡単プロトタイピング
Takahiro Yamamoto
2012/9/14に行われた、PhoneGapユーザー会@大阪での講演資料です
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
Similar to Electronで 動画ながら見アプリを作った
(20)
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
技術が描く未来像を読み解く
技術が描く未来像を読み解く
嗚呼、素晴らしき哉 MonoTouch
嗚呼、素晴らしき哉 MonoTouch
Jenkinsを使おうよ
Jenkinsを使おうよ
01 idea table3.0
01 idea table3.0
Uiテスト@yidev
Uiテスト@yidev
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ
Swiftビギナーズ勉強会 第9回 BluePrint/BluePrintViewerで作るアプリモックアップ
AppSwitcherでアプリをユーザーファーストに
AppSwitcherでアプリをユーザーファーストに
Cod2012 デバッグ講座
Cod2012 デバッグ講座
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
第5回業開中心会議
第5回業開中心会議
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
EC-CUBE関西UG勉強会(EC-CUBE2系から3系へ移行にまつわるエトセトラ)
Potatotips3 hoshi gaki_akira_iwaya
Potatotips3 hoshi gaki_akira_iwaya
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Pokelabo android web
Pokelabo android web
make_information_search.pdf
make_information_search.pdf
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
両眼立体視可能なスマートグラス を用いた3Dモデル可視化アプリの 開発
I os*ble簡単プロトタイピング
I os*ble簡単プロトタイピング
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Electronで 動画ながら見アプリを作った
1.
Electronで 動画ながら見アプリを作った 話
2.
@nekobato From モバイルファクトリー新卒 フロントエンドエンジニア 業務内容 お絵かき 編曲 ミーティング
3.
Polidium Electronで作る 透明な存在のアプリのつくりかた
4.
突然ですがアンケート ❓自分の職場は 業務中に動画を鑑賞しててもOK という方?
5.
サブモニタで動画流しながら作業できる? 人の有効視野は 2つのモニタを同時に捉えられない http://www.sic.shibaura-it.ac.jp/~ma15037/knowledge_terminology_view.html
6.
ならば 左右の画面を同時に捉えることは出来ないが、 透明なパネルを前後に重ねることで 2つの画面を有効視野に捉える
7.
工夫① 半透明iTerm + プレイヤー
8.
工夫② Atom + video-player
9.
特定の作業ウィンドウに依存したくない - 両方とも機能(?)が貧弱 - ウィンドウ配置に気を配らなければいけない -
作業の半分はブラウザか実行画面を見てるので、 エディタにツールがくっついてると半分しか見れない
10.
Polidium by Electron 近日配布
11.
作業中常に動画を視界に入れるには 最前面表示 & Click-through
12.
ここでのClick-through 操作が透過することをここでは言います 正式になんて言うのか知らない
13.
Electron v0.36.0からClick-throughに対応 めでたい https://github.com/atom/electron/blob/master/docs/api/browser-window.md まだ対応はOS Xのみ
14.
ちなみにNW.jsはWin & Macに対応 ただし透明度を100%(完全に不可視)にしないとClick-throughは効かない https://github.com/nwjs/nw.js/wiki/Transparency
15.
※ NW.jsのドキュメントは微妙に嘘 実際に試してみたら 透明度95%~100%の間ならClick-throughが効いた (on
OS X) 辛うじて見えるアプリなら作れる
16.
Re: 動画を最前面に表示しながら 作業したい
17.
click-throughを有効にする
18.
画面いっぱい(☓全画面)に表示する
19.
常に最前面に表示する
20.
ワークスペースを移動しても表示し続ける
21.
グローバルショートカットキー
22.
デモ してる
23.
感想 とてもよい 動画をちゃんと注視しようとしても無理なので気が完全には逸れ ない メディアプレイヤーで再生するよりは重いね
24.
課題と展望 Youtubeも見れるようにしたい あとNicoNicoも コーデック対応には一工夫必要っぽい
25.
課題と展望 画面に覗き見防止フィルム貼りたい 見ててもバレないところまで突き詰めたい
26.
作ってみた感想 ほぼコピペ Electronの設定は公式からコピペ ファイル探索のコンポーネントは以前作ったwebdav UIからコピペ APIに問い合わせる部分をサーバ側のコードに置き換えるだけ ==
=3 → ✨ ✨ 合体! 会社から帰って寝るまでにできた
27.
Webの資産が使えるってすごい コンポーネントがあればコピペで済む みんなも邪魔っけな透過ウィジェットとか作って遊ぼう
28.
by @nekobato 完 最後まで動画をアニメとは言わなかったが
Download now