GlyphWiki logo
ナビゲーション
ヘルプ
検索
ツールボックス
他の言語
解説ノート編集履歴

GlyphWiki:どうやって使うのか

出典: フリーグリフデータベース『グリフウィキ(GlyphWiki)』

はじめに

初めてお使いになる方のためにチュートリアル(基礎編) チュートリアル(グリフ編集編) を用意しましたので、先にご覧下さい。

まず、あなたが何をしたいのかを明確にしてください。漢字グリフを(漢字字形)登録したい、登録されているグリフを活用したい、と思うのでしたら、是非以下を読んでください!

漢字グリフを登録するというのは、グリフウィキに記事を投稿することになります。グリフウィキでは漢字1グリフがウィキの1ページ(記事)に相当します。もしあなたが始めてグリフウィキに記事を投稿するのでしたら、グリフのデザイン方法についてよく読んでください。先にsandboxで練習しておくとさらに良いでしょう。

なお、グリフウィキでは漢字以外のグリフについては登録に制限を設けています。詳細は登録できるグリフについてをご覧ください。

漢字グリフの登録

グリフに名前を付ける

グリフウィキでは全てのグリフに名前がついています。あなたが新たにグリフを登録するためには名前を考える必要があります。まずはグリフに名前をつけるを参照してください。

コード番号(国際符号化文字集合で定義されている符号位置)がついているのでしたら、頭にuをつけた16進数(アルファベットは小文字)で表現してみてください。たとえば「一」はU+4E00ですので、「u4e00」という名前が適切です。このような既存の文字コードや大型字典の見出し字などについては、命名ガイドラインを参考にしてください。

現在、グリフウィキでは名前のつけ方にルールを設定する方向で検討しています(GlyphWiki:お知らせ)。ですので、できれば後述の「占有グリフ」のようにログインユーザーとして自由な命名をしていただくことをお勧めします。あるいはいったんsandboxにグリフを登録し、「編集内容の要約」の項に、そのグリフがどのようなグリフであるかを簡単に記述していただくと、誰か慣れているユーザーが適切な命名を提案してくれる(移動してくれる)かもしれません。

名前は早い者勝ちではありません。既に他人が同じ名前を使用している場合は、新しいデータで上書きします(上書きされた古いデータも引き続き利用できます)。

また、使える文字は決まっています。英小文字、数字およびハイフン「-」で、先頭は英小文字、末尾は英小文字・数字としてください。全体の文字数は5字以上60字以内である必要があります。

占有グリフ

もしあなたが、ログインしているユーザーでしたら、さらに特典があります。ユーザーだけが編集および新規作成できる命名方法があります。それは「ユーザー名_グリフの名前」という命名規則です。たとえば kamichi というユーザーは kamichi_my-gaiji-0001 という名前を付けることができます。このグリフは kamichi というユーザーだけが編集できる占有グリフです。頭に「kamichi_」がつくグリフはユーザー kamichi だけしか作ることができません。ただし、データの閲覧はだれでも可能です。もし kamichi 以外のユーザーがそのグリフを自分のもの・みんなのものにしたければ、データを丸ごとコピーして、新しい名前を付けてしまえば良いのです。

グリフにはバージョン番号がついています

他人が既に利用している名前のグリフに新たにデータを登録すると、新しいデータで上書きされます。すると前のデータは使えなくなってしまうのでしょうか?実は、そうではなくてバージョン番号を指定することで通常通り利用できます。「グリフ名@バージョン番号」が指定方法です。一番初めに登録したグリフには「@1」というバージョンがつき、その後、1ずつ増えていきます。バージョン番号はグリフ名(ページ名)の右に括弧付けで記述されています。「履歴」タブをクリックすれば過去のバージョンの一覧を確認することができます。

もし別のグリフの中で今上書きされた古いグリフを引用していたらどうなるのでしょうか。答えは「上書き時に、引用先のグリフ名に上書き前のグリフのバージョン番号が自動的に付与」されます。つまり一度登録したグリフのデザインはいつまでも利用できることになります。引用した部品が新しくなっても、引用先は古いバージョンの部品を指定するようにデータが書き換わり、グリフに変化は生じません。

ページを開く

次に、考えた名前をページ側の検索ボックスに入力し「表示」をクリックしてください。もし既に利用されている名前でしたら、直接そのページが表示されます。まだだれも使っていなければ、「該当するページは見つかりませんでした」と表示されますが、その上に「問い合わせ:(検索語)」と表示があり、(検索語)の部分が赤くなっているはずです。もし灰色の場合は、命名規則に違反していますので上項「グリフに名前をつける」を読み直し、新しい名前を考えてやりなおしてください。

赤色は未登録のグリフ(ページ)へのリンクを意味しています。そこをクリックしてください。すると新たなページを書き起こすことができます。さあ、あなたのグリフを是非登録してください。デザイン作業についてはグリフのデザイン方法を読んでください。

グリフの活用

画像ファイルとして活用する

グリフウィキに登録したグリフは直ちに画像ファイルとして利用することができます。たとえばグリフの表示ページでグリフ画像を右クリックして「画像として保存」を選択してください。もしくは「画像をコピー」して、マイクロソフト・ワードやジャストシステム・一太郎、OpenOffice.org(Writer)などの文書編集ソフトウェアに貼り付けることもできます。画像は200ドット×200ドットの白黒ビットマップ画像です。本文サイズ(10ポイントなど)に縮小して普通に印刷すれば、まるで普通の文字であるかのように出力されることでしょう。EPS画像を用いると通常のフォントと同じアウトラインデータとして印刷が可能です。Firefoxなどでは直接SVG画像をHTMLに埋め込むことも可能です。

URLは以下のようにグリフの名前を直接記述します。バージョンを指定することもできます。サムネイル用に50ドット×50ドットのグレイスケールも利用できます。たとえばu4e00のグリフの場合、以下の画像が利用できます。

 http://glyphwiki.org/glyph/u4e00.png         200ドットのPNG形式
 http://glyphwiki.org/glyph/u4e00.svg         SVG形式
 http://glyphwiki.org/glyph/u4e00.eps         EPS形式
 http://glyphwiki.org/glyph/u4e00.50px.png    50ドットのサムネイル。PNG形式
 http://glyphwiki.org/glyph/u4e00.100px.png   100ドットのサムネイル。PNG形式

これらのURLに対して直接リンクを張ってもかまいません。

ご注意:グリフウィキはサービスの高速化のために画像ファイルをキャッシュ配信に移行する予定です。このため、今後バージョンを指定しないグリフ画像について、グリフウィキでの最新バージョンのグリフ画像が得られない場合が生じますのであらかじめご了承ください。下記バージョン指定の場合にはキャッシュの影響を受けません。

バージョンを指定する

グリフウィキでは誰でもグリフの管理ができます。反面、自分がグリフを登録した後に同じグリフを他の人が編集する可能性があり(さらにきれいなデザインへと修正してくれているのかもしれません)、最新のグリフで上書きされます。このようにグリフが固定されない可能性があるため、指定したグリフを得たい場合には、バージョン番号を付与することができます。バージョン番号は、各グリフページの「履歴」タブをクリックすると確認できます。

 http://glyphwiki.org/glyph/u4e00@1.png       バージョン1。200ドットのPNG形式
 http://glyphwiki.org/glyph/u4e00@1.svg       バージョン1。SVG形式
 http://glyphwiki.org/glyph/u4e00@1.eps       バージョン1。EPS形式
 http://glyphwiki.org/glyph/u4e00@1.50px.png  バージョン1。50ドットのサムネイル。PNG形式
 http://glyphwiki.org/glyph/u4e00@1.100px.png バージョン1。100ドットのサムネイル。PNG形式

TrueTypeフォントにする

グリフウィキは漢字グリフを1つの単位で管理します。こうして蓄積したグリフの集合をフォントファイルとしてまとめたいときには、「グループ」という概念を利用します。「グループ:(グループ名)」というWikiページを作ってください。グループ名は、1字以上の任意の漢字・かな、英数字等を利用できます。そのページに1行1グリフの形式でグリフ名を羅列していってください。あとはデータを保存し、もう一度そのページを見てください。すると「フォントを生成する」というリンクが出現します。このリンクをクリックすると、文字数によっては少し時間がかかりますが、しばらくするとフォントが生成されます。あとはダウンロードして自由に使ってください。生成されたフォントはいつでもダウンロード可能ですので、他人にURLを紹介して配布することも可能ですし、直接リンクを張ってもかまいません。詳細はフォント生成をご覧ください。

1文字フォント

各グリフの最新バージョンについては、そのグリフだけを収録した1文字フォントが利用できます。このフォントは「〓」(U+3013、「げた」で変換できます)にそのグリフが割り当てられています。フォント名はグリフ名となります(例:sandboxは「sandbox」というフォント名となります)。

全グリフデータの取得について

グリフウィキに投稿された全グリフデータは、1日ごとに1つのファイルにまとめられた上で公開されています。URLは以下となります。

http://glyphwiki.org/dump.tar.gz

このアーカイブファイルには2つのデータファイル(dump_newest_only.txt および dump_all_versions.txt)が含まれます。それぞれ1行ごとにグリフ名、関連字、グリフデータの並びで記述されています。dump_newest_only.txtに含まれるのは最新バージョンのみのデータです。dump_all_versions.txtに含まれるのは各グリフのすべてのバージョンのデータです。ただしいずれも有効なデータのみ含まれます。

また、以下の場所にてミラーを公開しています。

http://kage.sourceforge.jp/glyphwiki/

このデータは、KAGE/engineを用いて漢字字形に変換して活用することが可能です。

http://fonts.jp/engine/

個別のグリフをJSON/JSONP形式で取得する

以下のURL記述により個別のグリフをJSON/JSONP形式で取得できます。

 http://glyphwiki.org/json?name=[グリフ名]{@[バージョン番号]}{&callback=[コールバック関数名]}

http://glyphwiki.org/json?name=u4e00

http://glyphwiki.org/json?name=u4e00@2

http://glyphwiki.org/json?name=u4e00&callback=callback

取得データの内容は以下の通りです。

nameグリフ名
versionバージョン番号
related関連字(U+[符号位置])
dataKAGEデータ

なお、無効なグリフ名の場合には空のオブジェクトが返ります。無効なバージョン指定の場合、dataとrelatedにはnullが入ります。コールバック関数形式の場合は関数名を指定してください。先頭はアンダースコアか英字、それ以降はアンダースコアか英数字を指定してください。無効な場合はcallbackとなります。

ウェブフォントとして呼び出す

グループとして登録したものや、登録したグリフ1字をウェブフォント(@font-face)として呼び出すことができます。閲覧ブラウザがウェブフォントに対応している必要があります。

グループページとして登録した場合

先に、グループページを開いてフォントが生成済みであることを確認してください。

HTMLの<head>内に以下を記述してください。

 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?page=(ページ名)&label=(任意のラベル)">

たとえば以下のようになります。ページはバージョン付にも対応しています。ラベルは英数字60字以内です。ラベルを付けなかった場合は「glyphwiki」というラベルになります。

 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?page=Group:ウェブフォント&label=webfont">
 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?page=Group:ウェブフォント@1&label=webfont">
 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?page=Group:ウェブフォント">

上記1行を記述すると、実際には以下のように解釈されます(一番目の例)。

 @font-face {
    font-family: webfont;
    src: url(http://glyphwiki.org/font/gw465758.ttf);
 }
 .webfont {
    font-family: webfont;
 }

あとは、<span class="webfont">■</span> の形式でフォントを使うことができます。または直接スタイルで「style="font-family: webfont;"」と指定できます。

ラベルを書き分けることによって複数のグループページのフォントを呼び出すことができます。

グリフ1文字として呼び出す場合

HTMLの<head>内に以下を記述してください。

 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?glyph=(グリフ名)">

たとえば以下のようになります。

 <link rel="stylesheet" type="text/css" href="http://glyphwiki.org/style?glyph=sandbox">

グリフ1文字の場合はバージョンを指定することはできません。また、「〓」にそのグリフが割り当てられていますので、その文字を使いたい部分に以下を記述します。ラベルはグリフ名となります。

 <span class="sandbox">〓</span>

サンプル

使用サンプル をご覧ください。

またグリフウィキのドキュメントページでは簡単にウェブフォントを利用できるようになっています(現在試行中)。詳細はGlyphWiki:フォント生成をご覧ください。

<head>を操作できない場合

ブログなど<head>内に記述ができない場合、もし<script>の記述が許可されているならばGoogle Font APIを活用することができます。以下のように記述すれば同じようにグリフウィキの文字を呼び出すことができます。

1字フォントの場合(例:sandbox)

 <script type="text/javascript">
 WebFontConfig = { custom: { urls: ['http://glyphwiki.org/style?glyph=sandbox'] } };
 </script>
 <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript"></script>

文字の出し方は<link>の場合と同じです。

 <span class="sandbox">〓</span>

グループページの場合(例:Group:ウェブフォント)

 <script type="text/javascript">
 WebFontConfig = { custom: { urls: ['http://glyphwiki.org/style?page=Group:ウェブフォント'] } };
 </script>
 <script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript"></script>

文字の出し方は<link>の場合と同じです。

 <span class="glyphwiki">雨</span>

classを指定したい場合は

 WebFontConfig = { custom: { urls: ['http://glyphwiki.org/style?page=Group:ウェブフォント&label=(任意のラベル)'] } };

とし、呼び出すときは

 <span class="(任意のラベル)">雨</span>

となります。