Skip to content

Instantly share code, notes, and snippets.

View uupaa's full-sized avatar

uupaa uupaa

191 followers · 0 following
  • Tokyo Japan
View GitHub Profile
@uupaa
uupaa / chrome.extension.send.message.md
Last active August 7, 2022 08:28
Chrome Extension send message

Chrome Extension の Messaging 機能でハマったのでメモ

content script から event page(background script) にメッセージを送る方法

content ▶ event page の方向で送る場合は、tab id が不要

// content script
function send() {
@uupaa
uupaa / offscreen_canvas_image_decode_and_shapre_detection.md
Last active August 5, 2022 03:58
OffscreenCanvas, image.decode(), createImageBitmap(), WebWorker, transferToImageBitmap(), transferFromImageBitmap(), zero copy, Shape Detection API

個人的に 2012年頃(?)から渇望していた OffscreenCanvas と一連のAPIがついに Chrome に実装されました。

このエントリでは、UIの応答性を改善する OffscreenCanvas の仕組みと、 OffscreenCanvas を有効活用するための周辺APIについて、概要とサンプルコードを紹介していきます。

ネタ元はこちらです https://www.youtube.com/watch?time_continue=159&v=wkDd-x0EkFU

既存の <canvas> は DOM と強く結びついている事から UI Thread(= ブラウザにおける Main Thread) の影響をうけますし、反対に影響を与えてしまいます。

影響: UI Thread で重い処理を走らせてしまうと、アニメーションのフレームスキップが発生し、なめらかにスクロールしなくなり、UIの応答性が悪くなるなどの弊害が発生してしまいます。

@uupaa
uupaa / fp.now.md
Last active May 25, 2022 11:58
いまどきのガラケー事情

いまどきのガラケーと Flash Lite 開発事情

いまどきのガラケーコーディングがどうなっているか確認してみました。

ガラケーを取り巻く環境の変化

  • 停波による古い端末の一掃
    • docomo
      • 2006春モデル以前の端末が mova の停波により 2012/03/31 から利用不能に
  • au
@uupaa
uupaa / MP4Box.md
Last active May 19, 2022 08:05
MP4Box install, setting and usage in Mac.

MP4Box は mp4 ファイルの結合や Mux ができます。

セットアップ

GPAC Nightly Buildsから最新版をダウンロードし、 dmg を実行して、適当な場所(例: /Application)にコピーします。

MP4Box を PATH に追加するか、Osmo4.app/Contents/MacOS/MP4Box コマンドへのエリアスを追加します。




  


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / install.ffmpeg.md
            
            

              Last active
              April 30, 2022 04:25
            

              
                install ffmpeg, brew and self build
              
          

        

      

        

  

      

    
Install ffmpeg


ffmpeg をインストールする幾つかの方法を紹介します。


brew install ffmpeg


brew install ffmpeg でおすすめ設定のffmpeg をインストールできます。ビルド時の設定は ffmpeg -buildconf で確認できます。





  


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / streaming.nginx.proxy.range.206.md
            
            

              Last active
              January 20, 2022 05:49
            

              
                Unknown 2 byte range request occurred in Chrome for Android and nginx proxy.
              
          

        

      

        

  

      

    
現象


Chrome for Android で HLS 再生をしようと playlist.m3u8 をリクエストすると、
Range: bytes=0-1 を含む意図しないリクエストが発生し、2byte のデータ(改行コード)が返る。
その結果 video.js が「サポートしていないファイルだ」として再生を諦めてしまう。








Name
Status
Type
Initiator
Size
Time ...







  


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / markdown.syntax.md
            
            

              Last active
              January 16, 2022 10:17
            

              
                Markdown Syntax, markdown, md
              
          

        

      

        

  

      

    
GitHub, Hatena, Google+ で使える Markdown







GitHub
Hatena
Google+






<style>







<link>
?
?





<div>
YES
YES





<h1>
YES
YES





<br>
YES
YES








  


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / Android WebView Speedup.md
            
            

              Created
              December 3, 2013 10:02
            

              
                Android WebView Speedup
              
          

        

      

        

  

      

    
webview.getSettings().setRenderPriority(RenderPriority.HIGH);
webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);


android:hardwareAccelerated="true"



  


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / HTML5FunctionsSQLiteDBPath.txt
            
            

              Created
              January 31, 2013 10:48
            

              
                HTML5 Functions SQLite.db path. WebStorage(LocalStorage), WebSQL, Application Cache, IndexedDB
              
          

        

      

        

  

    
    


        



  


  

        

          
          MobileSafari:
        

        

          
            Application Cache:
        

        

          
              ?
        

        

          
            WebSQL:
        

        

          
              /var/mobile/Library/WebKit/Databases/
        

        

          
            WebStorage:
        

        

          
              /var/mobile/Library/WebKit/LocalStorage/
        

        

          
            IndexedDB:
        

        

          
              ?
        

  





    


  




    


          
    

      

        
        

          

              @uupaa
          

          

            
                uupaa
                / How to create the Base64 image string by the Chrome Browser.md
            
            

              Last active
              May 25, 2021 06:48
            

              
                How to create the Base64 image string by the Chrome Browser.
              
          

        

      

        

  

      

    
Chrome ブラウザだけで、画像の DataURI を簡単に取得する方法を紹介します。


    

  1. 

    適当な画像を右クリックし 新しいタブで画像を開く を選択します。
    

    

    2. 

  2. 

    新しいタブで表示された画像をさらに右クリックし、 要素の検証 を選択します。
    

    

    3.