1. システムの導入について
Touch English!をダウンロードして頂き，ありがとうござ
います。
Touch English!はCGIとしてPerlを使用し，HTML5・CSS3・JavaScriptを
使用して開発したWebアプリケーションです。そのため，このアプリケー
ションの全ての機能を使用するためには，サーバが必要となります。つま
りサーバが無ければ使用することはできません。
お手持ちのWindows PC等をサーバとして使用する場合には，プログラム
言語であるPerlを動作させるための“Active Perl”等のインストールとＷ
ｅｂサーバプログラムである“Apache”等のインストールが必要となりま
す。

2. システムの導入について
ダウンロードしたフォルダ内には次のようなフォルダが存在しています。
試しに，Studentフォルダを開きます。

3. システムの導入について
studentフォルダ内の一部です。このフォルダ内の全ての“○○○.cgi”
というファイル内のインタプリタのパスをお手持ちのサーバの環境に合わ
せて変更する必要があります。

4. システムの導入について
studentフォルダ内の一部です。このフォルダ内の全ての“○○○.cgi”
というファイル内のインタプリタのパスをお手持ちのサーバの環境に合わ
せて変更する必要があります。なお，このスライドでは“○○○.cgi”と
いうファイルは，“サクラエディタ”がＰＣにインストールされているた
め，外見が異なる可能性があります。

5. システムの導入について
“accordion_for_teachers.cgi”というCGIファイルを開いてみました。
このファイル内の一番最初に記入されている，このスライドでは緑色の部
分がインタプリタのパスです。Touch English!を動作させるためには，全
てのCGIファイルのインタプリタのパスをお手持ちのシステムに合わせて変
更する必要がぁあります。

6. システムの導入について
全ての四角内のフォルダにある“nhn-bbs”の中のファイルパスを変更す
る必要があります。

7. システムの導入について
それぞれの環境ごとに
指定する必要があります

8. Special Thanks!
Touch English!を開発するにあたり，参考・参照したサイト・文献を以
下に示します。
・10日でおぼえるPerl/CGI入門教室(翔泳社)
・10日でおぼえるHTML5入門教室(翔泳社)
・今すぐ使えるかんたんmini 図解HTML5(技術評論社)
・CSS3デザインプロフェッショナルガイド サンプルデータ
http://book.mycom.co.jp/support/pc/css3pro/sample/
・スマートフォンとHTML5のCanvasを用いたお絵描きを実装してみた
http://www.yoheim.net/blog.php?q=20120426
・jQuery Mobile http://jquerymobile.com/

9. Special Thanks!
Touch English!を開発するにあたり，参考・参照したサイト・文献を以
下に示します。
・jQuery UI Touch Punch http://touchpunch.furf.com/
・QUOjs http://quojs.tapquo.com/
・Flip! A jQuery plugin http://lab.smashup.it/flip
・Literally Canvas http://literallycanvas.com/
・Buttons - A CSS button library built with Sass and Compass
http://alexwolfe.github.io/Buttons/
・Google fonts http://www.google.com/fonts/
・Font Awesome, the iconic font designed for Bootstrap
http://fortawesome.github.io/Font-Awesome/

10. Special Thanks!
Touch English!を開発するにあたり，参考・参照したサイト・文献を以
下に示します。
・Advanced (yet awesome) pure CSS3 boxes without using images
http://www.tutorialswindow.com/view-tutorial/Advanced--yetawesome--pure-CSS3-boxes-without-using-images-/24/
・2xup.org, Scotch Tape 02 http://2xup.org/sample/borderimage/scotch-tape_02.html
・Cordrops turoeeials SWATCH BOOK WITH CSS3 AND JQUERY
http://tympanus.net/codrops/2012/07/02/swatch-book-withcss3-and-jquery/
・Arc Uploader FullCGI Ver,Copyright by Toshi.N
・nukunuku BBS,(C) nukunuku 2000-version 1.20
・ゆいりんく1.0(link.cgi), script byゆいちゃっと