これからはじめるWebアクセシビリティ
yamanoku.net
基本情報
職業
- フロントエンドデザイナー
- アクセシビリティ啓蒙家
- UIデザイナー
職歴
自分のキャリアのスタートはWebデザイナーとしてで、エンジニアから始まったわけではありません。
これまでのキャリアの中でディレクション・デザイン・プログラミングをすべて担当する業務に就いた影響より、ブラウザ上のできること・できないことの根幹の理解をせず、ユーザにとって喜ばれる表現や機能提案は出来ないのだと思い、プログラミングに専任するためエンジニアとして転職しました。
最初はマークアップエンジニアとして業務を通じ基礎的なコーディングを取得し、jQuery、Ajax通信、タスクランナー、CSS設計、フレームワークの使用など徐々にフロントエンドエンジニアという領域にも踏み入れていきました。
私がエンジニアを目指すにあたり実現していきたいことの中に「強固な設計で長く使われてるプロダクト」を作っていくことがあります。それはエンジニアリングだけでは達成できることではなくUIデザインやユーザーの体験、幅広い層に使ってもらうための考慮なども必要となると考えています。難易度が高いことではありますがより良きものを皆が享受できるよう１つずつ課題をこなしていきたいと思っています。
関連リンク一覧
制作物一覧
Reading...
関連リンク一覧
利用技術
- Nuxt.js
- Nuxt PWA
- vue-paginate
- axios
- modern-normalize
- AWS API Gateway
- AWS Lambda Function
- Netlify
- CircleCI
やること一覧
Vue Portfolio Template
関連リンク一覧
利用技術
- Vue.js
- vue-cli
- vue-router
- webpack
- PostCSS
- Netlify
やること一覧
yamanoku CLI
利用技術
- React.js
- ink
- prettier
slack-reaction-primoji
プリパラキャラのセリフをSlackのリアクション用絵文字に変換。元ネタはoti氏制作の slack-reaction-decomojiより。
関連リンク一覧
Qiita Code Style Before
Qiitaのcodeスタイルを以前のものに戻すChrome拡張機能。ストアに公開していません。そのため、デベロッパーモードにて追加して使用してください。
関連リンク一覧
Crowding - コーディング小作品
Birthday Countdown
関連リンク一覧
glitchrange
関連リンク一覧
canvas_browser-crash.js
関連リンク一覧
rolling-sushi
関連リンク一覧
スライド一覧
登壇
- - stylelint-a11yについて調べてわかったこと
- - denoについて調べたことを共有する
- - インプットを限りなくやったら見える世界は変わってくる
- - scroll handlerを捨てよ、Intersection Observerへ出よう
- - outline: none;
- - 家庭内にScrapboxを導入してみる提案
勉強会
執筆
- - PlayBackTech2018
- - Nota社主催でScrapbox勉強会をやってもらった話
- - HTMLからウェブサイトのあり方を見直す
- - PlayBackTech2017
- - 敵を知り己を知ればXSS危うからず
ライトニングトーク
Qiita
- - よく分かってなくてもNuxt.jsでPWAが作れた話
- - vue-cliで作ったNuxtスターターキットでNuxt1 => 2に上げるやり方（追記あり）
- - stylelint社内勉強会資料
- - よく分かってないでvue-cliで作ったVue.js製SPAをアップデートした話
- - Route53でドメイン買ってACMでSSL証明書発行してCloudFrontでGithub Pageと買ったドメインと紐付けた【追記あり】
- - マークアップエンジニアから見たNuxt.jsの可能性
- - Qiita記事のコードスタイル部分を以前のやつに戻すChrome Extension作った
- - StorybookでCSSに画像を指定をしたい時
- - CodeClimateで.vueファイルも判定させる
- - iOSでダブルタップしないとリンク反応しないバグ対応について