12割る3

4*3
17+2
16-9

これらを筆算で表記したいのですが
うまくゴシックのフォンをと使ってHP上で表記するにはどうすれば良いでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/06/03 02:23:11
  • 終了:2007/06/10 02:25:02

回答(4件)

id:jack_sonic No.1

じゃっくそにっく回答回数123ベストアンサー獲得回数252007/06/03 02:33:31

ポイント23pt

フォントを使う場合、

一番てっとりばやい手軽な方法としては、

等幅フォントになるHTMLのpreタグを使うとか

どうでしょうか。

     12
 ÷)   3
  -----

      4
 ×)   3
  -----
     17
 +)   2
  -----

     16
 -)   9
  -----

HTMLソース

<pre>
     12
 ÷)   3
  -----

      4
 ×)   3
  -----
     17
 +)   2
  -----

     16
 -)   9
  -----
</pre>

参考

4-4-3 <PRE>タグの活用

id:marry_marry

ありがとうございました。

2007/06/03 22:04:30
id:jack_sonic No.2

じゃっくそにっく回答回数123ベストアンサー獲得回数252007/06/03 12:07:12

ポイント22pt

こんにちは。1の回答者です。

もっと柔軟な数式を作れる

方法をさらに説明いたします。

簡易的にテキストでやる以外に、

柔軟に数式を記述するには、

Wordの数式オブジェクトや、

はてな記法のtex記法でやると、

複雑な数式にも対応できます。

-----------------------------------------------------------

1.Wordで記述する場合

数式オブジェクトを持っているWordのバージョンでは、

メニューから、挿入>オブジェクトで、数式オブジェクトが選べ、

数式を記述できます。

こちらをご覧下さい。(操作の図解)

複雑な数式を入力する


  • 挿入すると、数式編集領域と、

数式編集ツールバーが出ますので、それを使って追加してきます。

数字はそのまま入力できます。

  • 上付き線、下付き線は、

カーソルを合わせると[バーテンプレート]と表示されるボタンで

追加します。

  • 数式は、Word文書のファイルメニューで、HTMLとして保存する

「Webページとして保存」で、htmlを選んで保存すれば、

できたHTMLファイルと、同じ名前のフォルダができ、

そのフォルダの中に数式の画像が生成されています。

  • 編集する場合には、数式オブジェクトをダブルクリックか、

右クリックして、数式オブジェクト>編集を選んで

数式編集バーを出して編集します。


-----------------------------------------------------

2.はてな記法(はてなダイアリーなどTexが使えるHP)を使う

tex記法とは、

特殊な文であらわした数式を、画像化してくれる機能です。

はてなダイアリーのヘルプ - 数式を表示する(tex記法)

はてなダイアリーなどであれば、

mimeTexを使ったtex記法で数式を作れます。

記法に慣れるまで難しいですが、

慣れてしまえば便利です。

(高度な記述方法がありますが、今回は簡単な書き方を説明します。)

[tex:(tex文)]

という形式で記述します。

記述するときのルールは、

記述するもの 書き方("\"(バックスラッシュ)は¥記号が相当する場合があります)
横方向の空白 \hspace{空白数}
要素の下につく線 \underline{要素}
要素の上につく線 \overline{要素}
)記号 \)
乗算記号(×) \times
改行 \\
文字の大きさを変える tex文の先頭に 大きさ数字$ を足す(書かなければ標準サイズ)
何か要素を囲うとき {}(波かっこ

なので、

「12÷3」を筆算であらわすならば、

行ごとに出てくる文字、線を考えますと、

1行目: (空白) 4 (改行)

2行目: 3 上線付き{ ) 12 } (改行)

3行目: (空白)下線付き{ 12} 

4行目: (空白) 0 

という風になります。

これを上記にあらわした表と照らし合わせ、

 [tex:\hspace{18}4\\ 3\overline{\)12}\\ \hspace{12}\underline{12}\\ \hspace{19} 0]

と書くと、

3$ \hspace{15}4\\ 3\overline{\)12}\\ \hspace{12}\underline{12}\\ \hspace{19} 0

このような画像ができます。

はてなダイアリーやmimeTexが使えるHP

ならこのまま使うことができますし、

使えないHPでも、この画像を右クリックして名前を付けて保存して

貼り付けられます。


質問文の数式を表していくと、

「4*3」は、

 \hspace{18}4\\ \underline{\times \hspace{10}3}\\ \hspace{12}12

 [tex: \hspace{18}4\\ \underline{\times \hspace{10}3}\\ \hspace{12}12]
「17*2」は、
 [tex: \hspace{16}17\\ \underline{+ \hspace{10}2}\\ \hspace{16}19]

 \hspace{16}17\\ \underline{+ \hspace{10}2}\\ \hspace{16}19

となります。

「16-9」は、
 [tex: \hspace{16}16\\ \underline{- \hspace{10}9}\\ \hspace{19}7]

で、

 \hspace{16}16\\ \underline{- \hspace{10}9}\\ \hspace{19}7

となります。


その他に使える詳しい数学記号や記法については

こちらの私のwikiに記載します。

tex記法、mimeTexの書き方、記法(数式表示) - 情報処理研究所 ジャックズラボ(jack's Lab)

id:marry_marry

ありがとうございました。

2007/06/03 22:04:25
id:igoni No.3

igoni回答回数73ベストアンサー獲得回数22007/06/03 08:42:29

ポイント23pt

  ___

3 ) 1 2


を<pre>タグで表示すればいいと思います。

http://www.google.co.jp/

id:marry_marry

ありがとうございました。

2007/06/03 22:04:24
id:turkey_hate No.4

turkey_hate回答回数18ベストアンサー獲得回数02007/06/03 14:07:56

ポイント22pt

枠が付いてしまいますが、textareaではどうでしょうか。

http://www.htmq.com/html/textarea.shtml

id:marry_marry

ありがとうございました。

2007/06/03 22:04:22

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません