Works 制作実績
これまでの課題で制作したものです。
峠の団子屋コーディング
架空のお団子屋を想定したWebサイトです。
講座を通して、初めてコーディングに取り組みました。
一つのデザインでも、実装方法にはさまざまな選択肢があることを知り、コーディングの奥深さを実感しました。
サイトを見に行く
峠の団子屋リニューアルコーディング
架空のお団子屋を想定したWebサイトです。
苦手意識のあったJavaScriptの実装に取り組み、動きのある表現を取り入れました。
特に position: absolute; を使ったレイアウト調整に苦戦しましたが、仕組みを理解する良い経験になりました。
サイトを見に行く
TSUBASA建材株式会社コーディング
企業サイトを想定したWebサイトの制作に取り組みました。
レスポンシブ対応（スマートフォン表示）に力を入れ、特にナビゲーションコンテンツの実装に苦戦しましたが、デバイスごとの表示や操作性について理解を深めることができました。
サイトを見に行く
緑卵茄子食品モニター募集コーディング・メールフォーム
食品モニター募集ページのコーディングおよび、メールフォームの制作に取り組みました。
苦手意識のあったPHPですが、実装を通してフォーム送信の仕組みや処理の流れを理解することができました。
サイトを見に行く
株式会社MINATYコーディング
企業サイトを想定したWebサイトの制作に取り組みました。
デザイン例をもとに、コーディングを一人で行った制作物です。
これまでのように講師や制作例と並走する形ではなく、構造の理解から実装までを自力で進めたことで、HTML・CSSの理解をより深めることができました。
サイトを見に行く
WCB Natural LifeWordPress化
HTMLコーディング例をもとに、初めてWordPress化に挑戦しました。
苦手意識のあったWordPressでしたが、テンプレート構造や仕組みを理解しながら進めることで、その奥深さを実感しました。
無事に実装できたときは大きな達成感がありました。
サイトを見に行く
TSUBASA建材株式会社WordPress化
HTMLコーディング例をもとに、企業サイトのWordPress化に挑戦しました。
固定ページや共通パーツの構造を意識して実装することで、企業サイト特有の仕組みや構成への理解を深めることができました。
サイトを見に行く
ポートフォリオデザイン・コーディング・WordPress化
ポートフォリオ制作を通して、初めてデザインからコーディング、WordPress化までの一連の流れを経験しました。
ナチュラルで落ち着いたトーンを基調に、信頼感と親しみやすさが伝わるデザインを目指しています。
装飾は控えめにし、シンプルで視認性の高いレイアウトになるよう、余白や文字サイズにも配慮しました。
サイトを見に行く