自己紹介

about me

経験職業

山梨の大学在学中に家庭教師で5人の生徒を教え、それと併用して携帯電話・デジタルカメラを販売していました。 前職では総務部や病院でクラークとして勤務し、先生方の診断書を電子カルテに入力していました。 パソコンを使用すると感謝されるのが心地よく、長年の夢であったコーディングを学び、 見やすい・分かりやすいホームページ制作を目指しています。

趣味

UVレジンを使用して、ヘアゴムやピン止めなどを作ります。
毛糸でマットや小物入れを作って楽しんでいます。

作品紹介

Work
  • 架空のコーポレートサイトの下層ページ
  • 架空のコーポレートサイトの下層ページ
  • 架空のコーポレートサイトの下層ページ
  • 架空のサービスサイトの下層ページ
  • 架空のサービスサイトの下層ページ
  • 架空のサービスサイトの下層ページ
架空のコーポレートサイトのトップページ

コーポレートサイト(架空のサイト)

使用目的
企業情報を分かりやすく発信、ブランディングも。
使用ツール
Visual Studio Code、Canva
製作期間
約5日
スキルセット
jqueryのinviewを使用し、ホバーによってメインビジュアルの画像を切り替えています。 スマートフォンでも見やすい表示に自動で切り変わるレスポンシブデザイン。 よくある質問にはクリックすると閉開するアコーディオンメニューを実装しています。 jqueryのスクロールイベントを使用し、トップへ戻るボタンがスクロールすると出現する仕様になっています。
Webサイトへ

サービスサイト(架空のサイト)

使用目的
事業内容をより詳しく紹介
使用ツール
Visual Studio Code
製作期間
約5日
スキルセット
Googleフォントの「M PLUS 1p」を使用することで、視認性が高く、小さい文字でも読みやすくなっています。 jQueryのスムーススクロールを実装しているので、ページ内リンクをクリックすると該当箇所に滑らかに移動します。 スマートフォンでも見やすい表示に自動で切り変わるレスポンシブデザイン。コンタクトフォーム。Googleマップの挿入。
Webサイトへ
架空のサービスサイトのトップページ

スキルセット

Skills
HTMLのロゴ

タイトルやヘッダー、フッターの作成。ハイパーリンクを埋め込めるテキストを作成し、別ページに移動できます。 表やフォームの作成。

CSSのロゴ

下線・フォントを指定するなどのテキストの装飾。Googleフォントを用いた装飾。 スマートフォンなどのアクセスする側の端末に応じて表示を切り替えるレスポンシブデザイン。

JavaScriptのロゴ

アラートウィンドウの表示。jQueryを使用したスムーススクロール。 プラグイン「slick」を使用したスライダーの実装。アコーディオンメニュー、トップへ戻るボタンなど。

お問い合わせ

Contact
必須

必須