プログラミング

Webサービス、ホームページ、RPAツール、Chrome拡張機能などの制作

制作したWebサービス・アプリ

O-TO

音楽理論ウェブアプリO-TO

音楽理論の学習や、作曲・編曲を補助するツール（ウェブアプリ）です。

O-TO

①コードの構成音を調べる

100種類以上のコード（和音）情報を全ルート音で検索できます。対応する主要なスケールや、ネガティヴ・ハーモニー理論に基づく代理コードも表示されます。

O-TO

②スケールの構成音を調べる

70種類以上のスケール（音階）の情報を全てのキーで調べられます。同時に、対応する主要なコードも表示されます。

O-TO

③コード/スケール名を逆引き検索

選択した構成音に対応するコードやスケール名を検索できます。

O-TO

MIDIキーボードでコード/スケール名を逆引き検索

MIDIキーボードで入力した音に対応するコード・ネームやスケール名を逆引き検索できます。

O-TO

④コード進行まとめ

コード進行をまとめました。表示は12キーへ切り替え、ディグリー・ネームで表示もできます。

O-TO

⑤ダイアトニック・コード一覧表

ダイアトニック・コードの一覧です。12キーへ切り替え可能で各コードのテンションやモード・スケールも確認できます。

O-TO

⑥転調の間隔・関係調を調べる

指定した調（キー）の関係性を調べられるツールです。70種類以上のスケールや、モードを指定可能です。

O-TO

⑦音価の計算をする

BPMを指定するだけで18種類の音符の長さがまとめて確認できます。表示は秒、ミリ秒、マイクロ秒、sec、ms、μsに切り替え可能です。

O-TO

⑧メトリック・モジュレーション

様々な「音符の音価」と、「同じ音価を持つ別の音符のBPM」が簡単に分かります。

O-TO

⑨コード進行のテキストを移調する

コード進行のテキストを移調するアプリです。入力したコード進行のテキストを「12キー全て」と「ディグリー・ネーム」へ変換できます。

O-TO

⑩弦楽器の指板を可視化する

コードやスケールの「指板上のポジション」を可視化するツールです。ギターだけではなく、ベース、多弦楽器、レフティー表示も可能です。

O-TO

⑪指板からコード/スケール名を逆引き検索

指板から選んだ構成音に対応するコード・ネームやスケール名を検索できるツールです。

MWSR

メトロノーム（変拍子対応）

さまざまな拍子を再生できるメトロノームです。テキストで拍子を入力するので、4/4拍子から複雑な変拍子までカンタンに設定・確認できます！

MWSR

メトロノーム（ポリリズム対応）

ポリリズムを視覚的に理解できるメトロノームです。 1～32までの数値を組み合わせたポリリズムを設定可能。簡易的なリズムマシンやリズム教材としても使えます。

文章校正

読みやすさチェッカー

文章中の「読みにくそうな表現」にハイライトをつける文章校正ツールです。

文章校正

任意の文字列を一気に置換するツール

任意の文字列を一気に置換するツールです。

文章校正

アルファベットを「大文字・小文字・任意のcaseスタイル」へ置換するツール

英単語を任意のスタイルへ置換します。

文章校正

「英数字の全角括弧」と「日本語の半角括弧」を置換して矯正するツール

「英数字の全角括弧」と「日本語の半角括弧」を置換して矯正するツールです。

文章校正

「ハイフンっぽい横棒」を統一するツール

ハイフンっぽい横棒（ᅳㅡ˗𐆑–᭸‒-─−▬𐄐—━‐‑ー﹣―ｰ﹘－⁃➖⁻）を統一するツールです。

文章校正

文字の全角半角変換ツール

文章中の数字・アルファベットを全角から半角、半角から全角に一括変換します。

文章校正

「画像のマークダウン記法」を「imgタグ」へ置換するツール

「画像のマークダウン記法」を「imgタグ」に変換するツールです。GitHubや、Qiitaなどで画像サイズを調整したい場合にお使いください。

文章校正

「Wordpressのコード」を「マークダウン記法」へ置換するツール

「Wordpressのコード」（いわゆるブロックエディタ(Gutenberg/グーテンベルグ)でかかれたコード）を、「マークダウン記法」へ変換するツールです。

Sheets

楽曲の情報（転調・旋法・BPM）共有データベース

楽曲の情報をまとめたスプレッドシートです。

Chrome拡張

YTranscript2AI

ボタンを押すと、「YouTubeの字幕」と「命令（プロンプト）」をAI (Gemini、ChatGPT、Claude) に丸投げしてくれるChrome拡張機能

金融

株価指標とかを理解するのに役立つかもしれないページ

株価の上下やPLやBSの変化が、株価指標にどんな影響を与えるか理解するのに役立つかもしれないツールです。

LINE

LINEスタンプシミュレーター（非公式）

LINEスタンプを作るとき、PCからプレビューする用

使用技術・ツール

言語

TypeScript

JavaScript

Python

HTML/CSS

フレームワーク

Next.js

React

Tailwind CSS

ツール

Claude Code

Cursor

Git

プラットフォーム

Vercel

GitHub

Google Cloud

できること

Python

最初に勉強したプログラミング言語。「なんか人気みたいだから…」という理由で勉強を始める。現在は自分のPCで動かすRPAツールを自作するために使う場合が多い。

JavaScript

最近は、なんだかんだ一番JavaScriptを書くことが多いかも。 TypeScriptもちょっと分かる。（ﾁｮｯﾄﾃﾞｷﾙではなく本当にちょっと分かるだけ）

HTML/CSS

基本的なところは理解して書いているつもり。だけど、HTMLタグを何十個も覚えているわけではない。 CSSは、最近TailwindCSSに頼ってしまう。

Next.js

JavaScriptのフレームワーク。難しいけど流行ってるらしいので使ってみている。しばらく離れていたら「app router」とかいう謎の概念が導入されていた。このポートフォリオサイトはNext.js製。

WordPress

DockerでWordPress環境を作って、テーマをphpで自作…みたいなことはある程度できる。だけど、最近は良い感じのテーマを購入して、それをいじった方が良いんじゃないかな…と感じている。

Visual Studio Code

一番使っている統合開発環境。最近はCursorもよく使ってる。