Python

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

dot-and-box-cui

ゆるくつながるコミュニケーションサービス

「ゆるくつながる」コミュニケーションサービス。 デスクトップの右上に常駐するUIによって、チームメンバーのステータスを簡単に確認でき、話しかけるハードルをぐんと下げます<h1 id="h142cfcc5c2">リモートワークでの課題</h1><img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/b4d2746907454cd5815c50e4032b0341/kxbzdtly2flpwbhkvnxt.jpg" alt=""> リモートワークをしていて、「質問しづらい」「声をかけづらい」と感じたことはないでしょうか？対面であれば、簡単に声をかけることができますが、リモートではハードルが高くなってしまいます。<h1 id="hf840b06580">SOBANI</h1>SOBANIは、リモートワークでも「ゆるく」繋がるコミュニケーションサービスです。常にディスプレイの右上に常駐するデスクトップアプリケーションで、チームメイトのステータスが簡単に確認できます。 <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/7ec8ad9df2764ecc85645b2dd09bf540/apftbqznjphxhsfih4t5.png" alt=""> 簡単なチャット機能も実装しており、絵文字によるリアクションなども可能です。<h2 id="hd86356006e">ホウレンソウを促進</h2>1時間に1回、ステータスの更新を促すダイアログが表示されます。これによって、ステータスを更新し忘れることはありません。 <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/77c6e50b0daf4af7994e0cc1f20818a1/etkwkhgkrq4t8y5nl8wb.png" alt=""> また、「おたすけを出す」ステータスも表示しています。実装に詰まった場合は、おたすけステータスを選択した上でその内容をコメントすることで、手が空いているチームメンバーに助けてもらうことが可能です。<h2 id="h2509a8eb25">VSCode拡張</h2> <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/35db35a26dbf4d59bdb267bc9796ed4d/nspfnhaubjdkrqzdvjbs.png" alt=""> VSCode拡張も提供しています。コードを書かないまま、一般的に相談の目安とされている15分が経過すると、おたすけのリクエストを促すダイアログが表示されます！<h1 id="h23061a5cab">技術構成</h1> <img src="https://images.microcms-assets.io/assets/00cb1ab6881848cb95a552ddfc343925/3136bc7a962c4b6eb65d6341a57c8dc1/vumbrsp1uo9neqojys9d.jpg" alt=""> フロントエンドに Electron/React/Vite、バックエンドに firebase を利用しています。

SOBANI

jQueryのみで動的な診断ツールを実装しました。

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

jQuery

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

JavaScript

HTML5の知識があり、セマンティックマークアップを意識的に行なっています。 フリーランス時代は、HTMLと<a href="/works/php">PHP</a>を用いてWebサイト制作を行なっていました。 現在は、HTML単体で開発することはなく、<a href="/skills/react">React</a>のJSXで利用することが多いです。 以下で掲載しているWorksは、HTMLの要素が強いものに絞っています。 特に、<a href="/works/old-portfolio" target="_blank" rel="noopener noreferrer">旧PORTFOLIO</a>はHTMLとCSSを学び終えてすぐに制作したWorkですので、ぜひご覧ください！

HTML

もともとWebサイト制作を生業にフリーランスエンジニアとして活動していたため大変自信があります。特に、UI/UXが好きなため、CSSを活用してデザインを実現する技術に関しては誰にも負けません。最近ではReactを用いたWebアプリ開発を行うことが多く、その開発でTailwind CSSやMUIといったUIライブラリを活用します。CSSの知見を最大限活かした開発を行うことができます。

思い描いたデザインを表現できる部分が好きです

心理的安全性診断ツール

期間

役割

スキル

jQuery

JavaScript

HTML

CSS

ほかの Works もみる

SOBANI

dot-and-box-cui