canvas PenFlowchart for JavaScript watayan@meigaku.ac.jp 2015 10 3 ( ) canvas PenFlowchart for JavaScript 2015 10 3 1 / 28
agenda 1 2 PEN, PenFlowchart PEN PenFlowchart PenFlowchart Flowgorithm 3 canvas PenFlowchart for JavaScript PenFlowchart canvas canvas 4 ( ) canvas PenFlowchart for JavaScript 2015 10 3 2 / 28
( ) canvas PenFlowchart for JavaScript 2015 10 3 3 / 28
( ) canvas PenFlowchart for JavaScript 2015 10 3 4 / 28
JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 4 / 28
VBA JavaScript JavaScript???() VBA JavaScript HTML5 canvas HTML ( ) canvas PenFlowchart for JavaScript 2015 10 3 5 / 28
PenFlowchart JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 6 / 28
PenFlowchart JavaScript canvas PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 6 / 28
PEN, PenFlowchart PEN, PenFlowchart PEN PenFlowchart PenFlowchart Flowgorithm ( ) canvas PenFlowchart for JavaScript 2015 10 3 7 / 28
PEN, PenFlowchart PEN PEN xdncl ( ) canvas PenFlowchart for JavaScript 2015 10 3 8 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart a=0 ( ) canvas PenFlowchart for JavaScript 2015 10 3 9 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart a=0 a=0 ( ) canvas PenFlowchart for JavaScript 2015 10 3 9 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart a=0 a=0 PenFlowchart ( ) canvas PenFlowchart for JavaScript 2015 10 3 9 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart ( ) canvas PenFlowchart for JavaScript 2015 10 3 10 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart VBA JavaScript xdncl ( ) canvas PenFlowchart for JavaScript 2015 10 3 11 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart VBA JavaScript xdncl PenFlowchart BASIC JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 11 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart 3 xdncl BASIC JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 12 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart 3 xdncl BASIC JavaScript PEN PEN (PenFlowchart ) PEN ( ) canvas PenFlowchart for JavaScript 2015 10 3 12 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart 3 xdncl BASIC JavaScript PEN PEN (PenFlowchart ) PEN JavaScript HTML Web ( ) canvas PenFlowchart for JavaScript 2015 10 3 12 / 28
PEN, PenFlowchart PenFlowchart PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 13 / 28
PEN, PenFlowchart Flowgorithm Flowgorithm http://www.flowgorithm.org ( ) canvas PenFlowchart for JavaScript 2015 10 3 14 / 28
PEN, PenFlowchart Flowgorithm Flowgorithm C#,C++,Perl,Java,JavaScript, ( ) canvas PenFlowchart for JavaScript 2015 10 3 15 / 28
canvas PenFlowchart for JavaScript canvas PenFlowchart for JavaScript PenFlowchart canvas canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 16 / 28
canvas PenFlowchart for JavaScript PenFlowchart PEN xdncl BASIC JavaScript PEN OK PEN OK ( ) canvas PenFlowchart for JavaScript 2015 10 3 17 / 28
canvas PenFlowchart for JavaScript PenFlowchart PEN xdncl BASIC JavaScript PEN OK PEN OK JavaScript HTML5 canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 17 / 28
canvas PenFlowchart for JavaScript PenFlowchart PEN xdncl BASIC JavaScript PEN OK PEN OK JavaScript HTML5 canvas canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 17 / 28
canvas PenFlowchart for JavaScript PenFlowchart canvas HTML canvas canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 18 / 28
canvas PenFlowchart for JavaScript PenFlowchart canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 19 / 28
canvas PenFlowchart for JavaScript canvas canvas HTML canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 20 / 28
canvas PenFlowchart for JavaScript canvas canvas <canvas id="canvas" height="xxx" width="xxx"/> canvas = document.getelementbyid( canvas ); context = canvas.getcontext( 2d ); id= canvas (HTML) canvas, context (JavaScript) ( ) canvas PenFlowchart for JavaScript 2015 10 3 21 / 28
canvas PenFlowchart for JavaScript canvas 簡単 簡単 xdncl (x1,y1,x2,y2) ( ) canvas PenFlowchart for JavaScript 2015 10 3 22 / 28
canvas PenFlowchart for JavaScript canvas 簡単 簡単 xdncl (x1,y1,x2,y2) 簡単 かなり困難 JavaScript context.beginpath(); context.moveto(x1,y1); context.lineto(x2,y2); context.stroke(); ( ) canvas PenFlowchart for JavaScript 2015 10 3 22 / 28
canvas PenFlowchart for JavaScript canvas 簡単 簡単 xdncl (x1,y1,x2,y2) 簡単かなり困難 JavaScript context.beginpath(); context.moveto(x1,y1); context.lineto(x2,y2); context.stroke(); ( ) canvas PenFlowchart for JavaScript 2015 10 3 22 / 28
canvas PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 23 / 28
canvas PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 24 / 28
canvas PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 25 / 28
canvas PenFlowchart for JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 26 / 28
( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
JavaScript xdncl BASIC ( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
JavaScript xdncl BASIC ( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
JavaScript xdncl BASIC JavaScript ( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
JavaScript xdncl BASIC JavaScript canvas ( ) canvas PenFlowchart for JavaScript 2015 10 3 27 / 28
PenFlowchart http://watayan.net/prog/ Java OS ( ) canvas PenFlowchart for JavaScript 2015 10 3 28 / 28