ここではゼミ研究で学んだことを書いていく。 =Windowsファイアウォールについて = ・Tomcatの起動を妨げるものになっていた。 ・起動すると同時に、妨げられた時の音が出るようになっていた。 そのため、ファイアウォールは無効にしてある。 ・ファイアウォール無効の手順は[[ここ>http://windows.microsoft.com/ja-jp/windows-vista/Turn-Windows-Firewall-on-or-off]] ・しかし、アクセス拒否される現状は変わらず。0612現在。 =サーブレット演習について = ・サーブレットについての知識が少なかったため、演習をすることにした。 ・サーブレットを「javac」を使ってコンパイルできなかった。 →CLASS PATHを設定しなおすことでなんとか解決することができた。 ・サーブレットでjavascriptを出力できるのか実験してみた →なぜかtomcat managerにアクセスできない!ここで止まっているので注意せよ!! →解決した!おそらく、最初に聞いてくるパスワードを入れ間違えた?2012/06/29 &bold(){canvasについて}&u(){} ・canvasを画面全体で使えるようにするために、以前までの index.htmをポップアップ画面サイズ指定で起こせるように 新しく扉ページを設けた。 →しかし、ポップアップの動作をしてくれない。 [[これ>http://weble.org/2009/06/27/javascript-pupup-window]]でクリア! ・canvasを使った場合、今まで作った矢印の部分は消えてしまうので、 新規に作る必要がある。 ・サーブレットからcanvasを出力することは可能である。2012・6・29 &bold(){ 矢印の動かし方について}&u(){} ・先生から教えてもらったサイトでこういうのを見つけた →http://www.jointjs.com/demos/run.html?unit=arrows これなら、矢印を動かすことができる。 &bold(){jspからhtmlファイルを生成する} ・http://www.daniweb.com/web-development/jsp/threads/188022/create-html-file-from-dynamic-jsp# &bold(){E&A.jspからきっちり表が表示されない!!} →パスがlocalhostから繋がっていなかった。 →いきなりエクスプローラーから起動してはいけない。 &bold(){参考にできそうなところ} →http://code.google.com/p/svg-edit/ →http://wtxdraw.appspot.com/wtx →http://code.google.com/p/pyang/ &bold(){clone.jsについて} →コピー元URL http://semooh.jp/jquery/api/manipulation/clone/true/ →クリックすることで同じようなものを生成することができる &bold(){SVGとHTMLについて書かれた英語のサイト} →http://www.w3schools.com/svg/svg_inhtml.asp Jquery u.i draggableの説明サイト →http://docs.jquery.com/UI/Draggable 複数のオブジェクトをドラッグする方法 →http://threedubmedia.com/code/event/drag/demo/multi →(元ネタ)http://stackoverflow.com/questions/5677993/how-do-i-drag-multiple-elements-with-javascript-or-jquery 透過GIFファイルのつくり方 →http://www.animegif.net/animegif/makegif2.html 新しくできた画像に<div>要素を付ける方法 →http://stackoverflow.com/questions/1927662/jquery-draggable-how-do-i-create-a-new-draggable-div-on-the-fly-that-can-then 岩井先生からのアドバイス →http://www.moongift.jp/2012/09/20120906-2/ このサイトイイネ! →http://www.moongift.jp draggable&resizableの使い方を書いたサイト →http://viralpatel.net/blogs/jquery-resizable-draggable-resize-drag-tutorial-example/ cssのサンプル集 →[[基本的>http://css-tricks.com/examples/ShapesOfCSS/]] →[[発展的>http://coliss.com/articles/build-websites/operation/css/shapes-of-css-by-indam.html]] [[矢印の回転>http://code.google.com/p/jqueryrotate/wiki/Examples]] [[cloneの参考データ1>http://semooh.jp/jquery/api/manipulation/clone/true/demo-1/]] [[cloneの参考データ2>http://www.jquery4u.com/function-demos/clone/]] [[cloneの参考データ3>http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=jquery_73]]