hachi-code
アクセシビリティに配慮しセマンティックな記述を行うことが出来ます。
CSS設計を理解し保守性の高い記述ができます。
DartSassを使用し、効率的な記述を行うことができます。
基本構造を理解し、WEB制作にて多様する処理を記述できます。
静的サイトのWordpress化に必要な記述ができます。
カスタム投稿、カスタムフィールド等を利用し効率的なサイト構築ができます。
基礎的な操作を理解し、 シンプルなデザインカンプの作成が可能です。
制作時間：20時間
使用言語：HTML、CSS
提供されたXDデザインカンプをもとにコーディングした架空の診療所サイトです。 ヘッダーの電話番号はスマートフォンでタップすると直接発信できる仕様にしています。 また、フッターのGoogleマップはレスポンシブ対応済みで、各デバイスで適切に表示されるよう最適化しています。また検索阻害を防ぐためBASIC認証を設定しています。ユーザー名:user PW:0000
制作時間：40時間
使用言語：HTML、SCSS、JavaScript、php
このポートフォリオサイトです。 シンプルな2ページ構成で構築しました。 必要な情報を的確に伝えるデザインと、汎用的なアニメーションを意識しています。 スキル・実績のセクションは、カスタム投稿タイプとカスタムフィールドを活用し、オリジナルテーマとして構築しました。 お問い合わせフォームは Contact Form 7 を使用しています。
制作時間：120時間
使用言語：HTML、SCSS、JavaScript、php
6ページ構成のデザイナー向けブログ兼コーポレートサイトです。 当初はIllustratorデータをもとにコーディングを担当しましたが、デザイン変更に伴い、一部のページではデザインから制作しました。 レトロゲームのワクワク感を意識し、デザインを再構成。 ブログ記事はカスタム投稿タイプとカスタムフィールドを活用し、オリジナルテーマとして構築しました。 PageSpeed Insightsではデスクトップ90点以上を達成できるよう、内部SEOや軽量化を徹底。 パフォーマンスとデザインの両立を意識したサイトになっています。
制作時間：40時間
使用言語：HTML、CSS、JavaScript
シンプルな1ページ構成の農園サイトです。 クライアントから『温かみ』『お芋の魅力』『安心感』をテーマにしたサイト制作を想定し、コーディングを行いました。 JavaScriptでフォームバリデーションやハンバーガーメニューを実装し、使いやすさにも配慮しています。また検索阻害を防ぐためBASIC認証を設定しています。ユーザー名:user PW:1111