yamanoku.net

基本情報

大山奥人 (おおやまおくと) 。ネット上では、おおやまみちのく、yamanokuと名乗って活動しています。誕生日は1989年10月30日。秋田県能代市生まれ。性別は男性。現在千葉県流山市在住。一児(娘)の父と3匹の猫の飼い主。

職業

  • フロントエンドデザイナー
  • アクセシビリティ啓蒙家
  • UIデザイナー

職歴

自分のキャリアのスタートはWebデザイナーとしてで、エンジニアから始まったわけではありません。

これまでのキャリアの中でディレクション・デザイン・プログラミングをすべて担当する業務に就いた影響より、ブラウザ上のできること・できないことの根幹の理解をせず、ユーザにとって喜ばれる表現や機能提案は出来ないのだと思い、プログラミングに専任するためエンジニアとして転職しました。

最初はマークアップエンジニアとして業務を通じ基礎的なコーディングを取得し、jQuery、Ajax通信、タスクランナー、CSS設計、フレームワークの使用など徐々にフロントエンドエンジニアという領域にも踏み入れていきました。

私がエンジニアを目指すにあたり実現していきたいことの中に「強固な設計で長く使われてるプロダクト」を作っていくことがあります。それはエンジニアリングだけでは達成できることではなくUIデザインやユーザーの体験、幅広い層に使ってもらうための考慮なども必要となると考えています。難易度が高いことではありますがより良きものを皆が享受できるよう1つずつ課題をこなしていきたいと思っています。

関連リンク一覧

制作物一覧

これからはじめるWebアクセシビリティ

写真: これからはじめるWebアクセシビリティ
技術書典5にて発表。ウェブアクセシビリティはどういった対応があるのか、マシンリーダブルとヒューマンリーダブル、WAI-ARIAについて、求められるアクセシビリティを意識したウェブページなど、エンジニアだけでなくウェブに関わるすべての人に見てもらいたい一冊です。(アクセシビリティとは、近づきやすさやアクセスのしやすさのこと)

関連リンク一覧

やること一覧

Reading...

スクリーンショット: Reading...
いつも自分が見ているニュースを集めてまとめてみたらどうなるだろうか、情報の蓄積・見える化というものを考え作りました。オフラインアプリケーションとしても閲覧できるようPWA技術を取り入れています。

関連リンク一覧

利用技術

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

やること一覧

Vue Portfolio Template

スクリーンショット: Vue Portfolio Template
Vue.js製のポートフォリオテンプレートです。vue-cliから作成したSPA処女作です。はじめはVue1.0系で作ってましたが、Vue2.0系にバージョンアップ対応しています。

関連リンク一覧

利用技術

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

やること一覧

yamanoku CLI

スクリーンショット: yamanoku CLI
CLIで確認できる簡易自己紹介ツールです。 fork元は sindresorhus氏より。

利用技術

  • React.js
  • ink
  • prettier

slack-reaction-primoji

プリパラキャラのセリフをSlackのリアクション用絵文字に変換。元ネタはoti氏制作の slack-reaction-decomojiより。

関連リンク一覧

Crowding - コーディング小作品

Birthday Countdown

スクリーンショット: Birthday Countdown
yamanokuの誕生日までをカウントダウンしています。当日になったらAmazonの欲しい物リストが公開されます。翌日にはリセットされてふたたびカウントダウンされます。TypeScriptを使用しています。
関連リンク一覧

glitchrange

スクリーンショット: glitchrange
JavaScriptによるグリッチ表現ツールです。<input type='range'>で調整できます。アップロードして画像を変更できます。グリッチした画像を保存も可能です。
関連リンク一覧

canvas_browser-crash.js

スクリーンショット: canvas_browser-crash.js
WindowsOSでブラウザが重くなったときにおこりそうな状況をcanvas上で表現。カーソルを動かすことによりブラウザが無限に描画されます。 このJavaScriptには違法性はまったくありません。
関連リンク一覧

rolling-sushi

スクリーンショット: rolling-sushi
CSS3 animationを使用して寿司を回転させてみました。
関連リンク一覧

スライド一覧

登壇

勉強会

執筆

ライトニングトーク

Qiita

ソーシャルサービス

連絡先

0910yama@gmail.com