ブラウザで使える無料オンラインチューナー|ギター・ベース・ウクレレ対応

※一部の画像やリンクにはプロモーションが含まれます。
ブラウザで使える無料オンラインチューナー|ギター・ベース・ウクレレ対応 ギターアクセサリー編

元楽器店員としての経験をもとに、Webブラウザだけで使える無料のオンラインチューナーを作ってみたのでご紹介させてください。

アプリのダウンロードやインストールをする必要がなく、スマホでもパソコンでもカジュアルに使えるツールになっています。

チューナーアプリのホーム画面

今すぐチューニングしたい方はこちら

ブラウザでマイクを許可するだけで使えます。ギター、ベース、ウクレレのプリセットが選択可能です。

ギターのチューニングができるWebサイトを公開しました

ひさしぶりにチューナーアプリを開いたら会員登録やログインが必須になっていたり、広告が増えすぎて使いにくくなっていたりという経験ありませんか?

Webで使えるオンラインチューナーは色々と検索にヒットしますし、Google公式の簡易チューナーも表示されるのですが、あまりピンとくる使い勝手のものが見当たらず…。

「こうなったらDIYでつくってしまおう」と本ツールを制作するに至りました。

チューナーが手元にないときに、楽器店スタッフ視点で「とりあえず十分使える」レベルのものになるよう意識しています。

オンラインチューナーの使い方を解説

オンラインチューナーの使い方は、初見で直感的に使えるシンプルなデザインにしたつもりです。

特に説明なしでも迷わず操作できると思うのですが、ギター初心者の方向けに念のため解説しておきましょう。

チューナーの使い方は3ステップ
  • STEP1
    マイク入力を許可する
    チューナーのマイク入力待機画面
    「マイクをオンにして開始」ボタンを押してください
  • STEP2
    ギターの弦を1本ずつ鳴らす
    チューニングメーターが弦の音を拾っている状態
    弾かない弦は余った指でミュートしておくのがおすすめ
  • STEP3
    表示が緑色になったらOK
    チューニングが正しい音程になっている状態
    メーターが緑色で安定するようにペグを調整する

最初に利用するときはブラウザでマイク入力を許可する必要がありますが、音声入力はユーザー端末で処理され、外部に送信されないようになっています。

あとはそのまま1本ずつ開放弦を鳴らしてチューニングを開始していきましょう。

チューニング中の弦以外は一緒に鳴らないように気を付けよう。

調弦が終わったらページ右上のボタンでマイクをオフにできますし、「ページを閉じる」「しばらく使わない状態が続く」でマイク入力はオフに切り替わります。

弦の音程が低すぎる状態

チューナーが検出したピッチが低い状態

弦の音程が高すぎる状態

チューナーが検出したピッチが高い状態

音が低い時はペグを高くする方向に、音が高い状態の時はペグを低くする方向に回す

ギターのペグを回す方向の図解

チューニング精度に関しては画面内に±25セントと±50セントの目盛りを付けてあります。

「±5セント未満で緑色表示」「±5セント~±20セントでオレンジ色表示」「±20セント以上で赤色表示」になるのでメーターが緑色で安定するようにペグを回して調整してください。

チューニングに対応している楽器の種類とプリセット一覧

チューナーは「ギターでもベースでもウクレレでも使えるコンセプト」にしてあります。

エレキギター/アコースティックギターのチューニングをする方が多いと思うので、基準ピッチはA440Hzでレギュラーチューニング6弦(EADGBE)モードをデフォルト設定にしました。

レギュラーチューニング以外のプリセットは右上の設定ボタンから選択

基準ピッチもメニューで変更可能です。

  • ギター: レギュラー6弦、7弦、8弦、Drop D、半音下げ、DADGAD、オープンD/E/G/C
  • ベース: レギュラー4弦、5弦
  • ウクレレ: レギュラー、Low-G
  • クロマチック
  • 基準ピッチ: 438Hzから445Hz
チューニング種別のプリセット選択画面

吹奏楽やピアノに合わせる場面では基準ピッチ442Hzが使われることもあるので、必要に応じて切り替えてください。

エレキギターの生音でも静かな環境で弾けば問題なく拾えるはず。

楽器プリセット音名
ギターレギュラー6弦EADGBE
ギターレギュラー7弦BEADGBE
ギターレギュラー8弦F#BEADGBE
ギタードロップDDADGBE
ギター半音下げD#G#C#F#A#D#
ギターDADGADDADGAD
ギターオープンDDADF#AD
ギターオープンEEBEG#BE
ギターオープンGDGDGBD
ギターオープンCCGCGCE
ベースレギュラー4弦EADG
ベースレギュラー5弦BEADG
ウクレレレギュラーGCEA
ウクレレLow-GGCEA
その他クロマチッククロマチック

上表のプリセットは一度適用すると、次回起動時にも選択項目が引き継がれる仕様となっています。

チューナーがうまく反応しないときに確認してほしいこと

ブラウザで動くチューナーなので、OSやブラウザごとの仕様、パソコン/スマホ端末の特性、マイクや楽器との相性など環境依存で挙動が安定しない場合があります。

「誤反応で精度が出ない」というときも、まずは下記を確認してみてください。

反応しないときの確認ポイント

マイク許可
ブラウザ設定でオフになっていないか

周囲の音
できるだけ静かな場所で鳴らす

弦の共鳴
弾かない弦を軽くミュートする

エレキの生音
スマホをギターに近づける

ツールの精度や安定性については定期的にロジックの見直し、アップデートを続けていきますので気長に見守っていただけると幸いです。

クリップチューナーやペダルチューナーなど、実機チューナーの選び方については別記事がありますので参考にしてみてください。

スマホのホーム画面に追加すればオフラインでも使用可能

チューナーは普通のWebサイトなのでブックマークも可能ですし、歯車アイコンを開くとチューナーをスマホのホーム画面に追加するためのボタンがあります。ホームに追加しておけばオフラインでも使用可能です。

プログレッシブウェブアプリ (Progressive web apps, PWA) という仕様だよ。

チューナーUIに選択可能なカラーバリエーション

カラーバリエーションもいくつか選べるようにしてあるので、ぜひお好みに合わせて見た目も変更してみてください。

「出先でチューナーを忘れていることに気づいた」「電池が切れて交換できない」「急に壊れて動かなくなった」という状況は珍しくないですよね。そんなシーンでお役に立てることがあれば嬉しいです。

チューナーの他に、ギターコード表やスケール練習ツールも追加しました!

※本ツールの利用は自己責任とし、いかなる責任も負いかねます。無断複製・二次配布禁止、リンクやSNSでのシェアは歓迎です。

タイトルとURLをコピーしました