# omemoji

<p align=left>
<a href="https://voidlinux.org">
<img alt="Void" src="https://img.shields.io/badge/OS-Void%20Linux-478061.svg?logo=voidlinux&logoColor=ffffff&style=flat"/>
</a>
<a href="https://code.visualstudio.com/">
<img alt="Void" src="https://img.shields.io/badge/Editor-VSCode-007ACC.svg?logo=visualstudiocode&logoColor=ffffff&style=flat"/>
</a>
<a href="https://python.org">
<img alt="Python" src="https://img.shields.io/badge/Python-3776AB.svg?logo=python&logoColor=ffffff&style=flat"/>
</a>
<a href="https://typescriptlang.org">
<img alt="TypeScript" src="https://img.shields.io/badge/TypeScript-3178C6.svg?logo=typescript&logoColor=ffffff&style=flat"/>
</a>
<a href="https://nextjs.org">
<img alt="Next.js" src="https://img.shields.io/badge/Next.js-000000.svg?logo=next.js&logoColor=ffffff&style=flat"/>
</a>
</p>

<div align=left>
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=omemoji&theme=transparent&layout=compact" alt="Top Languages" height="150">
<img src="https://github-readme-stats.vercel.app/api?username=omemoji&theme=transparent&show_icons=true" alt="GitHub Stats" height="150">
</div>

## Profile

| key       | val                             |
| --------- | ------------------------------- |
| Name      | **omemoji**                     |
| Region    | 🗼Tokyo, 🇯🇵Japan                |
| Education | student (University of Tsukuba) |
| Interest  | 🌐Web, 🎨Art                    |

絵、デザインやプログラミング（特に Web 関係）に興味があります。
よろしくお願いします。

## Accounts

| Service     | ID                                                  |
| ----------- | --------------------------------------------------- |
| GitHub      | [omemoji](https://github.com/omemoji)               |
| Instagram   | [omemoji](https://instagram.com/omemoji)            |
| Fediverse   | [@omemoji@omemoji.net](https://omemoji.net/omemoji) |
| X (Twitter) | [omemoji_art](https://twitter.com/omemoji_art)      |
| Pixiv       | [omemoji](https://www.pixiv.net/users/65949346)     |
| Zenn        | [omemoji](https://zenn.dev/omemoji)                 |
| Keybase     | [omemoji](https://keybase.io/omemoji)               |

## Projects

### 創作物紹介

https://github.com/omemoji/omemoji.com

- 作品（主に絵）や記事などをまとめたポートフォリオ
- Next.js + Tailwind CSS で実装
  - 以前は Nuxt.js を使用していた
- [next-mdx-remote](https://github.com/hashicorp/next-mdx-remote) で markdown から HTML を生成している
- リンクカード（上のようなカード状のリンク）を実装した
  - [cheerio](https://github.com/cheeriojs/cheerio) でリンク先の metadata を取得している
  - OGP 画像をビルド時に 最適化して base64 で埋め込み、パフォーマンスを向上させる

### Quattro

https://github.com/M-18-team1/tetris

- 大学の授業でチーム制作した、テトリスに似た PC ブラウザゲーム
- Vue.js で実装
- 通常のテトリスとは異なり、コストを消費して「スキル」を使用することが出来る

  - 使用出来るスキルは、ゲーム開始前に選択する「職業」によって決まる。例えば「戦士」を選ぶと攻撃的なスキル構成になる一方、「僧侶」の場合は生存重視のスキル構成となる

### omemoji.net

https://omemoji.net/omemoji

- Fediverse
- [Akkoma](https://akkoma.social/) instance
- Google Cloud Platform 上に構築
- 個人用
- その内 Bot を生やすかも知れない

## Achievements

### チームラボサマーインターンシップ 2023

https://internship.team-lab.com/

- 記事は[こちら](https://omemoji.com/articles/teamlab)
- フロントエンドエンジニアとして参加

### マイナビ「フルスタック開発プログラム」

https://web.archive.org/web/20230924201001/https://saiyou-org.www.mynavi.jp/saiyou/news/internship/2725

- 記事は[こちら](https://omemoji.com/articles/mynavi_hackathon/)
- グランプリ受賞
- インフラ構築、バックエンドやフロントエンド開発を一度に体験することが出来た

## Qualification

- 実用英語技能検定 準 1 級

## Music

https://music.youtube.com/playlist?list=PLsM3Uav97Gd0SrfKqQ86_eodZCH1xnKTu&si=uixatYnKZ2SFbORE