YusukeHirao

ARIA Trigger

Concept

The ARIA Driven Implements

<button type="button" aria-controls="DIALOG_ID">Open Dialog</button>

YusukeHirao

import { JSDOM } from 'jsdom';
import { TextLintEngine } from 'textlint';
import TurndownService from 'turndown';
import fs from 'fs/promises';
import path from 'path';
import { promisify } from 'util';
import sGlob from 'glob';

const glob = promisify(sGlob);

YusukeHirao

<template>
	<div>
		<x-container>
			<x-image />
			<x-text>
				<p>lorem ipsam</p>
			</x-text>
		</x-container>
	</div>
</template>

YusukeHirao

平尾ゆうてん

• 本名: 平尾優典（ひらおゆうすけ）
• 株式会社ディーゼロ 執行役員
• フロントエンドテックリード/ウェブアクセシビリティスペシャリスト
• ウェブサイト: https://u10.jp
• 𝕏: @cloud10designs

企業のウェブアクセシビリティに関するコンサルティングや顧問を行うかたわら、制作会社のアクセシビリティの推進・啓発活動も行い仲間を増やす活動をしている。社内ではフロントエンドテックリードとしてアクセシビリティを含めた品質向上と開発効率化に取り組む。アクセシビリティカンファレンス福岡実行委員長。HTMLリンター「Markuplint」の開発者。HTMLのプロ。

YusukeHirao

export async function slackAPI<
	T extends SlackAPI = SlackAPI,
	M extends keyof T = keyof SlackAPI
>(method: M, token: string, args?: { [key: string]: string }) {
	const API_ENDPOINT = 'https://slack.com/api/';
	const params = args
		? Object.keys(args)
				.map(key => `${key}=${args[key]}`)
				.join('&')
		: '';

YusukeHirao

// Place your settings in this file to overwrite the default settings
{
  // エディター

  // フォント ファミリを制御します。
  "editor.fontFamily": "Fira Code",
  // "editor.fontFamily": "Ricty Diminished",

  "editor.fontLigatures": true,

YusukeHirao

module.exports = (content) => `var createjs = window.createjs;${content};module.exports = { lib, images, createjs, ss, AdobeAn };`;

YusukeHirao

// 消す
if (this.track) {
    this.video.removeChild(this.track)
    this.track = null
}
// 新しく要素を生成する
this.track = document.createElement('track')
this.video.appendChild(this.track)

this.video.src = '/path/filename.mp4'

YusukeHirao

import superagent from 'superagent'
const YOUTUBE_VIDEO_TIMED_TEXT_API = 'http://video.google.com/timedtext'

const lang = 'ja'
const videoId = 'videoId'
const ccList = []
let ccTrackName;

requestCCList () {
    superagent

YusukeHirao

/**
 * smartphone=off対応
 * 
 */
var key = 'smartphone';
var val = 'off';
var dir = 'sp';

// URLパラメータにsmartphoneがある場合、
// リンク先にもパラメータを追加する