三国志ファンのためのサポート掲示板 ※共同掲示板。話題は三国志関係。横レス歓迎。初心者モードの質問からマニアックな雑談まで
  新規投稿 ┃ツリー ┃スレッド ┃一覧 ┃トピック ┃番号順 ┃検索 ┃設定 ┃ルール ┃外部カレンダ ┃フロント  
562 / 662 ツリー ←次へ前へ→

【332】外字ー 孫ぽこ 2003/10/27(月) 4:46

【333】Re:外字ー むじん 2003/10/27(月) 10:03
┗ 【334】Re:外字ー 孫ぽこ 2003/10/27(月) 19:21
┣ 【335】Re:外字ー 孫ぽこ 2003/10/27(月) 20:27
┗ 【336】Re:外字ー むじん 2003/10/27(月) 22:47
┗ 【337】Re:外字ー 孫ぽこ 2003/10/27(月) 23:25
┣ 【338】Re:外字ー 孫ぽこ 2003/10/27(月) 23:30
┗ 【339】Re:外字ー むじん 2003/10/28(火) 11:15
┗ 【340】これはいいかも・・・ 孫ぽこ 2003/10/28(火) 20:40
┗ 【341】追加質問 孫ぽこ 2003/10/28(火) 21:44
┗ 【343】Re:追加質問 むじん 2003/10/29(水) 18:12
┗ 【348】Re:追加質問 孫ぽこ 2003/10/29(水) 22:19

【333】Re:外字ー
 むじん E-MAILWEB  - 2003/10/27(月) 10:03 -

引用なし
パスワード
   孫ぽこさん、こんにちは。
掲示板の様子から再開を期待してました。

Shift-JIS(JIS)では表記できない文字をどうやって表現するかというのは、ほとんどすべての中国史サイトオーナーに共通する問題だと思います。当面は、むりやりShift-JISの範囲内で表現できるようがんばってみたり、それを諦めて画像にしちゃったり、中国語フォントを利用してみたりするしかないようですね。webサイトがみんなUnicodeで書かれ、それをちゃんと見られるwebブラウザが普及すれば少しはましになるかも知れませんが、結局Unicodeにさえ登録されてない文字というのはどこかで出てきちゃいます。

拙サイト【むじん書院】では、今まで文書全体をShift-JISで書き、Shift-JISで表記できない文字は文字参照を用いてUnicode番号を指定していました。最近その方法を改め、文書全体をUnicode(UTF-8)で書き、Unicode(UCS-2)で表記できない文字は画像で代用することにしました。多分それは最良の方法と言えるものではないのですが、ご参考にしてくださればうれしいです。すべてWindowsを使った場合について書いています。

●Shift-JISで文書を作成する場合
固有名詞以外はほとんど問題にならないと思います。地名・人名などの固有名詞にShift-JISでは表現できない文字が出てきます。このときSGMLの文字参照を使ってUnicode番号を指定するという方法を取ります。劉ヨウのヨウはUnicodeで7e47というコードが与えられているので(UCS-2)、繇と書いておけば、閲覧者がその文書を読むとき、webブラウザがそれを解釈して相当の文字に置き換えてくれます。置き換えるべき文字を含むフォント(MingLiUなど)がインストールされていなければなりません。ただしWindowsの場合(どのwebブラウザでも)、置き換えに使用する変換テーブルに間違いがあるらしく、李カク、ヘイ州、彭ヨウなど、フォントそのものはあるのに実際には潰れてしまうということもあります。中文フォントを指定しておけば回避できるようです。《NetScape》は独自の変換テーブルを持っているらしく、これらの文字を正しく変換します。
それぞれの文字にどんなUnicode番号が与えられているかを知るのにもいくつか方法があります。日本語入力に《ATOK》を使っている人なら、文字パレットのUnicode一覧表を利用できるでしょう。ほかにも【今昔文字鏡】が無償配布する《Mojikyo Character Map》を使ってもUnicode番号が得られます。それでもダメなら、うーん、【unicode.org】に行ってみるしかないか…(^^;?

●UTF-8で文書を作成する場合
まずUnicode対応のエディタを用意する必要があります。ここは《秀丸》がおすすめ(code.macをダウンロードしておくともっと便利)。いつもの通り《秀丸》で文書を作成して、最後に文字コードをUTF-8にして保存するだけでいいです。簡単ですね。《一太郎》《WORD》でも同じ方法でできるはず(未確認)。UTF-8形式で保存したhtml文書なら、charsetをUTF-8にしなければいけません。Shift-JISやEUCのままにしておくと確実に文字化けする…(^^;
《ATOK》ならUnicodeで入力できますが、《MS-IME》ではShift-JISで表記できない文字を入力することができないのではないでしょうか。《MS-GlobalIME》をインストールすれば中国語を入力できるようですが、これはピンイン入力で使いづらい(^^; はじめに繇などと書いておいて、一度webブラウザでその文書を表示し、該当の文字をコピーするという手もあります。

●画像で代替させる場合
Shift-JISで文書を作成しても、UTF-8で作成しても、やがて表記できない文字は必ず現れます。今のところ文字の代わりに画像で表示するしかないようです。そのときスタイルシート(CSS)を使えば画像の大きさを調整できます。html文書内では<IMG src="*.gif" alt="ほにゃほにゃ" class="gaiji">などととしておき、css文書で、.gaiji{width:1em;height:1em;vertical-align:text-bottom;}と定義しておくと、画像の大きさが文字1つ分にフィックスされます。大きな文字を使っているところでは大きな画像になりますし、小さな文字を使っているところでは小さな画像に、webブラウザのズーム機能を使ったときも連動して大きさが変わります。ただしNetscape6にはズーム機能と連動しないバグがあります。もとの画像を縮小した場合、線が潰れて見づらくなるのが難点。文字色も変わりません(^^;
文字の代わりなので、alt属性は必須です(title属性でもいいかも知れない)。

>1.外字画像を使う場合、スタイルシートで行間を空ける方法はある?
>ところが、うちはスタイルシートで行間を空けているのですが(読みやすいように)、外字画像を挿入すると、そのスタイルシートが崩れてしまい、外字画像の入った行は行間が空かず、入らない所は空く・・というどうにも、ヘンテコリンなページができあがってしまいました(汗)。

それは…なんとも不思議な現象ですが…(^^;
css文書側を、P{line-height:200%;}などとしてみてください。それでダメなら、たぶんwebブラウザ側のバグだと思います。webブラウザへのスタイルシートの本格的な実装はつい最近のことなので、少し古いwebブラウザには未実装やバグが多いです。とくにNetscape4のしっちゃかめっちゃかな実装ぶりは有名です。最新のwebブラウザならきちんと見えていると思います。

>2.外字の入力法について教えて(汗)

《ATOK》《MS-GlobalIME》《Mojikyo Character Map》で入力するほか、webページからコピーするなどの方法があります。

>3.その他の解決法があったらおせーて。

【今昔文字鏡】の《GIFリンクサービス》を使う方法もあります。【今昔文字鏡】サーバにある文字画像に直接リンクを張ることができます。《今昔文字鏡TrueTypeフォント》を使う方法は…おすすめできない(>_<)

《Netscape》http://wp.netscape.com/ja/index.html
《ATOK》http://www.atok.com/
《MS-GlobalIME》http://www.microsoft.com/japan/ie/downloads/recommended/ime/default.asp
【今昔文字鏡】http://www.mojikyo.org/
《Mojikyo Character Map》http://www.mojikyo.org/html/download/cmap.html
《GIFリンクサービス》http://www.mojikyo.org/html/fontcenter/giflink.html
《今昔文字鏡フォント》http://www.mojikyo.org/html/download/ttf/dlttf.html
【unicode.org】http://unicode.org/
《秀丸》http://hide.maruo.co.jp/

いろいろな問題が錯綜しているので、いかなる場合にもあてはまる解答はないと言っていいくらいです。個別の対応が必要になりますので、また困ったことがあればメールください。どなたでもいいですよ。私も大したことは知らないですが、一緒に考えていきましょう。

【334】Re:外字ー
 孫ぽこ WEB  - 2003/10/27(月) 19:21 -

引用なし
パスワード
   ▼むじんさん:
>拙サイト【むじん書院】では、今まで文書全体をShift-JISで書き、Shift-JISで表記できない文字は文字参照を用いてUnicode番号を指定していました。最近その方法を改め、文書全体をUnicode(UTF-8)で書き、Unicode(UCS-2)で表記できない文字は画像で代用することにしました。多分それは最良の方法と言えるものではないのですが、ご参考にしてくださればうれしいです。すべてWindowsを使った場合について書いています。

私の場合市販のHTMlエディタを使用しているので、ユニコードで入力していくという事はやった事がないです。やってみないとわからないですね。

>●UTF-8で文書を作成する場合
>まずUnicode対応のエディタを用意する必要があります。ここは《秀丸》がおすすめ(code.macをダウンロードしておくともっと便利)。いつもの通り《秀丸》で文書を作成して、最後に文字コードをUTF-8にして保存するだけでいいです。簡単ですね。《一太郎》《WORD》でも同じ方法でできるはず(未確認)。UTF-8形式で保存したhtml文書なら、charsetをUTF-8にしなければいけません。Shift-JISやEUCのままにしておくと確実に文字化けする…(^^;

秀丸は持ってませんが、例えば市販のHTMLエディタで作成した後、ソースをワードなどで文字コードをUTF-8にして保存するなどはできるでしょうか?

>《ATOK》ならUnicodeで入力できますが、《MS-IME》ではShift-JISで表記できない文字を入力することができないのではないでしょうか。《MS-GlobalIME》をインストールすれば中国語を入力できるようですが、これはピンイン入力で使いづらい(^^; はじめに&#x7e47;などと書いておいて、一度webブラウザでその文書を表示し、該当の文字をコピーするという手もあります。

今日会社で聞いてみた所同様の返事がありました。どうやら前のパソコンではATOKでしたが新しいパソコンにはATOKを入れてなかったので、表記できなかったようです。早速ATOKを入れました。
ところで、
【はじめに&#x7e47;などと書いておいて、一度webブラウザでその文書を表示し、該当の文字をコピーするという手もあります。】
という事ですが、私の持っているHTMLエディタでは、それで入力したてプレビューしてもそのまんまです(汗)。どうしたもんでしょ?

>●画像で代替させる場合
>Shift-JISで文書を作成しても、UTF-8で作成しても、やがて表記できない文字は必ず現れます。今のところ文字の代わりに画像で表示するしかないようです。そのときスタイルシート(CSS)を使えば画像の大きさを調整できます。html文書内ではほにゃほにゃなどととしておき、css文書で、.gaiji{width:1em;height:1em;vertical-align:text-bottom;}と定義しておくと、画像の大きさが文字1つ分にフィックスされます。大きな文字を使っているところでは大きな画像になりますし、小さな文字を使っているところでは小さな画像に、webブラウザのズーム機能を使ったときも連動して大きさが変わります。ただしNetscape6にはズーム機能と連動しないバグがあります。もとの画像を縮小した場合、線が潰れて見づらくなるのが難点。文字色も変わりません(^^;
>文字の代わりなので、alt属性は必須です(title属性でもいいかも知れない)。

これは良い事を聞きました。早速やってみます。

>>1.外字画像を使う場合、スタイルシートで行間を空ける方法はある?
>>ところが、うちはスタイルシートで行間を空けているのですが(読みやすいように)、外字画像を挿入すると、そのスタイルシートが崩れてしまい、外字画像の入った行は行間が空かず、入らない所は空く・・というどうにも、ヘンテコリンなページができあがってしまいました(汗)。
>それは…なんとも不思議な現象ですが…(^^;
>css文書側を、P{line-height:200%;}などとしてみてください。それでダメなら、たぶんwebブラウザ側のバグだと思います。webブラウザへのスタイルシートの本格的な実装はつい最近のことなので、少し古いwebブラウザには未実装やバグが多いです。とくにNetscape4のしっちゃかめっちゃかな実装ぶりは有名です。最新のwebブラウザならきちんと見えていると思います。

IE6ですから、それはないと思うんですが・・・とりあえず、私のHTMLエディタのピレビュー画面ではダメでした。もう古いんかな?

とりあえず、エディターがだめなのかも?と思いました。確かにもうかなり古いHTMLエディタを使っています。

いろいろ参考になりました。またよろしくです。

【335】Re:外字ー
 孫ぽこ WEB  - 2003/10/27(月) 20:27 -

引用なし
パスワード
   うーん・・・スタイルシートに関してはやはりだめですね・・・。

うちだけでなく、y’sオフィスさんでも同様の事が起こっているので、うちだけではないと思います。

http://www003.upp.so-net.ne.jp/impreza/houtou.html

[广龍]統の[广龍]が続く行ではスタイルシートが崩れて詰まってますよね・・・。これうちと同じ現象なんです。

【336】Re:外字ー
 むじん E-MAILWEB  - 2003/10/27(月) 22:47 -

引用なし
パスワード
   こんにちは〜。

>秀丸は持ってませんが、例えば市販のHTMLエディタで作成した後、ソースをワードなどで文字コードをUTF-8にして保存するなどはできるでしょうか?

多分できると思います。…が、市販のエディタならUTF-8で保存する機能くらいはあるかも知れません。問題はShift-JISでは入力できない文字を、そのエディタが受け付けてくれるかどうかですね。もしダメなら下書き部分はエディタで済ませ、仕上げにワードあたりにコピーしてからそこで非Shift-JIS字を入力することになるでしょうか。
《秀丸》はシェアウェアですが、入金しなくても使えますので一度お試しになるといいかも。

>【はじめに&#x7e47;などと書いておいて、一度webブラウザでその文書を表示し、該当の文字をコピーするという手もあります。】
>という事ですが、私の持っているHTMLエディタでは、それで入力したてプレビューしてもそのまんまです(汗)。どうしたもんでしょ?

多くのエディタはプログラム内部からIEを呼び出してプレビュー画面を作らせていますが(だから動作環境にIE5以上なんて書いてるのね)、お持ちのエディタはおそらくIEを呼び出さず、自前のプログラムでプレビュー画面を作っているんだと思います。メーカーがアップデートを提供していないかぎり難しいと思いますが、もともとHTMLエディタの役割はレイアウトにあるので、そういう風に割り切って使ってみてもいいと思います。文字の確認は、html文書に&#x7e47;と書いておいて保存し、そのファイルを開いて直接IEで確認すればいいです。

>>>ところが、うちはスタイルシートで行間を空けているのですが(読みやすいように)、外字画像を挿入すると、そのスタイルシートが崩れてしまい、外字画像の入った行は行間が空かず、入らない所は空く・・というどうにも、ヘンテコリンなページができあがってしまいました(汗)。
>IE6ですから、それはないと思うんですが・・・とりあえず、私のHTMLエディタのピレビュー画面ではダメでした。もう古いんかな?

ご紹介のページで現象確認しました。だいたい原因もわかりました。これは文字に比べて画像が大きすぎるんだと思います。webブラウザは画像底辺が文字底辺と同じ高さになるように表示しますが、画像の高さが大きすぎるため、その画像を含む行を下げて上の行と重ならないように工夫してくれているわけです。これは先ほどご紹介したheight:1emで解決できます。
エディタのプレビューはあくまでも目安なので実際あてにならないはず…です。とくに他言語対応やスタイルシート関連の実装はほとんど期待できないと思います。

>とりあえず、エディターがだめなのかも?と思いました。確かにもうかなり古いHTMLエディタを使っています。

おそらく最新のエディタにしても同じような問題にぶつかると思います。エディタのプレビュー機能はあまり正確にhtmlやcssを解釈してくれません。エディタだけじゃなくwebブラウザも同じですね。新しいかどうかというより、むしろ用途の使い分けが重要になるような気がします。

【337】Re:外字ー
 孫ぽこ WEB  - 2003/10/27(月) 23:25 -

引用なし
パスワード
   >>秀丸は持ってませんが、例えば市販のHTMLエディタで作成した後、ソースをワードなどで文字コードをUTF-8にして保存するなどはできるでしょうか?
>多分できると思います。…が、市販のエディタならUTF-8で保存する機能くらいはあるかも知れません。問題はShift-JISでは入力できない文字を、そのエディタが受け付けてくれるかどうかですね。もしダメなら下書き部分はエディタで済ませ、仕上げにワードあたりにコピーしてからそこで非Shift-JIS字を入力することになるでしょうか。
>《秀丸》はシェアウェアですが、入金しなくても使えますので一度お試しになるといいかも。

かなり問題点がわかってきました。
まず、私の持っているHTMLエディタはユニコードに対応してません。ですから、[月缶系]はどのようにしても表記できませんでした。
そこで紹介された秀丸をダウンロードして表記してみた所、できました。

外字画像によってスタイルシートが崩れるのも全くおっしゃる通りでした。ただ、フォントの大きさに画像を合わせたらかなり外字が小さく見えてしまい、あまりよくありません。また、うちは文字を強調して色を変えている部分があるのですが、それにも、外字画像は色を変えてくれないので、やはり外字画像挿入方式は問題ありのようです。

逆にHTML文書を秀丸にコピーして、それから外字部分を修正してユニコードで保存。それを表示してみたら、見事に外字が表示されました。

よって現在の所、この方式(秀丸でUTF-8で保存)に惹かれています。

【338】Re:外字ー
 孫ぽこ WEB  - 2003/10/27(月) 23:30 -

引用なし
パスワード
   ただ、私は非常に横着者でして(汗)できれぱ秀丸を経由せずに、一括でユニコード入力・表記・確認ができるツールがあるとうれしいな・・・と(爆)秀丸でソース直接入力できるほど、詳しくないですし。

しかし、むじんさんのおかげでかなり解決法が見えてきました。ありがとうございます。

【339】Re:外字ー
 むじん E-MAILWEB  - 2003/10/28(火) 11:15 -

引用なし
パスワード
   こんにちは。

>まず、私の持っているHTMLエディタはユニコードに対応してません。ですから、[月缶系]はどのようにしても表記できませんでした。

うーん、やっぱり…(>_<)
《HOTALL》をお使いになってるのですね。いま調べてみると、名作と高く評価されたもののようですが…。

>外字画像によってスタイルシートが崩れるのも全くおっしゃる通りでした。ただ、フォントの大きさに画像を合わせたらかなり外字が小さく見えてしまい、あまりよくありません。また、うちは文字を強調して色を変えている部分があるのですが、それにも、外字画像は色を変えてくれないので、やはり外字画像挿入方式は問題ありのようです。

heightは少数も受け付けてますので、1.5emなどもお試しください。文字色を変えるならやはり色違いの画像を別に用意するしかないようです。文字が潰れてしまうのが困るので、拙サイトでは元サイズの画像へとリンクを設定しました。元サイズは150*150ピクセルあります(でか!)。この問題はどちらかというとwebブラウザ側の実装の問題ですね。PDF文書などはかなり縮小しても文字が読みやすい状態ですが、これはアンチエイリアス機能によるものです。実はIE3まではそのアンチエイリアス機能があったんです。ところがIE4以降は廃止されてしまいました。NNも。これは復活してほしい機能だなぁ。

【IE4.01の画像は手抜き処理!】http://members.aol.com/tanakaray/ie_anti.html

>ただ、私は非常に横着者でして(汗)できれぱ秀丸を経由せずに、一括でユニコード入力・表記・確認ができるツールがあるとうれしいな・・・と(爆)秀丸でソース直接入力できるほど、詳しくないですし。

WYSIWYG型エディタの最大の利点はやはりテーブルの作成が簡単だということでしょうね。しかしWYSIWYG型で、なおかつUTF-8で保存ができるというとかなり限られてくるのではないでしょうか。《IBMホームページビルダー》クラスでないとなかなか見つからないかも知れません。でもこれって高い!でかい!重い!
WYSIWYG型にこだわらなければ優秀なエディタはたくさんあります。私も2年前まで使っていた《HTML Project2》は、最近UTF-8での入出力を始めたようです。これはテーブル作成が弱点ですが、まぁそれ以外はそこそこ使いやすかったと思います。
(いまさっき最新版をダウンロードしてみました。私が使っていたころに比べると格段に進歩していてびっくり。でもエディタはUnicodeを受け付けていないようです。テーブル作成はやはり少し弱めでした。フリーウェアですが、作者は改良に熱心なかたのようですので、UTF-8保存したときソースの&#x7e47を「ヨウ」に置き換えるようにしてほしいとお願いしてみるといいかも。)

《IBMホームページビルダー》
《HTML Project2》http://www1.ttcn.ne.jp/~kaneto/

これを機会にhtmlを生で書いてみるのも面白いかも知れません。といっても、実際使うのは<P>と<A><Hn>の3種類くらいなので、そんなに難しいことでもないですよ。

【340】これはいいかも・・・
 孫ぽこ WEB  - 2003/10/28(火) 20:40 -

引用なし
パスワード
   >WYSIWYG型エディタの最大の利点はやはりテーブルの作成が簡単だということでしょうね。しかしWYSIWYG型で、なおかつUTF-8で保存ができるというとかなり限られてくるのではないでしょうか。《IBMホームページビルダー》クラスでないとなかなか見つからないかも知れません。でもこれって高い!でかい!重い!

なんとかないもんかと探してみました。

http://www.namo.com/jp/

UTF-8・エディタの検索で見つかりました。
見た目編集・ソース編集・プレビュー画面つきでUTF-8に対応しています。
HOTALLとほとんど変わらないイメージで編集できますし、
体験版をやってみた感じは非常に良いです。

>これを機会にhtmlを生で書いてみるのも面白いかも知れません。といっても、実際使うのは<P>と<Hn>の3種類くらいなので、そんなに難しいことでもないですよ。

それが一番いいんでしょうが汗。なかなか・・・。


【341】追加質問
 孫ぽこ WEB  - 2003/10/28(火) 21:44 -

引用なし
パスワード
   もう一つだけ。

もしユニコードでサイト表記した場合、繁体中国語ダウンロード推奨は必要ですか?

【343】Re:追加質問
 むじん E-MAILWEB  - 2003/10/29(水) 18:12 -

引用なし
パスワード
   こんにちは。
すごくいいエディタを見つけられましたね。うーん、ちょっと高いけど。
韓国のメーカーですが、韓国では日本語と同じく2バイト文字を扱うので、文字に関する技術が高く、日本語入力まわりでは英語圏のソフトよりしっかり作り込んであると思います。

>もしユニコードでサイト表記した場合、繁体中国語ダウンロード推奨は必要ですか?

文字参照で劉&#x7e47;などと書いた場合、繁体字フォントがインストールされていないと読めないので、トップページではこの方法での表記を極力ひかえ、繁体字フォントをインストールしてくれるよう案内するといいです。IEやNNなどでは、繁体字のwebページを開いただけで自動的にフォントをダウンロードしてくれますよ。

【348】Re:追加質問
 孫ぽこ WEB  - 2003/10/29(水) 22:19 -

引用なし
パスワード
   ▼むじんさん:
>こんにちは。
>すごくいいエディタを見つけられましたね。うーん、ちょっと高いけど。
>韓国のメーカーですが、韓国では日本語と同じく2バイト文字を扱うので、文字に関する技術が高く、日本語入力まわりでは英語圏のソフトよりしっかり作り込んであると思います。

もう買っちゃいました(笑)。秀丸で貼り付け直すという作業もやってみたんですがね・・これを続けたらたぶん途中で更新放棄するな・・と思いました(恥)。


>>もしユニコードでサイト表記した場合、繁体中国語ダウンロード推奨は必要ですか?
>
>文字参照で劉&#x7e47;などと書いた場合、繁体字フォントがインストールされていないと読めないので、トップページではこの方法での表記を極力ひかえ、繁体字フォントをインストールしてくれるよう案内するといいです。IEやNNなどでは、繁体字のwebページを開いただけで自動的にフォントをダウンロードしてくれますよ。

アドバイスありがとうございます。結局、うちもむじんさんと同じ方法で表記する事になりそうです。いっそユニコード表記連合でも作りますか(笑)?三国志系サイトの将来を考えると、こういう運動もありかも?

  新規投稿 ┃ツリー ┃スレッド ┃一覧 ┃トピック ┃番号順 ┃検索 ┃設定 ┃ルール ┃外部カレンダ ┃フロント  
562 / 662 ツリー ←次へ前へ→
ページ:  ┃  記事番号:   
507,121
(SS)C-BOARD v3.8 is Free