Web制作の学習を通じてバックエンド開発への関心を深めた経験
Web制作の学習を通じて、HTML/CSS(SCSS)、JavaScript/jQuery、WordPressなどを中心にスキルを習得しました。
これらの技術を活かし、デザインカンプからのコーディング、WordPressを用いた動的なサイト構築までを個人で行い、以下のような制作経験を積みました。
桜のこもれびキッズランド(個人制作/練習用)
URL: http://sakurakidsland.terubo-web.com/
概要: 保育園・幼稚園の総合Webサイト。園の紹介や活動報告、採用情報、お問い合わせ機能を実装。
工夫した点:
・園の一覧ページに検索・絞り込み機能を実装し、目的の園を探しやすく設計。
・活動報告ページでは、投稿機能を活用して園の情報を定期的に更新できるよう構築。
使用技術: HTML, CSS, JavaScript, jQuery, WordPress
Valentine Rose(個人制作/練習用)
URL: https://valentine-rose.terubo-web.com/
概要: 美容サロンのコーポレートサイト。サロン情報、料金、店舗一覧、お問い合わせを掲載。
工夫した点:
・店舗一覧ページに都道府県別の絞り込み機能を実装。
・背景画像を固定表示し、パララックス効果を取り入れて印象的なデザインを実現。
使用技術: HTML, CSS, JavaScript, jQuery, WordPress
Next Realty(個人制作/練習用)
URL: https://next-realty.terubo-web.com/
概要: 不動産コンサルティング会社のコーポレートサイト。サービス内容、事業概要、会社情報、採用情報、コラムを掲載。
工夫した点:
・ファーストビューでclip-pathや疑似要素を活用し、動きのあるデザインを実装。
・各ページで背景デザインの統一感を持たせ、洗練された印象に。
使用技術: HTML, CSS, JavaScript, jQuery, WordPress
これらの制作を通じて、デザインの表現だけでなく、データを扱う仕組みや動的な処理に興味を持つようになりました。
WordPressでPHPを触れるうちに、より本格的にプログラムの動きや仕組みを理解したいという思いが強くなり、
現在はJavaを中心にバックエンド開発の学習を進めています。
今後は、これまでに培ったフロントエンドの理解を活かしながら、
サーバーサイド(裏側の処理)を担うエンジニアとして成長していきたいと考えています。