KOKI YUMOTO

Engineer

WORKS

文字数カウントツール

リアルタイム＆自動保存ができる、文字数カウントツールです。従来のカウントツールでは、ブラウザを閉じてしまうとデータが永久に消えてしまったり、文字入力スペースが小さく不便という問題がありました。このツールを使えば、そのようなストレスからは解放されます。UI/UXへ最大限配慮したこだわりの文字カウントツールです。

  • jQuery
  • HTML
  • Sass
URL
https://miravy.com/tools/str-counter/
  • Webアプリ
  • ツール

春日部つむぎのビンゴ大会

キャラクターが喋るビンゴアプリです。スクリーンに映すことで大人数でビンゴ大会を開催できます。インストール方法やアプリの方法は、GitHubのREADMEにあります。

  • React
  • TypeScript
  • Tailwind CSS
  • Electron
GitHub
https://github.com/yuuumiravy/tsumugi-kasukabe-bingo
  • PCアプリ
  • React
貯Pay箱 貯Pay箱

貯Pay箱

JPHACKS2022で製作した作品です。これが令和の貯金箱！デザインからコーディング、テスト、PRレビューまで全ての技術面をリードしました。「お金 x タスク管理 x Tech」をテーマに開発した、タスクに報酬を与える新たなアプリです。詳しくは、GithubのREADMEをご覧ください。

  • React
  • MUI
  • Laravel
開発期間
1週間
URL
https://f2208.miravy.com/
GitHub
https://github.com/jphacks/F_2208
  • Webアプリ
  • チーム開発
負債くん 負債くん

負債くん

GMOサマーインターン（ハッカソン型）で製作したアプリです。開発可能期間が3.5日間と限りなく短いかつ他チームより2人少ない中完成まで漕ぎ着けました。食べ物を食べると負債が溜まり、それをエクササイズによって消費する健康維持を促進するアプリです。最優秀賞を受賞しました。

  • React
  • MUI
  • Laravel
  • Go
  • Firebase
開発期間
3.5日
URL
https://husai-kun.web.app/
　
  • Webアプリ
  • チーム開発
  • 最優秀賞

dot-and-box-cui

ゲーム「ドット＆ボックス」をCUIアプリにしました。アイスブレークで、紙とペンを渡されてドット＆ボックスをしました。その時に、「ペンのインクがもったいない！」と思い、CUIアプリをその日のうちにリリースしました。

  • Python
開発期間
半日
GitHub
https://github.com/yuuumiravy/dot-and-box-cui
  • CUIアプリ
  • Python
レンカノWEST レンカノWEST

チェルシーオールド

アンティーク家具&雑貨を取り扱うアンティークショップです。チェルシーオールドは、イギリス、フランスアンティーク家具&雑貨を中心に販売・通販をおこなっている岐阜のアンティークショップです。女性オーナー兼バイヤーが、女性ならではの目線で直接買い付けてきたおすすめのアンティークインテリアを何千点も扱っています。当店で販売しているインテリアはどれも本物のアンティークで、半年に１度はオーナー自らが直接イギリスやフランスに行き、新しいアイテムを直輸入しています。

  • Shopify
URL
https://chelsea-old.com
　
  • ECサイト
  • Shopify
心理的安全性診断 心理的安全性診断

心理的安全性診断

無料で、簡易的な心理的安全性診断が可能です。無料で、簡易的な心理的安全性診断が可能です。質問にお答えいただきますと、あなたの組織の状態をレーダーチャートにしてわかりやすくお伝えいたします。組織のお悩みをお持ちのあなたにぜひおススメです。弊社ポリシーに同意のうえ、はじめるボタンからどうぞ。

  • Jimdo
  • HTML
  • CSS
  • jQuery
URL
https://www.marketingmaker.jp/心理的安全性診断/
　
  • Webアプリ
  • Jimdo
レンカノWEST レンカノWEST

Cuteee Select(キューティーセレクト)

様々なインフルエンサーが色んな個性が溢れるテーマでセレクトしたお洋服を販売するセレクトショップです。Cuteeeは、様々なインフルエンサーが色んな個性が溢れるテーマでセレクトしたお洋服を販売するセレクトショップです。こだわりの詰まったそれぞれの『好き』をファッションで表現してみませんか？憧れのインフルエンサーと共に自分らしさを全力発信！！

  • Shopify
URL
https://cu-teee.com/
　
  • ECサイト
  • Shopify
レンカノPRINCESS レンカノPRINCESS

レンカノPRINCESS

美女率名古屋No.1のレンタル彼女サイトです。美女率名古屋No.1のレンタル彼女サイトです。WordPressで作られており、機能追加やバグフィックスを行っています。モバイルユーザーをメインターゲットとして構成されておりますので、ご覧になる際はぜひスマートフォンをご使用ください。

  • WordPress
  • jQuery
  • HTML5
  • JavaScript
  • CSS3
URL
https://renkano-princess.com/
　
  • Webサイト
  • WordPress
レンカノEAST レンカノEAST

レンカノEAST

美女率名古屋No.1のレンタル彼女サイトの姉妹サイトです。美女率名古屋No.1のレンタル彼女サイトの姉妹サイトです。WordPressで作られており、機能追加やバグフィックスを行っています。モバイルユーザーをメインターゲットとして構成されておりますので、ご覧になる際はぜひスマートフォンをご使用ください。

  • WordPress
  • jQuery
  • HTML5
  • JavaScript
  • CSS3
URL
https://renkano-east.com/
　
  • Webサイト
  • WordPress
レンカノWEST レンカノWEST

レンカノWEST

美女率名古屋No.1のレンタル彼女サイトの姉妹サイトです。美女率名古屋No.1のレンタル彼女サイトの姉妹サイトです。WordPressで作られており、機能追加やバグフィックスを行っています。モバイルユーザーをメインターゲットとして構成されておりますので、ご覧になる際はぜひスマートフォンをご使用ください。

  • WordPress
  • jQuery
  • HTML5
  • JavaScript
  • CSS3
URL
https://renkano-princess.com/
　
  • Webサイト
  • WordPress
ToDoアプリ

ToDoアプリ

Laravelで開発したTodoアプリです。ユーザー登録をすることでフォルダ・タスクの作成・編集・削除ができ、一日のスケジュールを手助けします。実際の動作は、上の動画をご覧ください。
以下のURLよりお試しください！また、Githubにローカル環境構築手順を紹介しております。

  • Laravel
  • MySQL
  • CSS3
  • Boostrap
  • JavaScript
開発期間
1週間
URL
http://todo-laravl.herokuapp.com/
GitHub
https://github.com/yuuumiravy/todo-laravel
  • Webアプリ
  • Laravel
Gulper Gulper

Gulper

フロントエンド開発自動化ツールです。 1. 用意されているタスクが豊富
Gulperはデフォルトで多くのモジュールを用意しており、それらを組み合わせることで様々なタスクを作ることができます。例えば、「Sassのコンパイル監視」や「FTPアップロード」などがあります。

2. 拡張性が高い
Gulperでは独自のコマンドルールを設けています。これによって、処理内容に合わせて階層構造を構成するだけで簡単にタスクを作成できます。

3. 起動速度が速い
通常、gulpfile.js単体でタスクを作成する場合、全てのパッケージ（すなわち必要のないパッケージも含む）を実行時にロードしてしまいます。 タスクの個数が少ない場合はまだ大きな問題とはなりませんが、タスクを増やしていくと簡単な処理でも起動に多くの時間がかかってしまいます。 これはとてもストレスフルなことです。
Gulperでは必要なパッケージのみをロードします。これによって、起動速度はタスクの個数に依存せず、非常にストレスフリーな開発を体験することができます。

  • Node.js
  • gulp
制作期間
1-2週間
GitHub
https://github.com/yuuumiravy/gulper
Qiita
https://qiita.com/yuuum/items/2ee8a100d2f310a187fa
  • ライブラリ
  • Node.js
KOKI YUMOTO's PORTFOLIO KOKI YUMOTO's PORTFOLIO

PORTFOLIO

ご覧いただいているポートフォリオです。ソースコードはこちらからどうぞ。ソースコードや詳しい情報はGitHub｜READMEよりご覧ください。

「見やすいポートフォリオ」をテーマに、シンプルで大胆なデザインに仕上げました。所々にアニメーションを含ませることで、閲覧者に「面白さ」を与え、離脱率を下げるよう工夫しました。
ポートフォリオの中身となる本文には、注目して欲しい点にアンダーラインを引き、閲覧者の目を惹きつけわかりやすい文章を心がけております。

  • jQuery
  • Sass
  • HTML5
  • JavaScript
  • CSS3
開発期間
3週間
URL
https://miravy.com/portfolio/
Github
https://github.com/yuuumiravy/portfolio/
  • Webサイト

ABOUT

KOKI YUMOTO

KOKI YUMOTO

現在、大学にてエンジニアとしての研鑽を積んでおります。


「世界を笑顔にするサービスを。」という思いを胸に、友人やコミュニティの方々と日々考えております。また、社会に役立つ人物となるために自分に必要なものは何かを考え、自分自身の在り方について日々自分に問いかけることは欠きません。


将来を見据え、今の自分にできることをリストアップし、自身強みとなるスキルを磨いております。新技術に関する情報にも目を光らせ、積極的に取り入れます。


ITに関することだけでなく、あらゆる分野にも目を向け、それぞれが得意とする技術をハイブリットした画期的なサービスの提供を目指し、今日も自己研鑽に励みます。

KOKI YUMOTO

生年月日
2003年3月27日
年齢
出身
栃木県
趣味
サイクリング
主な資格
基本情報技術者試験
応用情報技術者試験
情報処理安全確保支援士試験合格
（未登録セキスペ）
実用英語技能検定 2級
希望職種
Webアプリケーションエンジニア
フロントエンドエンジニア
バックエンドエンジニア

SKILLS

Close
  • HTML5

    HTML5

    レスポンシブサイト制作が得意です。CSSやJavaScript、PHPなどと組み合わせ、あらゆるWebサービスをお作りします。LP制作から大規模サイトまでなんでもお任せください。SEO対策も合わせて行います。

  • CSS3

    CSS3

    JavaScriptなどと組み合わせて、モダンなデザインを実現します。複雑なデザインにおいてもレイアウトを崩さず、最低限の記述で効率的に開発します。様々な技術を駆使し、競合サイトに勝るUI/UXを提供します。

  • Sass

    Sass

    Sassを用いて、より効率的に制作します。積極的に共通部分を纏めることで、全体の見通しの良い、保守性の高いコードを目指します。また、ブラウザ間の互換性も確保します。

  • JavaScript

    JavaScript

    CSSのみでは表現できない機能や、条件による動的表示をするサイトをお作りします。アプリケーション開発では、入力に対するリアルタイム処理やAjaxなどを実装し、機能の幅を大きく広げます。

  • jQuery

    jQuery

    様々なライブラリやAPIを用いて、高機能なコンポーネントを素早く実装します。表示速度を意識し、モバイル端末でも表示が早く離脱率の低いサイトをお作りします。部品ごとの実装もお任せください。

  • TypeScript

    TypeScript

    型を用いることで、JavaScriptよりもはるかに安全で保守的なコードを書き上げます。サービス専用に開発したAPIも丁寧な型定義を心がけています。

  • React

    React

    React Hookなどの最新の技術を活かし、高品質でモダンなWebサイトを短期間で制作します。規模に関わらず、さまざまなWebサイトを制作できます。

  • Next.js

    Next.js

    CSRやSSRなどのレンダリング手法それぞれのメリットを活かし、表示速度の速いサービスを構築します。

  • PHP

    PHP

    会員サイトからECサイトまで、どのようなアプリケーションでもお作りします。また、セッションなどを適宜活用しセキュリティの高いアプリケーションを開発します。

  • Laravel

    Laravel

    Laravelを用いることで、よりセキュリティの高いアプリケーションを素早く開発します。機能ごとに記述場所を分けることで、保守性の高い見通しのよいコーディングが可能です。

  • Wordpress

    Wordpress

    Web知識のない方でも簡単に更新できるような設計とその使い方に関する説明に定評があります。Wordpressの強みを生かしながら、他サイトと差別化できるサイト制作ができます。

  • Shopify

    Shopify

    Shopifyは、ネットショップを誰でも簡単に開設できるプラットフォームです。デザインのカスタマイズや、追加機能の開発、Shopifyアプリ制作など、多面的にサポートいたします。

  • Python

    Python

    スクレイピングによって、Webサイトの情報を収集・分析・通知します。Pythonの可能性に着目し、日常生活に役立つサービスを開発する予定です。

  • MySQL

    MySQL

    PHPなどと組み合わせて、データを巧みに扱います。さまざまなコマンドを用いて適切にデータを絞り込み、必要なもののみを取得します。また、大規模データの扱いにも慣れています。

  • GitHub

    GitHub

    全ての開発はGithub上で管理します。Issueドリブン開発などを取り入れ、効率的に開発を行います。また、Github Actionsを活用して、ヒューマンエラーを削減します。

  • Docker

    Docker

    自作イメージやdocker-syncなどを駆使し、最適な開発環境構築ができます。シェルスクリプトを用いた環境構築コマンドの開発経験もあります。

Learn More
Close

SERVICE

Webアプリケーション開発

Webアプリケーション開発

ご要望から適切に機能を抽出し、効率的なアルゴリズムを考え、どこよりも早くバグのないアプリケーションを開発します。

セキュリティを考慮したコーディングを心がけております。また、定期的に脆弱性テストを実施し、悪意のある攻撃を確実に防ぎます。

複数人開発にも対応可能です。まずはこちらからお気軽にご相談ください。

Webサイトコーディング

Webサイトコーディング

「誰をターゲットにしたサイトなのか」を軸に、SEOに気を遣ったサイトコーディングをし、検索上位を狙います。

考えの相違が出ないよう定期的にヒアリング致します。進捗報告も欠かさず行い、貴方の不安を無くします。

デザインやUI/UXにもこだわり、「かっこいい」「スタイリッシュ」という印象だけでなく、「使いやすい」をユーザーに与えます。

CONTACT

現在お問い合わせフォームを閉鎖しております。
ご連絡は、直接 yumoto@miravy.com までお願い致します。