楽譜作成ソフトを使ってサイトに楽譜を載せる方法

2019年発売

【動作環境】

Windows 8または8.1/ 10（64-bit 必須)

macOS 10.12 Sierra/10.13 High Sierra/10.14 Mojave/10.15 Catalina/macOS 11 Big Sur

メモリ：4GB以上が必要

サウンドハウスで見る

Print Music

2017年発売

【動作環境】

Windows Vista / 7 / 8 / 10（64-bit 互換）

サウンドハウスで見る

楽譜フォント

Finaleには3つのフォントが付いています。

出版譜風

手書き風

ジャズ風

jazzguitarstyle.comではジャズ風を採用しています。

コードダイアグラム

Finaleに付いているのは海外仕様の縦型ダイアグラムのみ。

そのためjazzguitarstyle.comではタブ譜を活用して独自にダイアグラムを作っています。

ダイアグラム作成手順

1. 空のタブ譜のみの楽譜を作る
   

2. 音部記号を非表示にして小節数を増やす。ナットは複縦線に
   

3. 文字発想記号で度数を作る
   

4. 作った度数を小節線の上に置く
   

五線譜の上にダイアグラムを記譜する楽譜は、五線譜とダイアグラムを別々に作り画像編集ソフトで仕上げています。

サイトに楽譜を載せるまでの手順

Finaleで作った楽譜をそのファイルのままサイトに載せる方法はないので、jazzguitarstyle.comでは以下6つの手順を踏んでいます。

1. Finaleで楽譜を作る
2. パソコンの画面をキャプチャして画像として保存
3. 無料画像編集ソフトGIMP（https://www.gimp.org）を使ってサイズ調整
4. tinypng（https://tinypng.com）で画像の容量を減らす
5. FTPでサーバーにアップロード
6. 画像のURLをリンクして公開

Finaleで作った楽譜をキャプチャする

サイトに載せたい楽譜を開いてキャプチャします。WinならPrintScreenボタンで全画面キャプチャ。Macならcommand＋shift＋4で範囲を選択できます。

このままだと余白が多く、右側に灰色の鍵マークが入っているので、GIMPを使って編集します。

GIMPを使った画像編集

まずはキャプチャした画像をドラッグドロップします。

灰色の鍵マークを消すために、ツールボックスから「鉛筆で描画」を選び

色の選択をクリックし、

白を選びます。

「鉛筆で描画」、カラーが「白」になっていることを確認して灰色の鍵マークをゴシゴシ消していきます。

灰色の鍵マークを消したらツールボックスから「切り抜き」を選んで余白を無くします。

範囲を選択してenterキーを押すと切り抜かれます。

最後に「名前をつけてエクスポート」を選びpngとして保存します。

Winなら標準ソフト「ペイント」を使って同じことができます。

tinypngで容量を減らす

キャプチャした画像は容量が大きいので、楽譜の表示速度を速めるためにも容量を減らします。
tinypngにアクセスして減らした画像をドラッグドロップ。70〜80パーセント容量を減らしてくれるすぐれものです。

FTPでアップロード

私はFileZila（https://filezilla-project.org）というソフトを使ってアップロードしていますが、どんなFTPソフトでも構いません。アップロード後、アップロードした画像のアドレスをHTMLで打ち込みます。

HTMLサンプル
＜img src="https://www.jazzguitarstyle.com/column/qanda/screen-shot-9.png"＞

ブラウザでの表示

これでサイトに楽譜を公開できます。ぜひ楽しんでみてください。