Ten's Portfolio Site

About Me

Ten テン

Development

  • HTML

  • CSS

  • JavaScript

  • PHP

  • WordPress

  • Astro

  • jQuery

  • Git/Github

  • Node.js

モダンかつ効率性、拡張性を求めてコーディングします!

HTMLでは常にコンテンツの意味や構造を考え、適切な要素を常に考えマークアップを行います。
またアクセシビリティにも考慮し、代替テキストの正しい表現や、aria属性を使用し、視覚的・聴覚的・身体的な制約を持つユーザーにも利用しやすい環境を提供できるよう心掛けています。

CSSでは、レスポンシブデザインに対応することはもちろん、再利用性、保守性、拡張性を向上させるべくCSS設計を意識して記述しています。
また、ブラウザの互換性や、不要なスタイルの付与は避けパフォーマンスの最適化も心掛けています。

JavaScriptでは、CSSと同様に再利用性、保守性、拡張性を意識しています。
具体的な施策としましては、クラス構文で各処理を管理するようにしています。
これにより、拡張性にも考慮した記述ができ、再利用性などにも優れていると思い出来る限りクラスでまとめるようにしております。
そのほかにも、ライブラリ(GSAPやSwiperなど)やフレームワーク(jQueryなど)を使用し幅広い実装ができるように日々知識の幅を広げれるように情報の取得も行っています。

開発環境は主にWebpackを使っています。

Design

  • Illustrator

  • Photoshop

  • AdobeXD

  • Figma

目的やコンセプトを真意に考えデザインを制作します!

ユーザビリティやコンテンツの順序などの設計を行い、色やフォントの使用には一貫性のあるデザインになるように意識して制作します。

デザインのトレンドは日々移り変わっているものだと思いますので、最新のサイトや話題のサイトを訪問し、トレンドを取り入れることも意識しています。

Illustratorではロゴの制作やその他、基礎的なことが出来ます。

PhotoShopでは簡単な写真加工や、バナーやデザインカンプの作成が出来ます。

XDとFigmaでは、ワイヤーフレーム、デザインカンプの作成が出来ます。