React( or Next.js), TypeScriptによるWebアプリの開発に主に用います。フロントエンドとして最も使用する技術であり、深い知見があります。 バックエンドとして使用することもあります。フレームワークはExpressを採用することが多く、主にハッカソン等で、堅固な実装よりも効率的な実装が求められる際に使用します。

フロントエンドとして最も使用する技術で深い知見があります

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

JavaScript

TypeScript

子育て日記から不安や悩みをAIによって抽出し、同じ悩みを抱える育児者とマッチングさせるサービス

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

Next.js

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

React

Tailwind CSS

Node.js

Express

このアプリでは、ユーザは日々の育児の出来事を日記に記録することができる。記録された日記の内容をAIで分析し、不安や悩みを抽出する。そして、その不安や悩みの解決策をさまざまな観点から提供することで、育児の不安を解消することを目指す。例えば、同じ悩みを抱え、解決した他のユーザーとマッチングさせ、相談の機会を提供する。また、行政と連携させることで、育児支援情報の提供などの地域包括的なサポートも視野に入れている。 このアプリの最大の特徴は、日記から育児の不安を抽出する点にある。日記形式にすることで、人には話さない本音の気持ちを引き出すことができる。これにより、カウンセラーに相談するよりも、より当事者に寄り添ったサポートが可能となる。また、日記から抽出した不安に沿った情報を提供することで、ユーザーは能動的に育児の情報を収集する必要がなくなる。行政と連携することで、効果的な情報を適切なタイミングで提供できる。 将来的には、全国の自治体への導入を目指す。このアプリを活用することで、子育て世代の不安を解消するだけでなく、出生率の向上や少子化の課題解決にも貢献することが期待される。

babyC

キャラクターが喋る、見て！聞いて！楽しい！ビンゴアプリ

※デスクトップアプリのため、<a href="https://github.com/yuuumiravy/tsumugi-kasukabe-bingo#%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E%E3%81%AE%E3%83%93%E3%83%B3%E3%82%B4%E5%A4%A7%E4%BC%9A" target="_blank" rel="noopener noreferrer">こちら</a>からインストールしていただくことを推奨します。<a href="https://miravy.com/tools/bingo/" target="_blank" rel="noopener noreferrer">Web版</a>は一部動作が利用できませんので予めご了承ください <h2 id="h0e9e252bf8">もう全てのマスを探さない。</h2>従来のビンゴアプリでありがちな「どの列の番号が当たったのかが分かりにくい」という問題を解消！ このアプリでは、ビンゴカードの 5 つの列ごとに色分けしました。これによって、いちいちすべてのマス目を確認する必要はありません！ <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/80513483b53847bb934d83c3831226b7/bingo-start.png" alt=""><h2 id="h08721ed19e"> さっき当たった番号なんだっけ？を解消</h2>直近に当たった番号を履歴として表示。もう隣の人にイヤな顔をされることもありません！ <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/00fcd2df329a42918ceb8d9657298c92/bingo1.png" alt=""><h2 id="h362da824e4"> 見て、聞いて、楽しいルーレット！</h2>スタートボタンを押すと、ルーレットが回ります。さらに、春日部つむぎが声で番号を教えてくれます。 <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/7cd40b9fcacd423898faaaf35871c0aa/bingo-roulette.gif" alt=""><h2 id="hbe277dc989"> 途中から再開</h2>「パソコンが落ちてしまった！」といった時にもご安心ください。このアプリには、オートセーブ機能があります。ホーム画面の「つづきから」ボタンからはじめれば、再開できます。 もちろん、リセットして最初から始めたいという場合は、「はじめから」ボタンから始めることもできます。&nbsp; <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/7588316f4785429395bc82266eaae5f1/home.png" alt="">

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

GMOインターネットグループ株式会社のハッカソンで開発した。

echoを用いてバックエンドAPIを構築します。チーム開発で使用することが多いです。

echo

Ticketman

上位１％の学生エンジニアが100名以上所属するコミュニティ「STECH」のメンバー向けサイト

上位１％の学生エンジニアが100名以上所属するコミュニティ「STECH」のメンバーが利用するWebサイトです。 メンバーのプロフィールページを通じて交流をお互いのことを知ることができます。 現在は、イベント機能やポイント・ランク機能などを開発中です。 なお、内部メンバー向けサイトではありますが、外部にも<a href="https://www.stech-membership.com/home" target="_blank" rel="noopener noreferrer">一部ページ</a>を公開をしています。

STECHメンバーズサイト

毎日のストア運営業務を一元管理することのできるアプリ

Shopify

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

Laravel

LaravelによるバックエンドのAPI開発等に使用します。Laravelを通してAPIの設計思想については一通り触れているため、他の言語でも活躍できる自信があります。フリーランス時代は、WordPressによるブログ制作にも使用していました。

Mainchi - Everyday Todo App

「何色にも変幻自在」というテーマのもとに、グラデーションをあしらうことで私の多様な可能性を表現

PORTFOLIO

食事のカロリーを負債に見立て、それを運動によって返済するダイエットサイクルを促進するアプリ