テキストエリアの文字のひらがなを変体仮名(またその字母)に置き換えます。
変体仮名フォントを自分のPCにインストールする必要があります。
説明(変体仮名タイピングの挙動とほぼ同じ)
下記画像のようになります。
これ以下が本体です。
2018年7月25日水曜日
2018年7月24日火曜日
変体仮名をブログ上で表示したいぞ！(解決編)
やりたいこと。
フォントは個人個人が「Koin変体仮名明朝f2」を用意して、
ブログ上で変体仮名が表示できる状態。
今回の解決方法
①
※外字を活用していると上書きとなるかもしれません。そういう方は退避が必要です。
「Koin変体仮名明朝f2」のフォルダ内にある「Koin変体仮名明朝f2.tte」を
「C:\Windows\Fonts」に放り込みます。フォントのインストールが始まります。。
そうすると「EUDC」というフォントができます。
※今回の使用方法では、変体仮名フォントを外字エディターでリンクする必要はありません。
②コード上で
font-family: "EUDC","ＭＳ 明朝";
とします。後半の"ＭＳ 明朝"は字母を等幅フォント表示するため。
③IEのみ改行コードが改行はするものの「・」（トーフ？って奴かも）と
余計なものが表示されてしまいます。。
挙動として"EUDC"の直後の改行のようです。
そのため、
として改行のフォントを変更することによって一応の回避はできます。
※環境：Windows7 64bit IE11、Chrome、Firefox
以上、スマートではないのかもしれませんが、WEBで外字フォントを使用の件は解決しました。
フォントは個人個人が「Koin変体仮名明朝f2」を用意して、
ブログ上で変体仮名が表示できる状態。
今回の解決方法
①
※外字を活用していると上書きとなるかもしれません。そういう方は退避が必要です。
「Koin変体仮名明朝f2」のフォルダ内にある「Koin変体仮名明朝f2.tte」を
「C:\Windows\Fonts」に放り込みます。フォントのインストールが始まります。。
そうすると「EUDC」というフォントができます。
※今回の使用方法では、変体仮名フォントを外字エディターでリンクする必要はありません。
②コード上で
font-family: "EUDC","ＭＳ 明朝";
とします。後半の"ＭＳ 明朝"は字母を等幅フォント表示するため。
③IEのみ改行コードが改行はするものの「・」（トーフ？って奴かも）と
余計なものが表示されてしまいます。。
挙動として"EUDC"の直後の改行のようです。
そのため、
として改行のフォントを変更することによって一応の回避はできます。
※環境：Windows7 64bit IE11、Chrome、Firefox
以上、スマートではないのかもしれませんが、WEBで外字フォントを使用の件は解決しました。
2018年7月22日日曜日
2018年7月15日日曜日
変体仮名タイピング説明
アンドロイドの変体仮名のアプリはあるものの、いまいちどうやって勉強していいかわかりません。
暗記なのか、書いて覚えるにしても変体仮名の書き順がわからないなど。
とりあえず字形から反射的に思いつくようになるかなという感じでタイピングゲームを作ってみました。
字母⇒変体仮名と変体仮名⇒字母どちらで覚えるのがいいのだろうか？
プレイはこちらから
使用方法
0:koinさんの変体仮名のフォント[Koin変体仮名外字明朝(フリー版)]を使用します。
※外字を活用していると上書きとなります。そういう方は退避が必要です。
「Koin変体仮名明朝f2」のフォルダ内にある「Koin変体仮名明朝f2.tte」を
「C:\Windows\Fonts」に放り込みます。フォントのインストールが始まります。
そうすると「EUDC」というフォントができます。
※今回の使用方法では、変体仮名フォントを外字エディターでリンクする必要はありません。
1:問題やモードを選択
2:問題初期化ボタンを押す
3:スペースキーを押してスタート
4:左から順に字母や変体仮名に対応したローマ字で入力する
(ローマ字は答えそのものなので、デフォルトでは右端に表示してます)
問題仕様
濁音、半濁音、小さい「っ」や「ょ」などは無し
「ん」は変体仮名フォントに割り当てがない
「百人一首からなど10問」は、百人一首から適当に選んだ言葉と適当に思いついた言葉からランダムに10問出題。
例として、「か」だったら変体仮名が3種類あるので（字母でいうと「加」「可」「嘉」の3種類）だが連続して同じ文字がでないようになっている。
始まりはランダムで順繰り割り当て。頭にきやすい変体仮名とかがあるようですが関係なく割り当てします。
それ以外の問題は、変体仮名を一文字ずつ割り当てがある分すべて出題します。
同じ字母で字形が違う変体仮名がこのフォントセットにあるため同じ字母が出ます。
(自分向けに)タイピングしやすいようにローマ字は以下のMAPで製作しています。
訓令式に近い感じです(「を」をwoとしています)
コード仕様：
javascriptを使用
変体仮名は「Koin変体仮名外字明朝(フリー版)」を使用。
ファイル分割(.jsファイル)はブログ版ではあきらめた
ブログに上げた場合、変体仮名がなぜかコード内では8文字扱いになっているため
「ん」と混在した時に処理が煩雑になるので「ん」を「百人一首からなど10問」から削除。
暗記なのか、書いて覚えるにしても変体仮名の書き順がわからないなど。
とりあえず字形から反射的に思いつくようになるかなという感じでタイピングゲームを作ってみました。
字母⇒変体仮名と変体仮名⇒字母どちらで覚えるのがいいのだろうか？
プレイはこちらから
使用方法
0:koinさんの変体仮名のフォント[Koin変体仮名外字明朝(フリー版)]を使用します。
※外字を活用していると上書きとなります。そういう方は退避が必要です。
「Koin変体仮名明朝f2」のフォルダ内にある「Koin変体仮名明朝f2.tte」を
「C:\Windows\Fonts」に放り込みます。フォントのインストールが始まります。
そうすると「EUDC」というフォントができます。
※今回の使用方法では、変体仮名フォントを外字エディターでリンクする必要はありません。
1:問題やモードを選択
2:問題初期化ボタンを押す
3:スペースキーを押してスタート
4:左から順に字母や変体仮名に対応したローマ字で入力する
(ローマ字は答えそのものなので、デフォルトでは右端に表示してます)
問題仕様
濁音、半濁音、小さい「っ」や「ょ」などは無し
「ん」は変体仮名フォントに割り当てがない
「百人一首からなど10問」は、百人一首から適当に選んだ言葉と適当に思いついた言葉からランダムに10問出題。
例として、「か」だったら変体仮名が3種類あるので（字母でいうと「加」「可」「嘉」の3種類）だが連続して同じ文字がでないようになっている。
始まりはランダムで順繰り割り当て。頭にきやすい変体仮名とかがあるようですが関係なく割り当てします。
それ以外の問題は、変体仮名を一文字ずつ割り当てがある分すべて出題します。
同じ字母で字形が違う変体仮名がこのフォントセットにあるため同じ字母が出ます。
(自分向けに)タイピングしやすいようにローマ字は以下のMAPで製作しています。
訓令式に近い感じです(「を」をwoとしています)
コード仕様：
javascriptを使用
変体仮名は「Koin変体仮名外字明朝(フリー版)」を使用。
ファイル分割(.jsファイル)はブログ版ではあきらめた
ブログに上げた場合、変体仮名がなぜかコード内では8文字扱いになっているため
「ん」と混在した時に処理が煩雑になるので「ん」を「百人一首からなど10問」から削除。
いつのまにかコード表示しなくなってる＼(^o^)/
そりゃ、レイアウト変えたらカスタム部分に書いたSyntaxHighlighter消えますね
その上、bodyとheadを勘違いして悩むしさぁ
＼(^o^)/
これで復活したはず
その上、bodyとheadを勘違いして悩むしさぁ
＼(^o^)/
これで復活したはず
登録:
投稿 (Atom)