【日記】お絵かきアプリを作ってみたいと思って

SNSフォローボタン

フォローする

お絵かきアプリを作りたくなって色々と調べてみた。

そしたら「【初心者】HTMLのcanvasとJavaScriptでお絵かきアプリ作る【ベース作り編】」というページに辿り着いたので、これを参考にした。

サイト内に用意されているindex.htmlをコピペして解析してみた。

タグの意味が「わからない・曖昧な」な部分を調べて見た。

HTMLの疑問

Q1 <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>とは?

A1 参考:「もう逃げない。HTMLのviewportをちゃんと理解する

Q2 <metahttp-equiv=”X-UA-Compatible”content=”ie=edge”>とは?

A2 参考:「【HTML】head内のmeta『X-UA-Compatible:IE=edge』は不要です

Q3 <canvas id=”draw-area” width=”400px” height=”400px” style=”border: 1px solid #000000;”></canvas>

A3 参考:「canvasタグの意味と使い方

JavaScriptの疑問

A4 コールバック関数とは?

Q4 「コールバック」は、簡単に言うと関数の引数に別の関数を指定する処理。 これにより、Aという関数が実行されたあとに引数で指定していたBという関数を実行するということが可能。

参考:「【JavaScript入門】初めてのコールバック関数の書き方と応用例!

A5 window.addEventListener()とは?

Q5 さまざまなイベント処理を実行することができるメソッド

参考: 「【JavaScript入門】addEventListener()によるイベント処理の使い方!

シェアする

フォローする