TAKAHIRO YAMAZAKI

WEB CODER

Skill

HTML, CSS3

頂いたデザインカンプを基に、HTML,CSSを用いてLP等の静的サイトコーディングを行えます。標準でレスポンシブ対応し、概ね375pxからどの画面幅でも表示崩れのないようにコーディングします。

XD、Photoshop、Figmaのデザインカンプに対応可。

JavaScript

JavaScriptを用いてコーディングいたします。アニメーションを付与したり、ドロワーメニューやモーダル等を実装し、その際ユーザビリティにも配慮します。必要に応じてプラグイン、ライブラリ等も利用します。指定のない限りVanillaJSで記述。

CMS

WordPressを利用したWebサイトを構築できます。頂いたデザインカンプを基に、オリジナルテーマを作成できます。カスタム投稿、カスタムフィールド等対応いたします。Astro + ヘッドレスCMSでのサイト構築もできます。

Webアクセシビリティ

セマンティックなコーディングとWAI-ARIAでの補完で、キーボード操作時やスクリーンリーダー使用時でも支障のない操作を目指しています。ブラウザ拡大表示時でも表示崩れのないようにいたします。

Works & Demo

アクセシビリティに配慮してコーディングしたデモサイト

  • HTML/CSS
  • アクセシビリティ

アクセシビリティに配慮したデモサイトのコーディング

  • HTML/CSS
  • アクセシビリティ

Astroを使用したデモサイトコーディング

  • Astro
  • アクセシビリティ

架空研修サービス会社のホームページのコーディング

  • WordPress

架空英会話スクールのホームページのコーディング

  • WordPress

架空歯科医院のホームページのコーディング

  • WordPress

架空サラダ専門店のホームページ(コーディング)

  • HTML/CSS

About

当ページをご覧頂きありがとうございます。ヤマザキ タカヒロと申します。宮城県在住のWebコーダーです。

ウェブアクセシビリティに力を入れております。きっかけは、ある時Bootstrapのテンプレートを弄っていたところ、なにやら見慣れない記述を発見した時です。

aria-labelなどの所謂WAI-ARIAですね。

恥ずかしながらこれを調べた時初めて、今までの自分のコーディングではサイトを十分に利用できない方々がいるということに気づきました。

これはWebの実装者として納得できる事ではありませんし、とても歯痒い気持ちになり、これがきっかけでウェブアクセシビリティについて勉強するようになりました。

少し抽象的かもしれませんが、たとえ提供者側が利用者をターゲティングしたとしても、ターゲット以外からの流入を無視するべきではなく、使うか使わないかはあくまで利用者が判断するべきと考えます。

そのため、まずは一人でも多くの方々に使っていただける様に、入り口を確実に提供できるようなコーディングを目指していきたいと思っています。

Contact

(ハイフン不要)
プライバシーポリシーについて