arrow_circle_up

~Ryotaro's Portfolio~

starSkillスキル


HTML, CSS, JavaScript, React, Next.js, WordPress, PHP, SQL


Firebase, Firestore, Git, GitHub, Vercel


Photoshop, illustrator, XD, Premiere Pro

select_check_boxAbout me私について

<受注可能な作業内容>

ホームページ制作:モダンな言語で高速かつSEOに強いホームページを作成します。

システム構築:お問い合わせフォーム、入力データの保存、データベースアクセス等のシステム構築が可能です。

Webアプリ作成:React/Next.jsを使用したWebアプリケーションを制作いたします。

稼働時間:50時間/月

arrow_outwardObjective目標

モダンな言語、堅牢なシステム、型崩れしない高速なサイトを制作するよう努力しています。

お客様のご要望に答えられるスキルを得られるよう日々精進しております。

フロントエンジニアの高みを目指します。

Websites

私が作成した、ウェブサイトの紹介です。

ザ・ブルースカイキャンプ場

url: https://homepage-blue-sky-camping.vercel.app/


code: git@github.com:ryotaro-0805/portfolio.git


Feature / 特徴

『本格的なホームページ作成』をテーマにHTML,CSS,JavaScriptで作成しております。

SEO対策も施しているため架空のサイトですが、検索エンジンでの順位は上位となっています。

ザ・サンパツヤ

url: https://xs622417.xsrv.jp/homepage_test/index.html


code: https://github.com/ryotaro-0805/sanpatuya


Feature / 特徴

『キュート』、『親しみ』をテーマにHTML,CSS,JavaScriptで作成しております。

SEO対策も施しているため架空のショップサイトですが、検索エンジンでの順位は上位となっています。

環境開発株式会社

url: https://homepage-kankyokaihatu.vercel.app/


code: https://github.com/ryotaro-0805/homepage-kankyokaihatu


Feature / 特徴

『環境』、『ビジネス』をテーマにNext.jsで作成しております。

瀬戸珈琲

url: https://seto-cafe-homepage.vercel.app/


code: https://github.com/ryotaro-0805/seto-cafe-homepage


Feature / 特徴

『シック』、『愛情』をテーマにHTML,CSS,JavaScriptで作成しております。

知人が珈琲の焙煎が趣味だったので、ビジネスにする場合の参考サイトとして制作しました。

SEO対策も施しているため、架空のショップサイトですが検索エンジンでの順位は上位となっています。

Applications

私が作成した、ウェブアプリです。

ToDoアプリ

url: https://firebase-connection.vercel.app/


code: https://github.com/ryotaro-0805/todo-App-using-firebase


Feature / 特徴

Firebase-Firestoreを使用しているので、入力したToDoを永続的に保存、出力することができます。

予定の入力、完了、編集、削除機能を有していますので、ToDoアプリとしての本格的な使用も可能です。

じゃんけん

url: https://rock-app.vercel.app/


code: https://github.com/ryotaro-0805/rock-paper-scissors-App


Feature / 特徴

定番のじゃんけんアプリです。

デザインにもこだわり制作しました。

5回連続で勝利してエンディングを目指すというゲーム性も有しております。

スロット

url: https://fighting-app.vercel.app/


code: https://github.com/ryotaro-0805/slot-App


Feature / 特徴

Reactで制作したスロットゲームの基礎部分です。

3つの数字の当たり判定と処理までをコーディングしています。

今後はグラフィック、サウンド、コインの増減等を追加して、ゲーム性を拡充していく予定です。

Practices

今までにコーディングの練習として作成したものを紹介しております。

Swiper React

Reactでホームページを作るときのSwiper導入のため作成しました。

自由に移動

ホームページでマウスに追従するオブジェクトを制作するための練習として作りました。