数式表示に特化した動的ウェブサイトの構築

Size: px

Start display at page:

Download "数式表示に特化した動的ウェブサイトの構築"

ちとらあきます
5 years ago
Views:

1 Abstract There is MathML as the markup language which does numerical formula indication. The markup which does very small definition is the feature, but interpretability of source cord isn't a cross-browser badly, it isn't also a multi-device. So TEX,AsciiMath in addition to MathML could be indicated now by a cross-browser and a multi-device by MathJax in the JavaScript library where numerical formula indication is supported. The site as which MathJax is adopted is increased, and TEX is used on the web. Interpretability has often developed it using TEX with a lot of users by this project.,,,pc,,,,, [1],,e,,,,,,, [2],, 1-1 A D, [2][3] E F,,,, 78

MathJax MathJax, arxiv[10] [11], MathOverflow[12],Wikipedia[13], MathJax,,MathJax TEX MathJax TEX, MathML 1-1 MathJax,

2 A 0, 1 x/ 1+xdx B HTML table,css C mimetexcgi D PDF E MathJax,MathML F 1-1 E JavaScript MathJax[4] JavaScript TEX[5] Presentation MathML[6] AsciiMath[7],HTML CSS,Presentation MathML,SVG JavaScript,PC MathJax,,, [8] MathSciNet[9] MathJax MathJax MathJax MathJax, arxiv[10] [11], MathOverflow[12],Wikipedia[13], MathJax,,MathJax TEX MathJax TEX, MathML 1-1 MathJax, HTML-CSS, MathML,SVG,,, 1-2, 1-3,, MathMLMathematical Markup Language 1998 W3C, MathML3.0 2nd Edition Presentation MathML, Content Markup, 79

1-1,, 1-1 F, mixi SNS,, YouTube,PC Windows,HTML5 Canvas API,,,, C, 1-5 1 1,

3 1-1,, 1-1 F, mixi SNS,, YouTube,PC Windows,HTML5 Canvas API,,,, C, , [14],, e, HTML,, [2],,, TEX,,, 1-5, MathJax TEX, TEX,TEX MathML, TEX, [15] 80

4 ,LMS,,, LMS,,, e [17], LMS Wiki,,, [16],, 1,,, 2,,,,,,,,,,,,,,, TEX e, PDF PDF, 1 LMS,, 2,, HTML5 <video>,css 81

5 3,, e,,e,,,,, MathJax, TEX,,,, Wolfram Alpha,,,,,, 2-1, , ,4-3 TEX 2-4, , , ,4-7,,TEX, 1, 1 JavaScript,, TEX MathJax TEX,,TEX,,, [18],,,,, 2-1,, 82

6 A B 1 62 c 2 = a 2 +b 2 d dx 2 2 sinx 2 cosx 2 2 xcosx 2 dx dx ,,,, 2-1,, 2-1,,,,,,,,, 1,, 0,1, 1, 2,,,, 2-2,, 1,,,,2,,,, 2-3, 83

7 2-3, 1,, 2 1,,,, 2-2,,,,,,+,, e loge ln,,,,,,,,,,,,tex,, =,, 2, 0 2,3 4,,,,,,,,, 2-2,,,,,,,,,, 0123 xyz PDF TEX,,,PDF 84

8 JavaScript,PDF,,SEO TEX Google, HTML5,, HTML5 <meta>,,,,, 1,e [19],,,,,,,TEX PDF TEX,TEX,TEX HTML, 2, MathJax TEX HTML,TEX MathJax, HTML,,HTML5 TEX,HTML TEX HTML, pdf2htmlex[20],latex2html[21], Pandoc[22],LaTeXMathML[23],,,,,PC,,,, MathJax TEX,, Wolfram Alpha, TEX,, Wolfram Alpha,,, [24] 2 x y,,, MathJax,,,, 85

9 ,, HTML TEX,,,, [2] Windows 7 PHP5.5.15,Apache2.4.4, MySQL5.5.32XAMPP PHP,HTML,JavaScript,CSS, MySQL,TEX,PHP [25] JavaScript 1 MathJax TEX Presentation MathML AsciiMath, HTML-CSS Presentation MathML SVG 2 jqueryjavascript DOM 3 jquery UIjQuery, 4 MathJax 2010 MathJax,,AsciiMath Presentation MathML ASCIIMathML[26] TEX jsmath[27] 3-1 MathJax 3,,, HTML-CSS, W3C MathML Presentation MathML, SVG 3 MathJax HTML MathML SVG, MathML,Presentation MathML, FireFox, HTML-CSS SVG 2 MathJax TEX MathML TEX 1978,,TEX LaTX MathJax AMS 2, TEX MathJax TEX 800,200 AsciiMath TEX,JavaScript,2 PHP,, PHP 86

10 , PHP,,phpmyadmin JS JavaScript jquery Keypad HTML,, MathJax HTML 3.2 2, 4-1,PHP SQL PDO,, 1 ID,,,, TEX, 1 2 JavaScript TEX HTML5,PHP HTML, HTML, jquery, jquery Keypad, unitip, TEX, MathJax TEX JavaScript, JavaScript TEX,1 1, 1, 1, pi, TEX, 1, pi,3,, 1 87

11 4-2,,,,,,,Enter, Space JavaScript,, FireFox,Enter Space event [2] 4-3,, MathJax, 4-4,,,,, 4-4, HTML5 type number,, TEX 4-5 MathJax, TEX,, [ ], TEX,, Newton,, MathJax e MathJax, 88

12 ,,JavaScript API, TEX TEX, HTML5 <mark>,,, TEX,, JavaScript indexof 1, TEX,,, TEX, int, in int, int, int in, 2, HTML,, 4-6,,TEX {, },, TEX 4-7,,2, 4-7, TEX 4-8,.html,,.php TEX, 89

href download data:application/octet-stream,,tex HTML5,MathJax HTML,,,, PC JavaScript,HTML5 File API HTML <input type=file /> onchange event JavaScript,FileReader,event SHIFT-JIS,TEX HTML5,,<a>

13 href download data:application/octet-stream,,tex HTML5,MathJax HTML,,,, PC JavaScript,HTML5 File API HTML <input type=file /> onchange event JavaScript,FileReader,event SHIFT-JIS,TEX HTML5,,<a> jquery attr,,,, download.html TEX HTML5, TEX [6] 4-1,,,,HTML5 Canvas API SVG,, Canvas,,, Canvas API, <canvas> on JavaScript,,2013 W3C PC on 4-2,PC,,,,, PC, mousedown touchstart mousemove touchmove mouseup touchend Wolfram Alpha,, Wolfram Alpha, TEX,Wolfram Alpha URL,TEX 90

14 ,, TEX,dx sin x2 Wolfram Alpha,JavaScript encodeuricomponent URI 4-9,,, dx,wolfram Alpha, dx,dx d, livedoorblog, MathJax <script>, MathJax TEX,, TEX URL,<iframe>, <iframe src=' right' width='600' height='300'> </iframe>,x sinx)xsinx), *, MathJax, <script>,, 2 <script> 1 MathJax <script>,mathjax, 4-10 PHP JavaScript,prompt POST, PHP,, 2, 1,confirm 2, PHP POST HTML5[28][29] W3C,,Canvas API Web 91

Storage HTML5 HTML,2, HTML5,2015 1 15 W3C HTML5 [30], HTML5, W3C HTML5 HTML5 HTML5, <button>, HTML5 <form>, <button> form <form> id,<form> <form id=comment></form> <button form=comment> </button>

15 Storage HTML5 HTML,2, HTML5, W3C HTML5 [30], HTML5, W3C HTML5 HTML5 HTML5, <button>, HTML5 <form>, <button> form <form> id,<form> <form id=comment></form> <button form=comment> </button> <button> </button> <textarea form=comment id=mathinput ></ textarea>,, HTML5,</form> </textarea>, HTML5,<form>,,,HTML5 Web Storage, sessionstorage, localstorage <table>,, URL,HTML5 <video> YouTube <iframe>, FC2.mp4.ogv.webm <video> <video src=' v0000.mp4'controls width='400' height='300'></ video> PC <video>, MathJax,JavaScript,, PHP,,MathJax,CSS,iPad 4 ipad AirAndroid 2.3.5,, MathJax, FireFox beta MathJax,

16 ,,,, Enter Space, PC, 1 2,3.7, 3,,YouTube YouTube,,, PHP, LMS PDF,,,,, 93

17 ,,CMSCourse Management SystemCMS,,,,LMS, LMS LMS,,,,MathJax TEX,,, GUI,,7, TEX,,,,,,,,, e,,,,,,, MathJax TEX,MathML, TEX, TEX TEX, TEX,, MathML,MathML TEX,TEX Content MathML, Content MathML Content MathML,,MathML OpenMath[31],Content MathML Semantic MathML[32],,,,, 94

18 ,,,,Canvas API SVGScalable Vector Graphics, [33] Canvas API, SVG, [34],Canvas API, SVG SVG, [35],Canvas API SVG, CASComputer Algebra System, AIArtificial Intelligence,,, e STACK, [36] GeoGebra[37],,,Wolfram Research[38],, Wolfram Alpha[39] Mathematica,TEX,MathML,,,, Wolfram Alpha,Wolfram Alpha,,, <meta>,,1,, AI [40] [41],,, LMS,,,,,,,,,CAS 95

19 SearchOnMath Wolfram Research, CAS, AI,,,,, 3,,,,,,,,,,,,,,, MathJax, TEX HTML5,, e Vector, UI R Web 15K00926 [1],u-Japan, new_outline03.html Raluca Budiu, Web, U-Site,U-Site [2],, MathTech2015.pdf [3],MathML 2008,kcg.edu [4] MathJax Consortium, MathJax, MathJax [5],,LaTeX2e,,2013 [6] W3C,W3C Math Working Group,World Wide Web Consortium (W3C) [7] David Lippman,AsciiMath,AsciiMath [8],MathJax,MathJax [9] American Mathematical Society, MR: Search Publications database, American Mathematical Society :: Homepage [10] Cornell University, arxiv.org e-print archive, arxiv. org e-print archive [11] California Institute of Technology, Michael A. Gottlieb, and Rudolf Pfeiffer, The Feynman Lectures on Physics, The Feynman Lectures on Physics [12] Stack Exchange, Inc., MathOverflow, Math Overflow [13] Wikimedia Foundation, Inc., Wikipedia, [14] Wikipedia 96

20 [15] Crossroad, [All Thread / Page: 0], [16] H. Gotoh, M. Sakamoto, K. Emi, Developing e-learning and Communication Systems to Support Displaying Math Equations on Web-Pages, in 2009, e JeLa2009,pp3-6,2009. [17],Definition of Communication, (IKEDA Mitsuho) communication.html [18],,, e,,,,2004 [19],KIT,KIT progress 12,pp.29-38, [20] Lu Wang, pdf2htmlex by coolwanglu, Lu Wang's Page [21] Nikos Drakos, The LATEX2HTML Translator, Washington State University - Pullman, Washington [22] John MacFarlane, Pandoc - About pandoc, John MacFarlane - Home [23] Jeff Knisley, A Brief Introduction to LaTeXMathML, n1530link [24] Anthony Foster, Han, Philippe Latulippe, graph.tk, graph.tk [25],, [26] Peter Jipsen, ASCIIMathML opening page, Chapman University A Top Private University in California [27] Davide P. Cervone, jsmath, jsmath: jsmath Home Page [28] W3C,HTML5, World Wide Web Consortium (W3C) [29] W3C,HTML5,World Wide Web Consortium (W3C) [30] W3C, HTML5 Japanese Community Group, World Wide Web Consortium (W3C) [31] The OpenMath Society, OpenMath, OpenMath [32] MovGP0, Semantic MathMLsemanticweb.org, semanticweb.org [33] Microsoft,SVG Canvas: (Windows), MSDN - Microsoft Developer Network (v=vs.85)aspx [34],railmaps/tokyo.svg at masterhashcc/railmaps, GitHub tokyo.svg [35] Todai Robot Project [36],, 2008 Vol. 18,No.520, pp /_article/-char/ja/ [37] International GeoGebra Institute, GeoGebra, GeoGebra [38] Wolfram, Wolfram: Computation Meets Knowledge, Wolfram: Computation Meets Knowledge [39] Wolfram, Wolfram Alpha: Computational Knowledge Engine, Wolfram: Computation Meets Knowledge [40],,, 2005 [41] Schema.org, Homeschema.org, Homeschema.org 著者紹介 Nobuo Yamashita, Keiji Emi,,, ET,, 97

E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax We

E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax We MathML TEX 1,a) 1,b) MathML TEX JavaScript MathJax TEX GUI MathML TEX MathJax Prototype of e-learning and Communication Systems to Support Displaying Math Equations with MathML and TEX Nobuo Yamashita