flower

portfolio

Shota Hirayama

about

Shota Hirayama

2004年3月誕生
高校卒業後、二年間施工管理職として九州で働いていました。 プログラミングには以前から興味を持っておりjavascript・phpスクールに6ヶ月通い、現在転職活動中です。 プログラミングは自分のしたいことを実現できる道具だと思っており、 プログラミングを通して私を伝えていきたいと思っております。

花火大会 九州で働いていた時に行った別府花火大会
view more

Works

  • トランプカード

    トランプカード

  • Design House Renovations

    Design House Renovations

  • 職業訓練校での課題作成

    台湾

  • Wordle

    wordle

  • Donuts/PHP

    donuts

  • solitaire

    donuts

  • 沖縄観光サイト

    donuts

Contact

職業訓練校での課題作成

職業訓練校でグループワークを行った時の作品です。
4人グループで作品制作を行い、私は全4ページのうち1ページとその一部を担当しました。具体的には、 トップページおよび「台南」ページのCSSを主に担当しました。 中でも特に苦労したのはスライダーの実装です。JavaScriptに触れるのは初めてで、仕組みもよく理解できていなかったため、 この部分の制作だけで丸2日かかってしまいました。しかし、この経験を通じてJavaScriptへの理解が深まり、とても良い学びの機会となりました。

製作時60時間

githubページ 詳細画像
view site

Design House Renovations

HTML/CSSの復習課題になります。
この課題の目標は、前回のトランプカード制作で身につけた技術に加えて、アニメーションを取り入れてみることでした。 今回の制作を通して私が学んだのは、アニメーションはサイトを見やすく、分かりやすくする効果がある一方で、多用しすぎたり、 整理されていなかったりすると、かえって見づらくなってしまうということです。 そのため、効果的なアニメーションの使い方を見つけ出すことの大切さを実感しました。

製作時間40時間

githubページ 詳細画像
view site

トランプカード

職業訓練校に入校して初めての課題です。
この課題の目標は、HTMLとCSSをしっかりと習得することでした。 その中で特に苦労したのは、トランプ画像の並び替えです。 display: flex; を使用してレイアウトを整える際、どのプロパティがどの要素に影響するのかを考えながら使用する必要がありました。 また、div の構造や括り方にも工夫が必要で、コードを分かりやすく整理することにも苦労しました。

製作時間20時間

githubページ 詳細画像
view site

Wordle

この作品は、JavaScriptの学習成果として制作した単語あてゲームです。 プレイヤーは、ランダムに出題される5文字の英単語を最大6回の試行で当てます。 キーボード入力に対応し、正誤に応じて文字の色が変化するインタラクティブなUIをJavaScriptで実装しました。 また、英単語の正当性を判定するため、オンライン辞書APIを活用しています。 学んだ技術を総動員して完成させた、自信作です。

製作時40時間

githubページ 詳細画像
view site

donuts/php

本制作は、職業訓練校で培った知識と技術の集大成として、すべて一人で開発した本格的なECサイトです。HTML, CSS, JavaScriptといったフロントエンド技術とPHPによるサーバーサイド処理を密接に連携させ、ユーザーにとって直感的で快適な利用体験を提供することを目指しました。 このプロジェクトでは、以下のデータベースを活用した会員管理機能、ユーザー体験を向上させる購買機能、サイトの活性化とエンゲージメント向上機能を実装しました。 この制作を通して、要件定義から設計、実装、テストまでの一連の開発プロセスを独力で実践的に経験しました。この作品は、最終課題であるだけでなく、即戦力として通用するスキルを証明するポートフォリオとして自信を持って提示できるものとなりました。

製作時30時間

githubページ 詳細画像
view site

solitaire

solitaire

製作時30時間

githubページ 詳細画像
view site

沖縄観光サイト

沖縄観光サイト

製作時30時間

githubページ 詳細画像
view site