agektmr

class base64url {
  static encode(buffer) {
    const base64 = window.btoa(String.fromCharCode(...new Uint8Array(buffer)));
    return base64.replace(/=/g, '').replace(/\+/g, '-').replace(/\//g, '_');
  }

  static decode(base64url) {
    const base64 = base64url.replace(/-/g, '+').replace(/_/g, '/');
    const binStr = window.atob(base64);
    const bin = new Uint8Array(binStr.length);

agektmr

if ('customElements' in window && 'OTPCredential' in window) {
  customElements.define("web-otp",
    class extends HTMLInputElement {
      connectedCallback() {
        this.abortController = new AbortController();
        this.receive(); 
      }
      disconnectedCallback() {
 this.abort();

agektmr

結局PWAは来るの？来ないの？

• https://blog.agektmr.com/2018/03/instagram-pwa.html

TWA (Trusted Web Activities)

• https://developers.google.com/web/updates/2019/02/using-twa
• https://developers.google.com/web/updates/2019/08/twas-quickstart
• https://web.dev/oyo-lite-twa/
• https://github.com/GoogleChromeLabs/llama-pack

Project Fugu

agektmr

API/payment method	Chrome	Edge	Safari	Samsung Internet	Firefox

agektmr

{
  "title": "For Japanese （JIS配列をASCII配列風にする設定）",
  "rules": [
    {
      "description": "英数・かなキーを他のキーと組み合わせて押したときに、コマンドキーを送信する。",
      "manipulators": [
        {
          "type": "basic",
          "from": {
            "key_code": "japanese_eisuu",

agektmr

Keybase proof

I hereby claim:

• I am agektmr on github.
• I am agektmr (https://keybase.io/agektmr) on keybase.
• I have a public key ASA18VYrnHxJ0JjmiW3VhGzGrQPzg7V1DnYvG07Mwk4xHwo

To claim this, I am signing this object:

agektmr

1. Download a zip file from here
2. Open chrome://extensions on Chrome
3. Check "Developer Mode"
4. Click "Load unpacked extension..." and select the unzipped folder

Questions are welcome at https://twitter.com/agektmr

agektmr

data:text/html,<script>i=0;setInterval(function(){i=(i+100)%252000;document.querySelector('div').style.backgroundPositionX='-'+i+'px';},30);</script><div%20style="width:100px;height:100px;background:url(https://goo.gl/6nq9n5)">

agektmr

• Oct 19th 2013: Web Music Hackathon #1 (Tokyo)
• Jan 18th 2014: Web Music Hackathon #2 (Tokyo)
• Sep 17th 2014: Web Music Hackathon #3 (Tokyo)

agektmr

<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;