日本語でＣＳＳなどを書くソフトが無いのはなぜ？

Question

前提として、自動的にソースを書いてくれるソフトは最初は使わない
ということです。
アドビのソフトを譲り受けましたが、使わずに一通りの作業が判って
から使う予定ですので・・・。
－－－－－
ホームページを作る過程で・・・。
　ジャンル毎に、同じ書式のページがたくさん存在するので、
　後々のことを考えて、１つのスタイルシートを複数のページに適用
　するために、スタイルシートを書かざるをえなくなりました。

まず、下記の３個の例をごらんください。
－－－－－
【実際の例】　
●英語（英語ベースのコマンド）で書かないと動きません。

div.nav {
background-color: #ccffcc;
　　border-bottom: solid 1px #55cc55;
padding: 0.1em;
}
－－－－－
【日本語の例】

●日本語化css（日本語にしてみました）

適用領域設定.誘導 {
背景-色:　#ccffcc;
　　罫線-下: 実線 1コマ #55CC55;
枠内余白 :0.1文字;
と、日本語で書いてもcssは、動きません。←（動いて欲しいです）
－－－－－

【１６進数の例】
●内部が全部１６進数で動いていると仮定した場合
　（本当は、違いますがあくまでも例です）

0035.ff98 {
3d7a-7b9a: #ccffcc;
　　1f3d-57af: 1ab #55cc55
　　df03: 0.1ff;
}
－－－－－－－－－－－－－－－
【手間は変わらない】

●英語を母国語とする者にとってCSSは”ほぼ”日常の言葉】

英語が母国語の者には、cssの予備知識が無くても・・・
【日本語の例】のように、解釈の相違はありますが、記述している
内容と意味が分かりますが・・・

英語が”文盲状態”の者にとっては・・・
【１６進数の例】のように、”すべて１６進数”で書かれているの
と何ら変わりません。

ビー、オー、アール、ディー・・・と、
１文字ずつ間違いが無いように見本と見比べながら、入力します。

★＜質問の趣旨に関連＞
　私が”ファイル”などのカタカナ語以外の英語を殆ど理解しない
　”英語の文盲”状態の者ですので、
　ＭＳ－ＤＯＳの ＰＣ－９８００に、１６進数の命令を入力する
　感覚です。
　CSSが１６進数のほうが、全世界の者が平等だと思うくらいです。
－－－－－
【英語以外のcss？を見ました】

海外サイトの静止画が右クリックで保存出来ないときに、画像の
ソース→css を開いたとき、
ロシア語やアラビア？タイ？語、ハングルなどで記述されたCSS？
プログラム？らしきものを見ました。
ブラウザではアラビアやタイ語の命令を理解するのかな？（不明）
－－－－－
【作業効率の著しい低下】
背景-色: #ccffcc;　なら、#の後の１６進数だけ見比べながら、
　背景-色: #　と、母国語なので日本語入力ですぐに入力できます。
一方・・・。　background-color　の場合、
　ビー、エー、シー、ケー、ジー、オー・・・・
と、１文字ずつ、間違いの無いように入力することになります。
英語が母国語の者は、日本語の背景-色　のようにスムーズに、
１字、１字、確認しなくても入力できます。

”ほぼ”母国語で書かれたCSSを入力するのと・・・・
１６進数（英語の文盲には１６進数と同じ）で書かれたCSSを,１字
ずつ確認しながら入力する・・・

のでは、作業効率に大きな差が生じます。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
【質問の趣旨・内容】→
→　日本語で記述できるCSS、JAVAスクリプト用の変換ソフトが無い
　　のはなぜ？
－－－－－
内部処理としては、
　●英語の命令文→内部処理（機械語）→実行（ブラウザに表示）。
　　だと思うので・・・。
　●日本語の命令文→変換→英語の命令文→機械語→実行
　　でも良いと思います。

背景-色: #ccffcc;　→　background-color: #ccffcc;

このように、変換出来る、環境が欲しくて、何日も「日本語で記述できる
CSSソフト」をネットで探し回りましたが、無いです。

背景色を変えたい時、　背景-色: #XXXXXX;なら、容易に覚えられます。
　background-color　は”無理！！！”です。

”無理！！！”と言い切ったのは、２０歳代の頃から、旧漢字の書面を
読んだり旧字体を書く必要があり、【体＝體／来＝來／径＝徑など】の
たくさんの旧漢字を正確に書けるようになるまで、２，３年かかり、
大変苦しみました。

※　頭の中に、旧字体と現行字体の漢字辞書が２つ入っている状態を
　　　 作るのは”ある程度範囲を限定された字数でも”大変です。

英単語の利用価値はゼロですので、英語で、同じ苦しみは２度としたくあ
りません。

CSSは、英語至上主義の鬼畜？な仕様で、「鬼畜米英」という戦前の日本
の為政者が作った言葉を思い起こされました。
母国語でCSSが書ける・実行出来るようになっていないようですね。

無駄な、”ほぼ英語学習”になってしまう英語版のCSSではなく、
漢字記述の母国語（旧漢字も希望＞無理かな？）→ ほぼ英単語のCSS 
に変換するソフトを切実に希望します。
英語が基本のプログラムでも、母国語側の使用文字などを決めれば、変
換するのは容易なはずです。

（JAVAも母国語で記述できたら良いのに・・・・）

【英語以外のcss？を見ました】で書いたように、多言語で動くなら、
漢字版の開発環境があれば良いのに・・・。
＞中国やロシアなどは無断で？改造して作っていると思います（予想ですが）

内部で変換処理するだけなのに・・・なぜ無いの？と思って質問しまし
た。
長文をお読み頂きありがとうございました。
（切実に日本語版が欲しいです）

naokita · Accepted Answer

方法１．
IMEなどに辞書登録して毎回変換作業をする。
方法２、
CGIで変換する。
例えば、perlを勉強して貴方風の日本語CSSを書き、
そのCGIを介して正規CSSに変換保存できます。
----------------------

適用領域設定.誘導 {
背景-色:　#ccffcc;
罫線-下: 実線 1コマ #55CC55;
枠内余白 :0.1文字;
}

上記を変換したら、以下になるように各単語単位で変換すればよいです。

div.nav {
background-color: #ccffcc;
border-bottom: solid 1px #55cc55;
padding: 0.1em;
}

登録単語は、数百程度だけでしょう。
-----------
ちなみに
貴方の日本語化が正式な日本後CSSになったら「使えない」という人が大勢でしょう。
例えばの話、
貴方は、
「背景-色」としましたが、間違って「背景色」としたらどうしますか？
「枠内余白」としましたが、間違って「枠内隙間」としたらどうしますか？
完全一致にするという事は、
日本語でも、全て暗記しなくてはいけないという事です。
「適用領域設定」←こんな単語覚えるなら「div」の方が100倍マシです。
また、
外国人が日本語CSSのサイトを日本語対応できないので、表示がグチャグチャになりますよね？
これを適応させるには、日本語CSSのパッチを貴方のサーバもしくは世界のパソコンにインストールする必要があり、設定時間、待機時間や表示時間が無駄です。

-------------------
＞内部で変換処理するだけなのに・・・なぜ無いの？と思って質問しました。
単に需要がないから。
また、独自仕様を許すと、
じゃあ小中学生の為に「ひらがな」「カタカナ」仕様の方がいいんじゃないの？とか、大阪弁仕様とつくらんか～とか、ルールが崩壊します・・・
発明は何でもそうですが、
欲しいと思えば、自分で作れば良い（誰かに依頼する。またはそのような運動/活動で賛同者を得る）

しかし、CSSを全て覚えなくとも
貴方がこれから勉強するdreamweaverなら少し簡単でしょう。
また、配置やボタンで出来る素人用ソフトもあるようですよ。
-------------------

蛇足ですが、
パソコンを日本仕様にした方々には頭が下がります。
しかし、複数の文字コードがあるのは残念です。
その他の各種言語が共通なのは大歓迎です。

自分の考え：
言葉の話ですが、母国語なんか捨てて全世界共通言語を作るべき。
数十年後の世界の為に犠牲になってもよいです。

mrkato · Answer

その「２バイト系ツール」に国際化の工夫があると善いですね。

eComstation(OS/2)のことを知ってると、出来上がってる２バイト対応GUIだけでなく、
「コマンドからファイルアクセス」すらバージョンアップで全く製品レベルに
進まないので、いつも購入してるユーザーが英語版落として人柱。

MINDのほうはCの書式というブログが有りますね。
http://wise9.jp/archives/1724

他にも、COBOL（事務系元祖のメジャー言語で元々英文ぽく書くコンパイラ）
http://www.cobol.gr.jp/
を漢字書き日本語命令文にしたCORALがありましたけど、
日立製作所からキヤノンに移管？した上で、2010年に保守終了となりました。
http://www.canon-soft.co.jp/product/cano-aid/
コーディングというかエディタが使える16ビットPCが出た頃の言語ですが、
（うろ覚えだと、同時展示でカラーPPCのPIXELが売り出した辺りかな）
そのパソコン自体＝オープンソース向けには全く縁が有りません。

１バイト文字（タイプタイラーの活字を替えれば打てる）の場合は、
コードページ宣言をして、後は「文字列検出一括変換」、デバッグに行けますから、
ロシア語とか、需要の厚い言語バージョンが一気に供給されるんです。

２バイト活字の命令と１バイトのラベル、数値、外部コマンドが混ざらざるを得なく、
結局「いちいち文字変換して書く」がきつくなってしまいます。

Cとかスクリプト「内部で変換」というのは、ちょっときついと思います。
テーブル（対応一覧表のマトリクス）が置いてあって貼り換えれば済むわけで無く、
かなり内部まで２バイト表記が入るのは、そのツールを作る人には大変なので
（逐一２バイトが来るたびエスケープして、また解釈した上で文字列組んで）
RFCに書くのはいいけど、制定してもらえるほど実績が積めないのは心配。

Yune-Kichi · Answer

その「地域化されたCSS (以下LCSS)」，誰が使うんですかね。

そのLCSSが使えるようになるには，
・各[言語-地域]単位でのLCSSが標準化されている必要がある
・少なくともメジャーなブラウザでその[言語-地域]用のLCSSに対応している必要がある
・[言語-地域]用のLCSSが使われている
の3つの条件が必要になります。
特に2番目の条件を軽視していませんか。
その[言語-地域]用のLCSSに対応していないブラウザでは，結局デフォルト言語用のLCSSか，現状のCSSが必要になります。
つまりは，二重管理です。
二重管理は手間ですから，結果として現状のCSSのみが使われ続けてLCSSは廃れると思いますよ。

e.g.)
・HTML5
未対応ブラウザのための代替策を，HTML5で書かれたサイトは通常提供している
・国際化ドメイン名
2003年標準化。未だに普及したとは言い難い。
その言語以外からのために，結局従来のドメイン名が必要。

ORUKA1951 · Answer

＞日本語でＣＳＳなどを書くソフトが無いのはなぜ？

[理由]
・インターネット、ウェブ、コンピューターとも英語文化圏で誕生したものだから
　　柔道の用語は日本語です。
・わずかな文字で表せるから--ASCII文字だけですむ。
　　どの国のキーボードでも入力できる。
・ウェブの目的は、世界だから
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
Webの背景をなす基本的な原理は次のようなものである。どこかの誰かが、ひとたび文書、データベース、画像、音声、動画あるいはある程度までインタラクティブな画面を準備したなら、・・・【中略】・・・いかなる国のどのようなコンピュータを使っている誰もが、この画面に対してアクセス可能でなければならない。
・・・【中略】・・・
Webは技術的な創造物というよりは社会的な創造物である。私はWebを技術的なおもちゃではなく、人々の共同作業の手助けとなるような社会的効果を生むものとして設計した。Webの最終目標は、世界中に散らばっている私たちが織りなしている網の目のような存在を支援し、改善することである。(p.156)
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［よいウェブページを書こうとする人のためのヒント( http://www.sal.tohoku.ac.jp/~gothit/webauthoring … )］より

　となると、選択肢は英語由来の用語しかないでしょう。
　漢字と違って新しい文字を覚える必要は少なくともありませんから・・。

　私も英語はとても苦手でした。漢字も苦手です。特にワープロやパソコンを使うようになって漢字は出てこなくなりました。
　HTMLを書くにしても登場するタグはせいぜい数十個でしょう。中学校で学ぶ英単語2,000語に比較したら微々たる物でしょう。あなたが知っている漢字と比較したら・・。そしてなによりも英語と日本語の違いの最大のものは専門用語がないということです。一般的な日常単語がそのまま使われるということ。あなたが例にあげられた
background　背景
color　　　色
border　　　枠
bottom　　　底
solid　　　固体
padding　　余白
だって、日常でも使われる単語ですが、これらを日本語に訳すときは、どの分野で使われているかや前後の文脈でまったく異なる漢文に翻訳しなければなりません。

　それぞれの言語には、長所も欠点もあります。漢字文化圏では膨大な漢字を覚えなきゃなりませんが、一目見て意味がわかる。

打ち間違い？　　白と入力すべきところを百と入力することも、whiteとすべきところをwiteも同じミスはありますが、大抵のテキストエディタは英文ならミスだと知らせてくれる。私はプロパティをcolor:と正しく入力していれば、色が付くようにしているので。

一文字一文字・・・間違いなく入力？？　これは漢字入力も同じです。たとえば私は「がぞう」と入力して[変換]キーを押すと、
画像
<img src="" width="" height="" alt="">
と候補が出てきます。IMEに保存しておけば変わらないでしょう。
「りすと」→「<ol></ol>」「<li></li>」「<ul><ul>」「<dl></dl>」
「ていぎ」→「<dt></dt>」
「せつめい」→「<dd></dd>」
に登録すれば、最初のひと手間だけで結果的に漢字入力と差はないでしょう。

１６進数？　これは苦手なので、色はrgb(255,255,255)かキーワードを使います。「らいむ」→「lime」、「みずいろ」→「aqua」よって
「いろ」[変換]「水色」[変換]で
color:aqua;
と入力すれば良いです。

　高々、数十個のタグと、その数倍のスタイルシートに登場する単語・・・そんなの、使ってれば自然と覚えます。私は還暦を過ぎた高齢ですが、それが苦になることはありません。
　実際に、あなたが本当に苦労しているのは、そんなことじゃないような気がします。---HTMLやスタイルシートの根本的な仕組みの理解ではないのですか？？？その言い訳に文字を持ち出して理由付けされている。

ちなみに

　プログラム言語には、コンパイラではMind ( http://www.scripts-lab.co.jp/mind/whatsmind.html )、スクリプトタイプではひまわり ( http://kujirahand.com/himawari/ )やなでしこ ( http://nadesi.com/ )があります。

」「

naokita · Answer

NO.4回答者です（お礼拝見済み）

因みに、
自分で書いたCSSが何なのか意味不明？という問題点ですが、
CSSには、コメントアウトというコンピュータが読み込めない領域があります。
つまり、マーキング・メモ・付箋のような事が可能
このコメントアウトを利用しメモ書きします。
例えば、/* */　を利用し、

/* ナビゲーション枠 */ div.nav {
/* 背景色 */ background-color: #ccffcc;
/* 実線での下線 */ border-bottom: solid 1px #55cc55;
/* 内包余白 */ padding: 0.1em;
}

という感じで、自分流にメモすると目印になるかと・・・

独自タグを利用するって話もありますね。

taloo · Answer

代替案っぽいものですが、アイデアを。
入力ミスを防ぎたいのであれば、テキストファイルかなにかに

色 color
背景色 background-color
罫線 border
余白 padding

などと一覧を書いておいて、必要に応じてコピーペーストしたらどうでしょうか。

word-wrap、table-header-group、text-kashida-spaceなど、おおよそ国語に存在しない言葉をどのように訳されるのかわかりませんが、、、

DreamweaverのCSSインスペクタを使えば、プロパティの入力は不要になりますし、多くの値の入力も選択肢から選ぶだけになります。
ウインドウメニュー -> CSSスタイル
を選択してみてください。
（一覧に表示させるには、あらかじめ『新規CSSルール』で作っておく必要が有ります。）

taloo · Answer

>→　日本語で記述できるCSS、JAVAスクリプト用の変換ソフトが無い
>　　のはなぜ？

Dreamweaverも、古いバージョンでは全て日本語でした。
DreamweaverMX 2004の操作画面
http://www.dreamweaver-guide.com/practice/practice4.html

ただ、これですと、CSSを勉強している人が、
「colorpプロパティは"カラー"という場所を変更すれば良い」
「paddingプロパティは"余白"という場所を変更すれば良い」
という翻訳が必要になってきます。

現行バージョンのように、英語のまま（CSSの文法のまま）ですと、
「colorプロパティはcolorという場所を変更すれば良い」
と、翻訳しなくて良い事になります。
こうすることで、手書き（ソースコードやCSSインスペクタ）で編集する時と、ダイアログで編集する時のために２種類の覚え方をするよりも、翻訳不要な1種類だけの方が効率的に覚えらると思います。

-------------
HTMLコーダーは英語と日本語をいちいち翻訳してないと思いますよ。
「外来語」として日本語の一部と考えている人ばかりでしょう。
borderを翻訳しても"ボーダー"になるだけで、それが国語（外来語ではないもの）でどう呼ぶか、というのは意識していないと思います。
この考え方は、外国人（日本語と英語以外の言語を母国語とする人）でも、同じだと思います。

notnot · Answer

まず、ウェブの世界は世界で1つなので、＞画像のソース→css を開いたとき、ロシア語やアラビア？タイ？語、ハングルなどで記述されたCSS？プログラム？らしきものを見ました。は勘違いでしょう。ただし、クラス名やID名に半角でないユニコード文字を使うことはできるので、 HTMLで、あいうえお CSSで、 .重要 { color: red ; } というのは可能で、そういうのを見たのじゃないですかね。半角英数字以外をクラス名やID名に使うのであれば、文字コードはutf-8にしておいたほうが無難です(Shift_JISとかだと環境によっては動かない)。上に書いたように、ウェブの世界は世界で1つなので、実際にサーバーに格納する CSS ファイルは、 .重要 { color: red ; } のようになっている必要がありますが、手書きするときに、 .重要 { 色: 赤 ; } と書いて、それをプログラムで上のように変換してからサーバーに格納するというのは可能です。そういう変換プログラムは見たことないですけど、ニーズが多ければ誰か作っていると思います。そんなに難しいプログラムじゃないので。見つからないとしたら、ニーズが無いと言うことでしょう。

日本語でＣＳＳなどを書くソフトが無いのはなぜ？

方法１．

この回答への補足

その「２バイト系ツール」に国際化の工夫があると善いですね。

その「地域化されたCSS (以下LCSS)」，誰が使うんですかね。

＞日本語でＣＳＳなどを書くソフトが無いのはなぜ？

この回答への補足

NO.4回答者です（お礼拝見済み）

この回答への補足

代替案っぽいものですが、アイデアを。

>→ 日本語で記述できるCSS、JAVAスクリプト用の変換ソフトが無い

まず、ウェブの世界は世界で1つなので、

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

>→　日本語で記述できるCSS、JAVAスクリプト用の変換ソフトが無い