M

y-

P

ortfolio

profile

自己紹介

プロフィール写真

殿本 有希

Tonomoto Yuki

1993年生まれ、大阪府出身。
2019年プログラミング学習開始。
2020年受託開発のIT企業に就職。
2022年SESのIT企業に転職し、 JavaやC#の組み込み/Webシステム/バッチ処理等、 設計~テストまで様々な案件を経験しました。
2023年8月にJava Silverを取得。
現在は、フリーランスWebエンジニアとして活動し、活動の幅を広げようとPHPでWeb開発を学習中。
趣味は、楽器演奏(エレキベース、ホルン)で定期的にバンドのライブや吹奏楽の演奏会に出演して音楽を楽しんでいます。
野球観戦も好きでアマチュア~プロまで幅広く見ますが、 一番好きなのは社会人野球で年10回以上観戦に行きます。
どうぞよろしくお願いいたします。

skills

使用言語

HTML

HTML

SEOを意識したコーディングを行い、信頼できるサイトを制作します。

CSS

CSS

誰が見てもわかりやすい、シンプルなマークアップを心がけています。

Java Script

Java Script

モダンなアニメーション・動きを、お客様の要望に合わせ実装します。

Bootstrap

Bootstrap

サイトの用途に合わせて、柔軟にデザイン・レイアウトを構成します。

WordPress

WordPress

お客様の要望に合わせ、WordPressでご自身で運用できるように実装します。

WordPress

PHP

計算したりフロント言語では出来ないことをPHPで実装します。

works

制作

☆制作実績

実際にお客様にご依頼して頂いた案件実績のご紹介になります。

URLの掲載NG

某ホームページの追加

HTML,CSS,レスポンシブ対応,WordPress

某ホームページのヘッダーにあるボタンを追加しました。
レスポンシブのレイアウト崩れを修正しました。

URLの掲載NG

固定ページの作成

HTML,CSS,レスポンシブ対応,WordPress

某カーコーティング会社の固定ページ作成しました。 左隣と同じお客様にご依頼頂き、募集を出す前にお声がけ頂きました!

URLの掲載NG

LPの作成

HTML,CSS,レスポンシブ対応,WordPress

WordPressのサーバーを取得して作成する所から行いました。
主に画像コーディングでしたが、頂いた画像が少し歪んでいたので、その部分のみCSSで白枠を画像の上に載せてその上から文字を記載するテキストコーディングしました。

☆Webアプリケーション

PHPで作成した簡単なWebアプリケーションになります。
ご希望があればPHPを用いた制作も可能でございます。

BMI計算機

BMI計算機

HTML,CSS,Bootstrap,PHP

BMIが簡単に計算出来るアプリを作成しました。

割り勘アプリ

割り勘アプリ

HTML,CSS,Bootstrap,PHP

仲間で食事に行った際などに便利な割り勘が出来るアプリを作成しました。

割り勘アプリ

買い物アプリ

HTML,CSS,Bootstrap,PHP

買い物に行った際、割引の計算がすぐ出来ないこともありますので、その際に便利な割引を計算してくれるアプリを作成しました。

☆練習コーディング

練習のためにコーディングしたものです。
ほとんどが架空のサイトになっています。

ポートフォリオ

ポートフォリオ

HTML,CSS,Java Script,レスポンシブ対応,WordPress

私のポートフォリオになります。
シンプルさと分かりやすさを意識して制作いたしました。

サンプル英会話スクール

サンプル英会話スクール

HTML,CSS,レスポンシブ対応

無料体験の申し込みができるLPです。

サンプル専門学校

サンプル専門学校

HTML,CSS,Java Script,レスポンシブ対応

架空の専門学校のHPを作成しました。

青汁LP

青汁LP

HTML,CSS

青汁商品のLPを作成しました。

ブルーボトルコーヒーのHP

Blue Bottle CoffeeのHP

HTML,CSS,Bootstrap

Blue Bottle CoffeeのHPを模写コーディングしました。

マリン・スポーツのトップページ

マリン・スポーツのトップページ

HTML,CSS,Java Script,レスポンシブ対応

架空サイトのトップページを作成しました。

プロダクションのスタッフ紹介ページ

スタッフ紹介ページ

HTML,CSS,レスポンシブ対応

トップページ、下層ページ、派生9ページの計11ページ作成しました。

ミカハラ進学スクールのLP

ミカハラ進学スクールのLP

HTML,CSS,レスポンシブ対応

架空サイトのLPを作成しました。

AA工業株式会社のコーポレートサイト

工業会社のコーポレートサイト

HTML,CSS,Java Script,レスポンシブ対応

トップページ、下層4ページの計5ページ作成しました。

flow

制作の流れ

ご相談・お見積り~納品までの大まかな流れです。

01.

ご相談・お見積り

納品日や予算などお気軽にご相談ください。お見積書をご希望の場合は発行しますのでお気軽にお申し付けください。

02.

デザイン

お客様からデザインの要望をお聞きし、Figmaを使用してデザインを行います。ワイヤーフレームや画像素材などあればご提供をお願いいたします。

03.

コーディング

デザインデータを元にコーディングを行います。主にFigmaを使用しますが、難しい場合はお気軽にご相談ください。

04.

ご確認

コーディングしたサイトをご確認いただきます。修正がある場合、迅速に対応いたします。確認用のテストサーバーがあれば教えて頂けると幸いです。なければ、こちらでご用意したサーバーでご確認頂きます。

05.

納品

ご希望の納品形式にて納品いたします。追加料金がかかりますが、サーバーのアップロードも可能です。

デザインのみの制作は受け付けておりません。
デザイン+コーディングもしくはコーディングのみ受け付けております。
例として納期日はコーディングのみのシンプルなLP制作の場合、作業は1週間で2週間目で確認していただきますので全体で約1週間~2週間になります。(時期によって前後する場合がございますのでご了承ください。)
急ぎである場合、特急料金2000円~で納期日を早めることも可能ですのでお気軽にご相談ください。

contact