yamanoku.net

Basic Info

Okuto Oyama. I'm active on the Internet under the name of Oyama-Michinoku, yamanoku. My birthday is October 30, 1989. I was born in Noshiro City, Akita Prefecture. I'm male. Currently, I lives in Nagareyama City, Chiba Prefecture. One daughter's father and three cat owners.

Job Info

FrontEnd Designer
Accessibility Advocator
UI Designer

Career Info

I started my career as a Web designer, not as an engineer.

I changed my job as an engineer to concentrate on programming because I thought that I could not understand the basics of what I could and could not do on the browser and could not make expressions and feature proposals that would be pleasing to users, rather than the influence of my previous career when I was in charge of all direction-design programming.

I began my career as a markup engineer, taking basic coding and gradually moving into the frontend engineer space, including jQuery, Ajax communication, task runners, CSS design, and the use of frameworks.

OSS Activity

In addition to working for a company, I have been contributing to OSS since 2020 in my spare time. I translate documents, propose accessibility improvements, respond to fixes, and make other minor corrections.

OSS Activity Log 2021

Donate & Sponsor

If you are interested in my work, presentations and activities, you can donate me by.

Product List

About accessibility with Vue.js - 2019

PhotoAbout accessibility with Vue.js - 2019 — Created with the motivation to make people aware of accessibility in Vue.js development. Initially, I put together this article as a presentation for a conference, and then I presented it again as an article for the 2019 Web Accessibility Advent Calendar. There is a difference between when I wrote the article and the current information. Please be aware of this when browsing.

Article about accessibility with Vue.js - 2019

Information about this document

2019/12/21 Published.
2020/02/28 Posted on awesome-a11y-vue
2020/05/03 Added english page
2021/09/20 Changed URL (vue-a11y -> vue-a11y-2019)

Web Accessibility for Beginners.

PhotoWeb Accessibility for Beginners. — Presented in the 5th technical book fest. I would like to ask not only engineers but also all people involved with the web to see what kind of measures are available for web accessibility, such as machine-readable web pages, human-readable web pages, and WAI-ARIA web pages.

Sorry, Japanese text only

O'clock App

ScreenShotO'clock App — Using Svelte, a digital clock that can see up to the second in PWA. I make it possible to check any OS that can do Web browsing. It took about half a day to implement, including setup. Consideration is also given to screen readers using WAI-ARIA.

Technology Stack

Svelte
Custom Elements
WAI-ARIA

Reading...

ScreenShotReading... — I came up with the idea of accumulating and visualizing information about what would happen if I collected and summarized the news that I always watch. It incorporates PWA technology so that it can also be viewed as an offline application.

Technology Stack

Nuxt.js
Nuxt PWA
vue-paginate
axios
modern-normalize
AWS API Gateway
AWS Lambda Function
Netlify
CircleCI

Vue Portfolio Template

ScreenShotVue Portfolio Template — Portfolio template made by Vue.js. This is the first SPA created from vue cli. I used the Vue 1.0 versions at first, but now I can upgrade it to the Vue 3.0 versions.

Vue Portfolio Template

Technology Stack

Vue.js
vue-cli
vue-router
webpack
PostCSS
Netlify

Presentations

Sorry, Japanese text only

Stage

2021/09/15 - HTML だけで UI を作る限界、あるいは無理なくユースケースと向き合っていくためには
2021/06/26 - PWA版Twitterをスクリーンリーダー検証してみる
2021/01/12 - これからもつづけるWebアクセシビリティ
2020/12/08 - Vue3 からはじめるWebアクセシビリティ

Writing

2021/10/07 - markuplintをプロダクトに導入してみた
2021/08/18 - 生まれ変わったログインページにまつわるフロントエンド開発の話
2020/12/09 - UI の実装で考えていること, 気をつけたいこと
2020/12/07 - クラウドワークス #accessibility チャンネル気になる話題 Pickup 2020
2020/12/01 - クラウドワークスのフロントエンド活動を振り返る 2020

If you are looking for content older than 1 year, please visit Archives page.

Social Service

Contact

0910yama@gmail.com