Tomoharu Watanabe

主にWebフロントを書いている、
プログラミング好きの人。
2004年生まれ、現在16歳。
N高等学校在籍、5期生（2年生）

Works

Next-Portfolio

このサイトのこと。技術選定はサーバーレスで、かつ無難なものを採用。CICDの実践運用にも初挑戦。

#TypeScript#React#Next.JS#Tailwind.css#GitHub Actions

Git-Commit-Viewer

GitのCommitを日付順に表示するマクロ。夏の終わりに、自分がしたことを振り返りたくて作った。

#Node.js#git#git-log#Vue#Vue v3

お面屋

お盆deハッカソンの共同制作作品。課題は屋台で、お面をテーマに作成した。

#TypeScript#React#Next.JS#Vercel#Tailwind.css#Firebase

Vue-Original-Calendar

VueCDNを使って、さくっと自分が使う用のカレンダーを作った。PCの横長画面を最大限生かしたレイアウト

#Vue#CSS-Animation

映画からの脱出

横スクロールを基調とした、脱出ゲーム。N高の授業成果物。他の生徒との共同制作作品。

#TypeScript#React#Next.JS#Tailwind.css#GitHub Actions

Mini-Works & Components

Vue Dashed Border Card

破線を枠を基調とした、画像のテキストがセットになったコンポーネント。

#Vue#Vue3

Vue Img in Info

画像の中にテキストを埋め込むことを特徴とした、画像のテキストがセットになったコンポーネント。

#Vue#Vue3

Languages & Frameworks

TypeScript

現在、私がメインで書いている言語。型の表現力の高く、使い心地が良くて好き。

JavaScript

HTMLのインラインや、トランスパイルの環境が作れない際には使うこともある。なるべくならTSにしたい。

React

現在、私がメインで利用しているWebフロントFW。webpack・esbuild・tscなどを使い、自力で環境構築も可能。

Vue

私の初めてのWebフロントFW。現在もさくっとフロントを作るときなどに、CDNを通して使うこともある。

NodeJS・TS

JS・TSをWeb以外で動作させるための環境、フロントの環境構築からサーバーサイド作成まで幅広く使う

Express

シンプルな構造が好きで、RestAPI作成では好んで使っている

Python

私のプログラミングでの第一言語、現在はライブラリを利用するために使うことが多い

Fast API

Python×RestAPIの実装に利用。昔はFlaskを使っていたが最近はこちら。純粋に使い心地がいい。