Skip to content
On this page

ポートフォリオ

PlantUML Editor2

https://plantuml-editor.kkeisuke.dev

GitHub : kkeisuke/plantuml-editor2

TIP

  • PlantUML で簡単にシーケンス図やクラス図などを作成できるWebアプリケーション
  • Vue3, Vite, Vitest, TypeScript

PlantUML online demo client

Mermaid Editor

https://mermaid-editor.kkeisuke.dev

GitHub : kkeisuke/mermaid-editor

TIP

  • Mermaid で簡単にシーケンス図やクラス図などを作成できるWebアプリケーション
  • Vue3, Vite, Vitest, TypeScript

Mermaid online demo client

toGif

https://to-gif.vercel.app/

Github : kkeisuke/to-gif

TIP

  • Vue3 のサンプルアプリケーション
  • Composition API
  • provide / inject
  • TypeScript

screenshot

Note

Github : kkeisuke/note

TIP

  • Vue3 のサンプルアプリケーション
  • Composition API
  • provide / inject
  • TypeScript, Tailwind CSS

screenshot

kkeisuke's はてなブックマーク

https://hatebu-search.kkeisuke.dev/
https://hatebu.kkeisuke.com/

GitHub

TIP

  • 任意アカウントの「はてなブックマーク」データをダウンロードし、markdown ファイルを作成後、GitHub のリポジトリに push します。
  • push された markdown ファイルを Hugo で HTML ファイルにビルドして公開しています。
  • Algolia に index を追加し、WebアプリとCLIツールからブックマークを検索できます。

使用技術

  • TypeScript, esbuild, Vue2, Go

kkeisuke's はてなブックマーク

blog

https://blog.kkeisuke.com/

Github : kkeisuke/kkeisuke-blog-2

TIP

  • TypeScript, Nuxt Content2(Nuxt3), Tailwind CSS
  • Cloudflare Pages

kkeisuke blog

PlantUML Editor

https://plantuml-editor.kkeisuke.com/

GitHub : kkeisuke/plantuml-editor

TIP

  • PlantUML で簡単にシーケンス図やクラス図などを作成できるWebアプリケーション
  • Vue2, Vuex

PlantUML online demo client

LINE Bot

GitHub : kkeisuke/line-to-google-photos

TIP

  • LINE Messaging API、GCP Cloud Functions を使って Google Photos へ画像をアップ
  • TypeScript, Node.js

line-to-google-photos

Utility

https://utility.kkeisuke.dev/

GitHub : kkeisuke/utility2

TIP

  • SQL や JSON のフォーマット、ダミー画像作成など、開発時に使用するツール群
  • React, Next, TypeScript, Tailwind CSS
  • Vercel

utility tools by kkeisuke.com

Other

現在公開しているアプリケーションは以上ですが、以前は Android アプリも公開していました。