yamato-portfolio.com | WebデザイナーYamatoのポートフォリオ

About

Yamato To

自分は小さい頃から人の笑顔を見た時に幸せを感じてきました、web制作は直接人と顔を合わせることが少ないと思うのですがその分、より多くの人とサイトを通して関わることができると考えております。

その為、見やすさ、わかりやすさ、使いやすさを心がけ、目に見える範囲だけで無くflocss等を使用し保守性の高いサイト制作を意識しています。

品質管理・使用可能なツール

納品する際はperfect pixel、CSS/HTML、閉じタグの確認等の品質チェックをし、コーディングに漏れがないようにします。

01perfect pixel

デザインカンプを見ながら数字を同じで作成しても、少しのずれが出てきます。そこでperfect pixelを使用しずれ無くコーディングをします。

02JSの挙動確認コンソールエラーチェック

検証ツールのコンソールタブの確認、各挙動は手動により確認いたします。

03CSS/HTML、閉じタグの確認

Mark Validation Servise、CSS Validation Servise、HTMLエラーチェッカーを使用して、不具合があれば修正します。

04画像2倍書き出し、画像圧縮

画像の画質向上、Webサイトの表示速度が早くなる効果が見込め、ページが軽くなり読み込み速度が上がります。

05見出しタグ、表示崩れのチェック

見出しタグを正しく使えているかの確認や、デザインカンプの幅だけではなく、PCで確認できるサイズ（Chrome）で確認できるサイズは必ずチェックします。

HTML

保守性の高いCSSを記述することを目標にFLOCSSを活用したSassファイルの運用をしています。

JS・jQuery

jQueryを使用したアニメーションの作成や、短いコードでHTMLやCSSを操作して開発の効率化、作業量の軽減を図ります。

WordPress・PHP

プロの要望に応えた拡張性と自由度を実現します。また独自ドメインで運用でき、見やすい、分かりやすいサイト制作を心がけるため、SEO対策のしやすさにつながります。

Gulp

Gulp環境導入により、煩雑な処理を自動で行うため、作業の効率化と作業時間を短縮できます。更に複数人での作業環境を統一し、一定の品質を保って提供いたします。

修正対応

修正がないようにコーディングするのはもちろんなのですが、修正があった場合本番環境へ移行後であっても何度でも修正いたします。