Web Corder
Yamato To
Portfolio
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）で確認できるサイズは必ずチェックします。
06Github
Githubを使用し、同時に複数人での作業が可能です。
Skill
HTML
保守性の高いCSSを記述することを目標にFLOCSSを活用したSassファイルの運用をしています。
JS・jQuery
jQueryを使用したアニメーションの作成や、短いコードでHTMLやCSSを操作して開発の効率化、作業量の軽減を図ります。
WordPress・PHP
プロの要望に応えた拡張性と自由度を実現します。また独自ドメインで運用でき、見やすい、分かりやすいサイト制作を心がけるため、SEO対策のしやすさにつながります。
Gulp
Gulp環境導入により、煩雑な処理を自動で行うため、作業の効率化と作業時間を短縮できます。更に複数人での作業環境を統一し、一定の品質を保って提供いたします。
修正対応
修正がないようにコーディングするのはもちろんなのですが、修正があった場合本番環境へ移行後であっても何度でも修正いたします。
Works
HP
鶏白湯らーめん『千乃家』様
制作時間：５日
HP
WebサービスRavekのコーディング
制作時間：１０日
HP
企業HPのコーディング
制作時間：７日
WordPress
タイトル
制作時間：２０日