Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Web Music 㛤Ⓨ⎔ቃ 
䛛䜟䛔 䜚䜗䛖䜔
✺↛䛷䛩䛜䚸 
䛂⮬Ꮿ䛷ᡭ䛳ྲྀ䜚᪩䛟䝷䞊䝯䞁䟿䛃 
䛺Ẽศ䛾䛸䛝䛹䛖䛧䜎䛩䛛䠛
ᑠ㯏⢊㈙䛳䛶䛝䛶㯝䜢స䛳䛶䚸 
䜺䝷䚸䛸䜣䛣䛴㈙䛳䛶䛝䛶䝇䞊䝥...
㝤䛧㐣䛞.....(´䞉ω䞉`) 
䛣䜜䛿⪃䛘䛺䛔䛷䛩䜘䛽䚹䚹䚹
ᛮ䛔䛴䛟䛾䛿䚸䛝䛳䛸䛣䛳䛱䚹
⿄ධ䜚⏕䝷䞊䝯䞁䟿 
䜲䞁䝇䝍䞁䝖䝷䞊䝯䞁䟿
䝖䝑䝢䞁䜾䛻䚸 
䜒䜔䛧䟿䝝䝮䟿䛯䜎䛤䟿
᏶ ᡂ 䟿
䛷䛿䚸 
䛂⮬๓䛷ᡭ䛳ྲྀ䜚WebMusic䟿䛃 
䛺Ẽศ䛾䛸䛝䛹䛖䛧䜎䛩䛛䠛
Soundtrap!!! 
ヲ䛧䛟䛿 HTML5Expert JP䟿 
䛂html5experts soundtrap䛃䛷䚷䚷䚷䚷䚷䚷䚷᳨⣴䚷 
DTMStation䛷䜒䛹䛖䛮䟿 
䛂DTM Station soundtrap䛃䛷䚷䚷䚷䚷䚷䚷䚷...
Web Music䛺䜰䝥䝸䜢᭩䛝䛯䛔䟿
౛䛘䜀䛣䜣䛺䛾䚸 
䜲䞁䝍䝷䜽䝔䜱䝤䛻 
䝣䜱䝹䝍䞊䜢䛔䛨䜜䜛䜰䝥䝸 
䠃 
᧯స䛿MIDI䝁䞁䝖䝻䞊䝷䛷䟿
XHR䛷䝂䝙䝵䝂䝙䝵䚸 
Web Audio䛷䝣䜱䝹䝍䞊䜢᭩䛔䛶 
Web MIDI䛷MIDIධຊ䛷....
(*´Д`)䢆䡣䢆䡣
㝤䛧㐣䛞.....(´䞉ω䞉`) 
䛷䜒䚸䛭䜜䛧䛛ᡭẁ䛜䚸䚸䚸
䛭䛣䛷䚸స䜚䜎䛧䛯䟿
Web Music Platform 
Demo
Web Music Platform 
● Web Audio/MIDI 䜢౑䛳䛶Custom Element 
Nodeྠኈ䜢GUI䜢᥋⥆䛩䜛䛣䛸䛾䛷䛝䜛 
Platform 
● 䛭䜜䛮䛷䛾Node䛿Polymer Element
Polymer 
movie 
● Web Components䛻౽฼ᶵ⬟䜢㏣ຍ 
○ ヲ⣽䛿䚸 
䛂Polymer 䛸 Web Components 䛾㐪䛔9㑅䛃 
䛸䛛䛷 ᳨⣴䟿䟿 
● Web Components䠛 
○ HTML䝍䜾䜢...
ᵓᡂ䛻㛵䛧䛶 
Custom Element 
Custom Element 
Custom Element 
Custom Element 
Web Music Platform 
Polymer 
Web Components 
Web A...
movie 
䝕䝄䜲䞁 
Material Design ౑䛳䛶䜎䛩䟿 
ฟ᮶䜛㝈䜚
䛩䛠䛻౑䛘䜛䛾䠛 
䝲䝬䝝䛾බᘧGithub䜰䜹䜴䞁䝖䛷 
බ㛤῭䛷䛩䟿 
https://github.com/yamaha-webmusic/ 
webmusicplatform
Polymer 
● Web Music Platform䛿䛚ᡭ㍍䛺⎔ቃ䛷䛩 
○ Web Music䜢䝝䝑䜽䛷䛝䜛 
○ Web Music䛾Playground䛸䜒䛺䜛 
○ 䛩䛷䛻බ㛤䛥䜜䛶䛔䜛 
● ⮬Ꮿ䛷䝷䞊䝯䞁䛻౛䛘䜛䛸 
○ ⿄ධ...
䛚ᡭ㍍䛻 Web Music 䝝䝑䜽 
䛧䜎䛫䜣䛛䠛
Web Music 䝝䝑䜹䝋䞁 #3 
● ୺ദ䚷Google䚸Web Music Developers JP 
● ᪥⛬䚷2014ᖺ9᭶13᪥(ᅵ) 10:00ࠥ 
● ሙᡤ䚷Google Japan 䜸䝣䜱䝇 
● ඹദ䚷AMEI Web ...
Nächste SlideShare
Wird geladen in …5
×

Web music開発環境

1.271 Aufrufe

Veröffentlicht am

Web Componentsを使った、Web Audio、Web MIDIのコレボレーションツール、開発環境、Playground。

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Web music開発環境

  1. 1. Web Music 㛤Ⓨ⎔ቃ 䛛䜟䛔 䜚䜗䛖䜔
  2. 2. ✺↛䛷䛩䛜䚸 䛂⮬Ꮿ䛷ᡭ䛳ྲྀ䜚᪩䛟䝷䞊䝯䞁䟿䛃 䛺Ẽศ䛾䛸䛝䛹䛖䛧䜎䛩䛛䠛
  3. 3. ᑠ㯏⢊㈙䛳䛶䛝䛶㯝䜢స䛳䛶䚸 䜺䝷䚸䛸䜣䛣䛴㈙䛳䛶䛝䛶䝇䞊䝥...
  4. 4. 㝤䛧㐣䛞.....(´䞉ω䞉`) 䛣䜜䛿⪃䛘䛺䛔䛷䛩䜘䛽䚹䚹䚹
  5. 5. ᛮ䛔䛴䛟䛾䛿䚸䛝䛳䛸䛣䛳䛱䚹
  6. 6. ⿄ධ䜚⏕䝷䞊䝯䞁䟿 䜲䞁䝇䝍䞁䝖䝷䞊䝯䞁䟿
  7. 7. 䝖䝑䝢䞁䜾䛻䚸 䜒䜔䛧䟿䝝䝮䟿䛯䜎䛤䟿
  8. 8. ᏶ ᡂ 䟿
  9. 9. 䛷䛿䚸 䛂⮬๓䛷ᡭ䛳ྲྀ䜚WebMusic䟿䛃 䛺Ẽศ䛾䛸䛝䛹䛖䛧䜎䛩䛛䠛
  10. 10. Soundtrap!!! ヲ䛧䛟䛿 HTML5Expert JP䟿 䛂html5experts soundtrap䛃䛷䚷䚷䚷䚷䚷䚷䚷᳨⣴䚷 DTMStation䛷䜒䛹䛖䛮䟿 䛂DTM Station soundtrap䛃䛷䚷䚷䚷䚷䚷䚷䚷᳨⣴䚷 䜒䛖ᑡ䛧Developerᐤ䜚䛷⾜䛝䜎䛩䛽䚹䚹
  11. 11. Web Music䛺䜰䝥䝸䜢᭩䛝䛯䛔䟿
  12. 12. ౛䛘䜀䛣䜣䛺䛾䚸 䜲䞁䝍䝷䜽䝔䜱䝤䛻 䝣䜱䝹䝍䞊䜢䛔䛨䜜䜛䜰䝥䝸 䠃 ᧯స䛿MIDI䝁䞁䝖䝻䞊䝷䛷䟿
  13. 13. XHR䛷䝂䝙䝵䝂䝙䝵䚸 Web Audio䛷䝣䜱䝹䝍䞊䜢᭩䛔䛶 Web MIDI䛷MIDIධຊ䛷....
  14. 14. (*´Д`)䢆䡣䢆䡣
  15. 15. 㝤䛧㐣䛞.....(´䞉ω䞉`) 䛷䜒䚸䛭䜜䛧䛛ᡭẁ䛜䚸䚸䚸
  16. 16. 䛭䛣䛷䚸స䜚䜎䛧䛯䟿
  17. 17. Web Music Platform Demo
  18. 18. Web Music Platform ● Web Audio/MIDI 䜢౑䛳䛶Custom Element Nodeྠኈ䜢GUI䜢᥋⥆䛩䜛䛣䛸䛾䛷䛝䜛 Platform ● 䛭䜜䛮䛷䛾Node䛿Polymer Element
  19. 19. Polymer movie ● Web Components䛻౽฼ᶵ⬟䜢㏣ຍ ○ ヲ⣽䛿䚸 䛂Polymer 䛸 Web Components 䛾㐪䛔9㑅䛃 䛸䛛䛷 ᳨⣴䟿䟿 ● Web Components䠛 ○ HTML䝍䜾䜢⮬⏤䛻సᡂ䛷䛝䜛 ○ HTML䝍䜾ෆ䛻 CSS / JavaScript 䜢ᇙ䜑㎸䜑䜛 ○ እ㒊せ⣲䜢ở䛥䛺䛔 ○ ෌฼⏝ྍ⬟
  20. 20. ᵓᡂ䛻㛵䛧䛶 Custom Element Custom Element Custom Element Custom Element Web Music Platform Polymer Web Components Web Audio / MIDI API Web 䝤䝷䜴䝄 Custom Element Node Node Node Custom Element Node Node Node
  21. 21. movie 䝕䝄䜲䞁 Material Design ౑䛳䛶䜎䛩䟿 ฟ᮶䜛㝈䜚
  22. 22. 䛩䛠䛻౑䛘䜛䛾䠛 䝲䝬䝝䛾බᘧGithub䜰䜹䜴䞁䝖䛷 බ㛤῭䛷䛩䟿 https://github.com/yamaha-webmusic/ webmusicplatform
  23. 23. Polymer ● Web Music Platform䛿䛚ᡭ㍍䛺⎔ቃ䛷䛩 ○ Web Music䜢䝝䝑䜽䛷䛝䜛 ○ Web Music䛾Playground䛸䜒䛺䜛 ○ 䛩䛷䛻බ㛤䛥䜜䛶䛔䜛 ● ⮬Ꮿ䛷䝷䞊䝯䞁䛻౛䛘䜛䛸 ○ ⿄ධ䜚⏕䝷䞊䝯䞁䚸䜲䞁䝇䝍䞁䝖䝷䞊䝯䞁 ○ 䝖䝑䝢䞁䜾䛿䚸 ■ බ㛤䛥䜜䛶䜛䛾䜢䛭䛾䜎䜎౑䛖䜒䜘䛧 ■ ⮬ศ䛷䝝䝑䜽䛩䜛䜒䜘䛧 movie 䜎䛸䜑
  24. 24. 䛚ᡭ㍍䛻 Web Music 䝝䝑䜽 䛧䜎䛫䜣䛛䠛
  25. 25. Web Music 䝝䝑䜹䝋䞁 #3 ● ୺ദ䚷Google䚸Web Music Developers JP ● ᪥⛬䚷2014ᖺ9᭶13᪥(ᅵ) 10:00ࠥ ● ሙᡤ䚷Google Japan 䜸䝣䜱䝇 ● ඹദ䚷AMEI Web MIDI WG ● 䝁䝷䝪䝺䞊䝅䝵䞁䚷http://jsfest.berlin/ ● ヲ⣽䛿䛣䛱䜙䚷http://goo.gl/h1XIQy ● Special Guest ᮧ஭ ⣧ඛ⏕ ཬᕝ ༟ஓ䛥䜣 ● 䛥䜙䛻 ORF䠄SFC Open Research Forum2014䠅䛾W3C䛾䝉䝑䝅䝵䞁䛻䛶䚸ඃ⚽స ရ䜢⤂௓䛩䜛ணᐃ䛷䛩䟿䟿䟿

×