<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Canvas API - BEZY BOX BLOG</title>
	<atom:link href="https://blog.bezybox.net/tag/canvas-api/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.bezybox.net</link>
	<description>イラスト素材屋の雑記帳</description>
	<lastBuildDate>Fri, 27 Sep 2024 20:22:38 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.bezybox.net/wp-content/uploads/2025/07/cropped-site002-icon-32x32.jpg</url>
	<title>Canvas API - BEZY BOX BLOG</title>
	<link>https://blog.bezybox.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>グラフィックスプログラミング入門を読んでます。</title>
		<link>https://blog.bezybox.net/graphics-programming-1/</link>
					<comments>https://blog.bezybox.net/graphics-programming-1/#respond</comments>
		
		<dc:creator><![CDATA[ベジ]]></dc:creator>
		<pubDate>Fri, 27 Sep 2024 20:13:31 +0000</pubDate>
				<category><![CDATA[商品レビュー]]></category>
		<category><![CDATA[日常]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[グラフィックスプログラミング]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Canvas API]]></category>
		<category><![CDATA[cocoon]]></category>
		<guid isPermaLink="false">https://blog.bezybox.net/?p=1318</guid>

					<description><![CDATA[趣味でフリーイラスト素材サイトを運営しています。 ただ、絵もうまくなければ、プログラミングもできず、WordPressのCocoonをそのまま活用して運用管理しています。 なんの取り柄もないサイトなので、なにか欲しいと思 [&#8230;]]]></description>
										<content:encoded><![CDATA[<aside class="row veu_insertAds before"><div class="col-md-12"><div style="text-align:center; font-size:12px; color:#666; margin-bottom:5px;">
  スポンサーリンク
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5209253334465052"
     crossorigin="anonymous"></script>
<!-- ad-blog -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5209253334465052"
     data-ad-slot="6247798633"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div></aside>
<p>趣味で<a href="https://www.bezybox.net/" target="_blank" rel="noreferrer noopener">フリーイラスト素材サイト</a>を運営しています。</p>



<p>ただ、絵もうまくなければ、プログラミングもできず、WordPressのCocoonをそのまま活用して運用管理しています。</p>



<p>なんの取り柄もないサイトなので、なにか欲しいと思い、ずっと思い悩んできました。</p>



<p>“ICOOON MONO”さんというお気に入りの素材サイトがあるのですが、ヤフー知恵袋で質問してみたところ、こちらのサイトでは、Canvas API を使っているらしいということがわかりました。</p>



<p>よし、Canvas API を覚えてやろうじゃないか、ということで Canvas API が勉強できる本を購入しました。それがこちらの本です↓</p>



<!-- START MoshimoAffiliateEasyLink --><script type="text/javascript">(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;b[a]=b[a]||function(){arguments.currentScript=c.currentScript||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};c.getElementById(a)||(d=c.createElement(f),d.src=g,d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js?20220329","msmaflink");msmaflink({"n":"［ゲーム＆モダンJavaScript文法で2倍楽しい］グラフィックスプログラミング入門——リアルタイムに動く画面を描く。プログラマー直伝の基本 WEB+DB PRESS plus","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51KQHIgSCcL._SL500_.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B083NFRKKG","t":"amazon","r_v":""},"v":"2.1","b_l":[{"id":1,"u_tx":"Amazonで見る","u_bc":"#f79256","u_url":"https:\/\/www.amazon.co.jp\/dp\/B083NFRKKG","a_id":2681550,"p_id":170,"pl_id":27060,"pc_id":185,"s_n":"amazon","u_so":1},{"u_tx":"楽天市場で見る","u_bc":"#f76956","u_url":"https:\/\/search.rakuten.co.jp\/search\/mall\/%EF%BC%BB%E3%82%B2%E3%83%BC%E3%83%A0%EF%BC%86%E3%83%A2%E3%83%80%E3%83%B3JavaScript%E6%96%87%E6%B3%95%E3%81%A72%E5%80%8D%E6%A5%BD%E3%81%97%E3%81%84%EF%BC%BD%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80%E2%80%94%E2%80%94%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E3%81%AB%E5%8B%95%E3%81%8F%E7%94%BB%E9%9D%A2%E3%82%92%E6%8F%8F%E3%81%8F%E3%80%82%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC%E7%9B%B4%E4%BC%9D%E3%81%AE%E5%9F%BA%E6%9C%AC%20WEB%2BDB%20PRESS%20plus\/","a_id":2661997,"p_id":54,"pl_id":27059,"pc_id":54,"s_n":"rakuten","u_so":2,"id":4},{"u_tx":"Yahoo!ショッピングで見る","u_bc":"#66a7ff","u_url":"https:\/\/shopping.yahoo.co.jp\/search?first=1\u0026p=%EF%BC%BB%E3%82%B2%E3%83%BC%E3%83%A0%EF%BC%86%E3%83%A2%E3%83%80%E3%83%B3JavaScript%E6%96%87%E6%B3%95%E3%81%A72%E5%80%8D%E6%A5%BD%E3%81%97%E3%81%84%EF%BC%BD%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80%E2%80%94%E2%80%94%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%BF%E3%82%A4%E3%83%A0%E3%81%AB%E5%8B%95%E3%81%8F%E7%94%BB%E9%9D%A2%E3%82%92%E6%8F%8F%E3%81%8F%E3%80%82%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC%E7%9B%B4%E4%BC%9D%E3%81%AE%E5%9F%BA%E6%9C%AC%20WEB%2BDB%20PRESS%20plus","a_id":2661998,"p_id":1225,"pl_id":27061,"pc_id":1925,"s_n":"yahoo","u_so":3,"id":5}],"eid":"ihAHa","s":"s"});</script><div id="msmaflink-ihAHa">リンク</div><!-- MoshimoAffiliateEasyLink END -->



<p>電子書籍版を購入したのですが、まだ29%しか読んでいません。</p>



<p>この29%に辿り着くのにもなかなか苦労しました。実際にパソコンを開いてChromeの開発者ツールを試してみたり、JavaScriptを基礎から取り組んでみたり。中でも理系の頭脳を持ち合わせていない私には、三角関数やベクトルと行列など理解するのに時間がかかり、Googleドキュメントにまとめたりしながら読んでいました。</p>



<p>そして、この30%付近に到達して、ようやくCanvas API の学習が始まりました。</p>



<p>ようやく、やりたかったことができるところまで来たので、ワクワクしているところです。シューティングゲームなどが題材になっていますが、この題材は独自に改修してプログラムを公開することに制限が設けられていないため、試作品をネットで公開することもできるようです。私は今後、こちらのブログやSNSで公開していければいいなぁと考えています。</p>



<p>果たして私はどこまでできるようになるのか、Canvas APIとはなんなのか、これから探っていきたいと思っています。</p>
<aside class="row veu_insertAds after"><div class="col-md-12"><div style="text-align:center; font-size:12px; color:#666; margin-bottom:5px;">
  スポンサーリンク
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5209253334465052"
     crossorigin="anonymous"></script>
<!-- ad-blog -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5209253334465052"
     data-ad-slot="6247798633"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div></aside>]]></content:encoded>
					
					<wfw:commentRss>https://blog.bezybox.net/graphics-programming-1/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
