<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE feed [
  <!ENTITY lt "&#38;#60;">
  <!ENTITY gt "&#62;">
  <!ENTITY amp "&#38;#38;">
  <!ENTITY apos "&#39;">
  <!ENTITY quot "&#34;">
  <!ENTITY nbsp "&#160;">
  <!ENTITY copy "&#169;">
]>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="text">ブログ</title>
	<subtitle type="text">春翠工房-Webアプリ・スマホアプリ講座を開催中！</subtitle>
	<updated>2012-05-19T04:35:54+09:00</updated>
	<id>http://springreen.jp/INDEX/modules/d3blog/index.php</id>
	<link rel="alternate" type="text/xhtml" hreflang="ja" href="http://springreen.jp/INDEX/" />
	<link rel="self" type="application/atom+xml" href="http://springreen.jp/INDEX/modules/d3blog/index.php?page=atom" />
	<rights>Copyright &copy; 2009</rights>
	<generator uri="http://springreen.jp/INDEX/">D3BLOG - XOOPS BLOG MODULE</generator>
	<entry>
		<title>HTML5 初心者講座</title>
		<link rel="alternate" type="text/xhtml" href="http://springreen.jp/INDEX/modules/d3blog/details.php?bid=443" />
		<id>http://springreen.jp/INDEX/modules/d3blog/details.php?bid=443</id>
		<published>2012-05-11T03:49:43+09:00</published>
		<updated>2012-05-11T03:49:43+09:00</updated>
		<category term="東京アプリ・ワークショップ" label="東京アプリ・ワークショップ" />
		<author>
			<name>springreen</name>
		</author>
		<summary type="html" xml:base="http://springreen.jp/INDEX/" xml:lang="ja">5/10。平日は人集まらないと思った木曜日。
四名のご参加がありました。場所は新宿文化センター。

ソースを書くのはハードですが、いい雰囲気で５時間のセミナーを進められました。
参加のみなさま、ありがとうございました。
ぜひまたご参加ください。</summary>
       <content type="html" xml:lang="ja" xml:base="http://springreen.jp/INDEX/">
<![CDATA[<div><p>5/10。平日は人集まらないと思った木曜日。</p>
<p>四名のご参加がありました。場所は新宿文化センター。</p>
<p><img width="500" height="375" alt="" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc7/577705_438903162804458_279299738764802_1583227_1558673455_n.jpg" /></p>
<p>ソースを書くのはハードですが、いい雰囲気で５時間のセミナーを進められました。</p>
<p>参加のみなさま、ありがとうございました。</p>
<p>ぜひまたご参加ください。</p></div>]]>
       </content>
	</entry>
	<entry>
		<title>5/4 こいのぼりゲーム</title>
		<link rel="alternate" type="text/xhtml" href="http://springreen.jp/INDEX/modules/d3blog/details.php?bid=442" />
		<id>http://springreen.jp/INDEX/modules/d3blog/details.php?bid=442</id>
		<published>2012-05-04T23:30:00+09:00</published>
		<updated>2012-05-05T02:45:14+09:00</updated>
		<category term="東京アプリ・ワークショップ" label="東京アプリ・ワークショップ" />
		<author>
			<name>springreen</name>
		</author>
		<summary type="html" xml:base="http://springreen.jp/INDEX/" xml:lang="ja">&amp;nbsp;本日は、こいのぼりゲーム。
少々むずかいしいソースになってしまったので、悪戦苦闘。
それでもみなさん、こいのぼりを泳がせることに成功しました。

中学生とおとうさんのご参加もあり、とてもよい受講者さんでした。

とりあえず、5月５日になったのでこいのぼりゲーム - jsdo.it - share JavaScript, HTML5 and CSS</summary>
       <content type="html" xml:lang="ja" xml:base="http://springreen.jp/INDEX/">
<![CDATA[<div><p>&nbsp;本日は、こいのぼりゲーム。</p>
<p>少々むずかいしいソースになってしまったので、悪戦苦闘。</p>
<p>それでもみなさん、こいのぼりを泳がせることに成功しました。</p>
<p><img width="500" height="375" alt="" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/577236_434494503245324_279299738764802_1568408_1991421759_n.jpg" /></p>
<p>中学生とおとうさんのご参加もあり、とてもよい受講者さんでした。</p>
<script type="text/javascript" src="http://jsdo.it/blogparts/yTuw/js?view=design"></script>
<p class="ttlBpJsdoit" style="width: 500px; margin: 0; text-align: right; font-size: 11px;"><a title="とりあえず、5月５日になったのでこいのぼりゲーム" href="http://jsdo.it/nakashimmer/yTuw">とりあえず、5月５日になったのでこいのぼりゲーム - jsdo.it - share JavaScript, HTML5 and CSS</a></p></div>]]>
       </content>
	</entry>
	<entry>
		<title>4/30 HTML5 初心者講座</title>
		<link rel="alternate" type="text/xhtml" href="http://springreen.jp/INDEX/modules/d3blog/details.php?bid=441" />
		<id>http://springreen.jp/INDEX/modules/d3blog/details.php?bid=441</id>
		<published>2012-04-30T23:51:06+09:00</published>
		<updated>2012-04-30T23:51:06+09:00</updated>
		<category term="ネットショップ開設運営科" label="ネットショップ開設運営科" />
		<author>
			<name>springreen</name>
		</author>
		<summary type="html" xml:base="http://springreen.jp/INDEX/" xml:lang="ja">新宿エルタワーでの #HTML5 講座。きょうもとてもポジティブな皆さんにご参加いただけました。

いつものとおり、HTML5〜CSS3〜JavaScript〜canvas
最後は、某キャラクタににた画像の描画。皆さん悪戦苦闘のすえ、なんとか完成したようです。
ぜひ次のcanvas講座もお受けください。</summary>
       <content type="html" xml:lang="ja" xml:base="http://springreen.jp/INDEX/">
<![CDATA[<div><p>新宿エルタワーでの #HTML5 講座。きょうもとてもポジティブな皆さんにご参加いただけました。</p>
<p><img width="500" height="375" alt="" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/581569_430027527025355_279299738764802_1560039_64421010_n.jpg" /></p>
<p>いつものとおり、HTML5〜CSS3〜JavaScript〜canvas</p>
<p>最後は、某キャラクタににた画像の描画。皆さん悪戦苦闘のすえ、なんとか完成したようです。</p>
<p>ぜひ次のcanvas講座もお受けください。</p></div>]]>
       </content>
	</entry>
	<entry>
		<title>Webショップ管理科修了。</title>
		<link rel="alternate" type="text/xhtml" href="http://springreen.jp/INDEX/modules/d3blog/details.php?bid=440" />
		<id>http://springreen.jp/INDEX/modules/d3blog/details.php?bid=440</id>
		<published>2012-04-27T02:24:16+09:00</published>
		<updated>2012-04-27T03:00:18+09:00</updated>
		<category term="ネットショップ開設運営科" label="ネットショップ開設運営科" />
		<author>
			<name>springreen</name>
		</author>
		<summary type="html" xml:base="http://springreen.jp/INDEX/" xml:lang="ja">&amp;nbsp;水道橋での「Webショップ管理科」が無事、終了。
受講者の皆様、本当にお疲れ様。

「ネットショップ実務士」資格取得のための授業からはじまり、HTML、CSS、画像編集、ソーシャルメディア。
あ〜phpとMySQLもやりました。
３ヶ月間、内容はてんこ盛りだったのに、
あっという間でした。

HTML5での描画授業も行いましたね。
ドラえもんのような？？画像の制作が一番盛り上がったのは
意外でした。（HTML5、やはりあなどれません）

明日は修了日。これからがスタートライン。
がんばってください。
&amp;nbsp;
&amp;nbsp;
   HTML5でできたドラえもんのようなもの HTML5対応のブラウザで御覧ください。  

 
var canvas = document.getElementById("dora");
var c = canvas.getContext("2d");


var frame=1;


function en(x,y,r,color){
	c.fillStyle=color;
	c.beginPath();
	c.arc(x,y,r,0,2*Math.PI,true);
	c.fill();
}

function strokeEn(x,y,r,color,color2){
	c.strokeStyle=color;	c.fillStyle=color2;
	c.beginPath();
	c.arc(x,y,r,0,2*Math.PI,true);
	c.lineWidth=1;
	c.fill();	c.stroke();
	}

function hako(x,y,w,h,color){
	c.fillStyle=color;
	c.fillRect(x,y,w,h);
}

function sen(x,y,x1,y1,color){
	c.beginPath();
	c.moveTo(x,y);
	c.lineTo(x1,y1);
	c.lineWidth=1;
	c.strokeStyle=color;
	c.stroke();
	}

setInterval(anime,50);

function anime(){
	frame++;
	//背景
	c.fillStyle="black";
	c.fillRect(0,0,600,600);
	
	//頭
	en(300,170,150,"skyblue");
	en(300,210,120,"white");
	
	//胴体
	hako(200,300,200,220,"skyblue");
	
	//左腕
	c.beginPath();
	c.moveTo(200,300);
	c.lineTo(130,350);
	c.lineTo(130,430);
	c.lineTo(200,380);
	c.closePath();
	c.fill();
	
	//右腕
	c.beginPath();
	c.moveTo(400,300);
	c.lineTo(470,350);
	c.lineTo(470,430);
	c.lineTo(400,380);
	c.closePath();
	c.fill();
	
	//手
	en(460,380,50,"white");
	en(140,380,50,"white");
	
	//お腹
	en(300,380,80,"white");
	
	//首輪
	hako(200,280,200,20,"brown");
	en(200,290,10,"brown");
	en(400,290,10,"brown");
	
	//目
	strokeEn(260,100,40,"gray","white");
	strokeEn(340,100,40,"gray","white");
	
	//目玉
	en(265+10*Math.sin(frame/90*Math.PI),85,10,"black");
	en(335+10*Math.sin(frame/90*Math.PI),85,10,"black");

	//鼻
	en(300,140,20,"red");

	//口
	sen(299,160,299,250,"black");
	c.beginPath();
	c.arc(300,160,90,1/4*Math.PI,3/4*Math.PI,false);
	c.strokeStyle="black";
	c.stroke();

	//ひげ
	sen(250,180,200,160,"black");
	sen(250,190,200,190,"black");
	sen(250,200,200,210,"black");
	sen(350,180,400,160,"black");
	sen(350,190,400,190,"black");
	sen(350,200,400,210,"black");

	//脚
	hako(200,500,200,30,"white");
	en(200,515,15,"white");
	en(400,515,15,"white");

	//また
	en(300,500,10,"black");
	hako(290,500,20,80,"black");

	en(285,515,15,"white");
	en(315,515,15,"white");

	//鈴
	en(300,300,20,"yellow");
	en(300,300,5,"black");
	sen(300,300,299,320,"black");

	//ポケット

	c.beginPath();
	c.arc(300,380,70,0,Math.PI,false);
	c.closePath();
	c.strokeStyle="black";
	c.stroke();
}
</summary>
       <content type="html" xml:lang="ja" xml:base="http://springreen.jp/INDEX/">
<![CDATA[<div><p>&nbsp;<span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif; font-size: 15px; line-height: 20px; ">水道橋での「Webショップ管理科」が無事、終了。<br />
受講者の皆様、本当にお疲れ様。<br />
<br />
「ネットショップ実務士」資格取得のための授業からはじまり、HTML、CSS、画像編集、ソーシャルメディア。<br />
あ〜phpとMySQLもやりました。<br />
３ヶ月間、内容はてんこ盛りだったのに、<br />
あっという間でした。<br />
<br />
HTML5での描画授業も行いましたね。<br />
<span class="text_exposed_show" style="display: inline; ">ドラえもんのような？？画像の制作が一番盛り上がったのは<br />
意外でした。（HTML5、やはりあなどれません）<br />
<br />
明日は修了日。これからがスタートライン。<br />
がんばってください。</span></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><canvas id="dora" width="600" height="600">  <img alt="" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-snc6/36532_3761825125503_1272829457_3516196_1053162666_n.jpg" /> HTML5でできたドラえもんのようなもの HTML5対応のブラウザで御覧ください。</canvas>  <style type="text/css">

</style> <script>
var canvas = document.getElementById("dora");
var c = canvas.getContext("2d");


var frame=1;


function en(x,y,r,color){
	c.fillStyle=color;
	c.beginPath();
	c.arc(x,y,r,0,2*Math.PI,true);
	c.fill();
}

function strokeEn(x,y,r,color,color2){
	c.strokeStyle=color;	c.fillStyle=color2;
	c.beginPath();
	c.arc(x,y,r,0,2*Math.PI,true);
	c.lineWidth=1;
	c.fill();	c.stroke();
	}

function hako(x,y,w,h,color){
	c.fillStyle=color;
	c.fillRect(x,y,w,h);
}

function sen(x,y,x1,y1,color){
	c.beginPath();
	c.moveTo(x,y);
	c.lineTo(x1,y1);
	c.lineWidth=1;
	c.strokeStyle=color;
	c.stroke();
	}

setInterval(anime,50);

function anime(){
	frame++;
	//背景
	c.fillStyle="black";
	c.fillRect(0,0,600,600);
	
	//頭
	en(300,170,150,"skyblue");
	en(300,210,120,"white");
	
	//胴体
	hako(200,300,200,220,"skyblue");
	
	//左腕
	c.beginPath();
	c.moveTo(200,300);
	c.lineTo(130,350);
	c.lineTo(130,430);
	c.lineTo(200,380);
	c.closePath();
	c.fill();
	
	//右腕
	c.beginPath();
	c.moveTo(400,300);
	c.lineTo(470,350);
	c.lineTo(470,430);
	c.lineTo(400,380);
	c.closePath();
	c.fill();
	
	//手
	en(460,380,50,"white");
	en(140,380,50,"white");
	
	//お腹
	en(300,380,80,"white");
	
	//首輪
	hako(200,280,200,20,"brown");
	en(200,290,10,"brown");
	en(400,290,10,"brown");
	
	//目
	strokeEn(260,100,40,"gray","white");
	strokeEn(340,100,40,"gray","white");
	
	//目玉
	en(265+10*Math.sin(frame/90*Math.PI),85,10,"black");
	en(335+10*Math.sin(frame/90*Math.PI),85,10,"black");

	//鼻
	en(300,140,20,"red");

	//口
	sen(299,160,299,250,"black");
	c.beginPath();
	c.arc(300,160,90,1/4*Math.PI,3/4*Math.PI,false);
	c.strokeStyle="black";
	c.stroke();

	//ひげ
	sen(250,180,200,160,"black");
	sen(250,190,200,190,"black");
	sen(250,200,200,210,"black");
	sen(350,180,400,160,"black");
	sen(350,190,400,190,"black");
	sen(350,200,400,210,"black");

	//脚
	hako(200,500,200,30,"white");
	en(200,515,15,"white");
	en(400,515,15,"white");

	//また
	en(300,500,10,"black");
	hako(290,500,20,80,"black");

	en(285,515,15,"white");
	en(315,515,15,"white");

	//鈴
	en(300,300,20,"yellow");
	en(300,300,5,"black");
	sen(300,300,299,320,"black");

	//ポケット

	c.beginPath();
	c.arc(300,380,70,0,Math.PI,false);
	c.closePath();
	c.strokeStyle="black";
	c.stroke();
}
</script></p></div>]]>
       </content>
	</entry>
	<entry>
		<title>HTML5 canvas 講座(ピンボールゲーム)</title>
		<link rel="alternate" type="text/xhtml" href="http://springreen.jp/INDEX/modules/d3blog/details.php?bid=439" />
		<id>http://springreen.jp/INDEX/modules/d3blog/details.php?bid=439</id>
		<published>2012-04-22T23:58:06+09:00</published>
		<updated>2012-04-22T23:58:07+09:00</updated>
		<category term="東京アプリ・ワークショップ" label="東京アプリ・ワークショップ" />
		<author>
			<name>springreen</name>
		</author>
		<summary type="html" xml:base="http://springreen.jp/INDEX/" xml:lang="ja">&amp;nbsp;新宿エルタワーで、HTML5のcanvas講座を行いました。
題材は「ピンボールゲーム」。デザイン的には「ピン」と「ボール」と「打ち返し」なんですが、
計算式が意外と難しいWebアプリ。
今日の参加者は１１名。

山梨からおいでになったかたもいて、感謝です。
最後、得点競争をしました。最高得点優勝者には、豪華賞品をプレゼント。
ぜひご参加ください。</summary>
       <content type="html" xml:lang="ja" xml:base="http://springreen.jp/INDEX/">
<![CDATA[<div><p>&nbsp;新宿エルタワーで、HTML5のcanvas講座を行いました。</p>
<p>題材は「ピンボールゲーム」。デザイン的には「ピン」と「ボール」と「打ち返し」なんですが、<br />
計算式が意外と難しいWebアプリ。</p>
<p>今日の参加者は１１名。</p>
<p><img width="500" height="375" alt="" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash3/582607_423046287723479_279299738764802_1540280_92864276_n.jpg" /></p>
<p>山梨からおいでになったかたもいて、感謝です。</p>
<p>最後、得点競争をしました。最高得点優勝者には、豪華賞品をプレゼント。</p>
<p>ぜひご参加ください。</p></div>]]>
       </content>
	</entry>
</feed>
