「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像ファイルを用意することなく図形を表示できます。 従来、図形や ...

JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし ...

JavaScript Canvas Painting is an interactive web application that allows users to unleash their creativity by creating stunning artwork. The JavaScript Canvas Example demonstrates the immense ...

手軽に花火を描画するプログラムを作ろうと思ったら、JavaScriptを使ってブラウザ上に描画するのがオススメです。前回紹介したように、Canvas APIを使うと、ブラウザ上に絵や図形を描画できます。しかも、スマートフォンのブラウザを含め、大半のブラウザ ...

2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

最近は知人の会社や、取引先の開発チームに頼まれて、デザインやコーディングでのAIやChat-GPTの活用方法のワークショップをやっています。私はChat-GPTやGithub Copilotが登場し、わりとすぐに開発に導入して活用していました。Github Copilotはコードの補完的な ...

Force.com Canvas is a mechanism for consuming third-party applications within Salesforce. Its goal is to connect applications at a UI level instead of just an API level. The purpose of this GitHub ...