Clipboard API

About Clipboard API

BearTail LT #1
https://atnd.org/events/68533

Bibliography
[JavaScriptによる画像のペースト]( http://koyamay.hatenablog.com/entry/2015/06/16/190313 )

Transcript

1. ը૾ϖʔετΛࢧ͑Δٕज़ — Clipboard API ૔੒ ஐٱ@kuranari_tm Github: kuranari-tm 2015/08/06 #beartail_lt
2. ࣗݾ঺հ ૔੒
   ஐٱ !LVSBOBSJ@UN
   גࣜձࣾ.6(&/61
   ࠓ೥ͷय़͔Β Α͏΍͘ ਖ਼ࣾһʹ
   ࠷ۙͷ࢓ࣄ
   3BJMTΛத৺ʹ͍Ζ͍Ζͱ
3. $MJQCPBSE
   "1*
   ׆༂ͷ৔
7. ֤ॴͰ͓΋ΉΖʹ㵰7͢Δͱ
   ΫϦοϓϘʔυͷը૾Λ
   షΓ෇͚ΒΕΔ
8. $MJQCPBSE
   "1* w ϒϥ΢β͔Β04ͷΫϦοϓϘʔυʹΞΫηε͢Δ "1*
   w 8$Ͱ͸8PSLJOH
   %SBGUͷঢ়ଶ
10. ΫϦοϓϘʔυ΁ͷΞΫηε ੍ݶཧ༝ ಡΈࠐΈ
    
    ύεϫʔυ΍Χʔυ৘ใΛൈ͔ΕΔ
    ॻ͖ࠐΈ
    
    ϑΟογϯάαΠτͷ63-Λૠೖ͞ΕΔ
11. ࣮૷ 1: $(document).on(“paste", function(event){ 2: var items = (event.clipboardData || event.originalEvent.clipboardData).items; 3: var blob = items[0].getAsFile(); 4: var reader = new FileReader(); 5: reader.onload = function(event){ 6: $("#pastedImage").attr("src", event.target.result); 7: }; 8: reader.readAsDataURL(blob); 9: }); IUUQLPZBNBZIBUFOBCMPHDPNFOUSZ
12. σϞ
13. ΫϦοϓϘʔυ͔Βͷը૾ϖʔετରԠঢ়گ $ISPNF 'JSFGPY 4BGBSJ (NBJM ̋ ̋ ̋ 4MBDL ̋ ̋ º 5XJUUFS ̋ ̋ º (JUIVC ̋ º º
14. ੍໿ࣄ߲ 'JSFGPY
    γϣʔτΧοτΩʔ 㵰9
    㵰$
    㵰7 ͷૢ࡞͕ͳ͍ͱΠ ϕϯτ͕ൃՐ͠ͳ͍
15. (PPHMF
    %SJWF
    
16. ը૾ϖʔετͷϒϥ΢βରԠ $ISPNF
    $MJQCPBSE"1*Ͱը૾షΓ෇͚
    *&
    
    'JSFGPY
    ϋοΫ͕ඞཁ
    $POUFOU&EJUBCMFܦ༝ͰషΓ෇͚
    4BGBSJ
    
    0QFSB
    ະରԠ
17. QBTUFKT ΫϦοϓϘʔυ͔Βϖʔετ
    IUUQTHJUIVCDPNMBZFSTTTTQBTUFKT
18. [FSPDMJQCPBSE 'MBTIܦ༝Ͱίϐʔ $MJQCPBSE"1*ະ࢖༻ͷ͸ͣ
    IUUQTHJUIVCDPN[FSPDMJQCPBSE[FSPDMJQCPBSE
19. ·ͱΊ w $MJQCPBSE
    "1*ࣗମͷରԠঢ়گ͸·ͩ·ͩ
    w $ISPNF͸ൺֱతରԠͰ͖͍ͯͦ͏
    w ڻ͖࠷খͷݪଇ࣮ݱͷͨΊͷ"1*