Project 1
Project 2
Project 3
Project 4
Project 5
Project 6

My

Portfolio

Welcome to my creative space

About Me

はじめまして。広島大学Ryukiです。

大学では情報学を専攻し、アルバイトでWebアプリケーションの開発に挑戦したことをきっかけに、現在では主にWebアプリケーションの開発を行っております。

アルバイト先ではアプリケーションの開発の他にも、セミナーのポスターや、ノベルティ、Webサイトのデザインなども手掛けています。

また、個人開発では、このポートフォリオサイトの作成や、ゲーム制作も行っています。

趣味はゲーム、プログラミング、Vtuberやストリーマーの配信視聴、などです。

常に趣味の分野に対する新しい技術に興味を持ち、手を動かしながら学習を続けています。

Profile Image

Projects

らいぶらりん
らいぶらりん

複数APIを使用して作成した図書館蔵書検索サービス

node.js
JavaScript
EJS
CSS
Firebase
Docker
Nginx
食堂混雑状況可視化サービス
食堂混雑状況可視化サービス

大学の食堂のリアルタイム混雑状況をスマホで確認できるサービス

Figma
Next.js
TypeScript
Mui
Go
ポスター・ノベルティ等
ポスター・ノベルティ等

アルバイト先のノベルティやセミナーのポスター

Illustrator
Photoshop
Clip Studio Paint
Blender
ポートフォリオサイト
ポートフォリオサイト

Next.js、TypeScript、MUIを使用して作成した現在表示されているポートフォリオサイト

Figma
Next.js
TypeScript
Mui
Chill Garden (開発中)
Chill Garden (開発中)

PythonのPyxelを使用して作成したパズル&箱庭ゲーム

Python
Pyxel
Clip Studio Paint
Youtubeチャット拡張機能
Youtubeチャット拡張機能

Youtubeのチャット欄を好みの位置に表示するChrome拡張機能

TypeScript

Skills

スキルレベルの説明

基礎知識があり、ドキュメントを参照しながら使用できる

基本的な機能を理解し、調べながら実装できる

実践的な経験があり、自身のプロジェクトで活用できる

深い理解があり、他の技術と組み合わせて応用できる

高度な知識があり、他者にアドバイスができる

JavaScript
JavaScript
フロントエンド

蔵書検索サービスの開発で初めて本格的に使用。フロントエンドからサーバーサイドまで一貫して実装し、複数APIの連携を行いました。

TypeScript
TypeScript
フロントエンド

混雑状況可視化サービスで使用。チーム開発において型安全性とコードの保守性を重視した実装を行いました。

Next.js
Next.js
フロントエンド

混雑状況可視化サービスとポートフォリオサイトで使用。コンポーネントの再利用性とパフォーマンスを意識した実装を行いました。

Go
Go
バックエンド

混雑状況可視化サービスで、新機能追加時のAPIエンドポイントの実装しながら勉強中。designを用いたAPI設計を行っています。

Node.js
Node.js
バックエンド

蔵書検索サービスのバックエンド開発で使用。Express.jsでAPIの統合とルーティングを実装しました。

Pyxel (Python)
Pyxel (Python)
ゲームエンジン

他の開発で得た知識を活かし、ゲーム開発にも挑戦。ゲームデザインからプログラミングまで一貫して開発を行っています。

Unreal Engine
Unreal Engine
ゲームエンジン

プログラミングに慣れていない人でも使いやすいBlueprintを用いて、簡単なVRゲームを作成。

Figma
Figma
デザイン

様々なweb開発のプロトタイプ作成で使用。独学で学んだデザインスキルを活かし、UI/UXデザインを行っています。

Illustrator
Illustrator
デザイン

ポスターの制作や、サービスで用いるロゴデザイン作成で使用。独学で学んだデザインスキルを活かしています。

Photoshop
Photoshop
デザイン

ノベルティの作成で利用。Illustratorとの併用でデザインを行いました。

Clip Studio Paint
Clip Studio Paint
デザイン

趣味でイラストを描く際に使用。その時の知識を活かし、webサービスのデザインにも利用しています。

Blender
Blender
デザイン

ポスター制作で3Dモデルを利用する際に使用。書籍を活用し、基本的な操作を学んでいたため、必要な機能だけ利用しました。

Firebase
Firebase
その他

蔵書検索サービスで認証機能とデータベースとして使用。基本的なセキュリティ設定とデータ構造の設計を行いました。

Docker
Docker
その他

蔵書検索サービスのデプロイで使用。開発環境と本番環境の一貫性を保つためのコンテナ化を実施しました。

Nginx
Nginx
その他

蔵書検索サービスのWebサーバーとして使用。リバースプロキシの設定やSSL証明書の設定を行いました。

GitHub
GitHub
その他

個人開発とチーム開発の両方で使用。コードのバージョン管理、PR、issue管理などの基本的な機能を活用しています。

C言語
C言語
授業で使用

自身のプロジェクトで使用したことはないものの、アルゴリズムやデータ構造の授業で学習し、基本的プログラミングの知識を身につけました。

SQL
SQL
授業で使用

混雑状況可視化サービスのデータ取得処理で使用。最近は授業での知識を活かし、基本的なクエリの作成やテーブル設計を行っています。