muku@happi.18– Author –

まずHTML側は とした。ページ読込時にinit関数を呼び出して、そこでキャンバスの設定を行う予定。キャンバスのサイズは250x250の黄色。 init関数は以下のように。 グローバル変数でctxと、intervalID を宣言。 translate(125,125)関数によって、座標軸を右...

キャンバスの状態を保存するsave()関数と、 保存した状態を復元するrestore()関数の使い方をやっていきます。 以下の順序でやります。 １．塗りつぶしの色と、座標系を保存して、 ２．塗りつぶしの色と、座標系を移動して、 ３．塗りつぶしの色と、座標系...

この記事の主題は「canvasのtranslateで座標の中心を移動させることができる」というこです。 ★例えば 描画領域の左上の座標は(0,0)となっているので、円を描くときに(0,0)を中心に円を描いてしまうと下図のようにおおかしなことになってしまう。・・・① ...

僕はテックアカデミーのWEBアプリケーションコースに申し込みをしてRailsでプログラミングを学習しています。その申込をしたときにキャンペーンでもう1つ受講をプレゼントしてもらいました。それをご紹介したいと思います。 テックアカデミーのスタートダ...

スタート　ストップ ソースコードは以下のようになった。 まずはHTML側。 スタートとストップボタンを表示。それぞれのボタンにonclickプロパティでstartTimer、stopTimer関数をセット。 canvasを囲うようにdivのwrapperをつけてcanvasのサイズを調整。dic...

スマホの画面サイズに合わせて、canvasのサイズを設定する HTML側は以下のようにする。canvasタグをdivタグ（id="wrapper"の）で囲っておく。 divタグはCSSで幅高さ100%にしておき、Canvasのサイズは最初のページ読み込み時に、JavaScript側でdivタグの幅...

構文は以下のとおり。 arc(x, y, radius, startAngle, endAngle, anticlockwise) x,yが円の中心 radiusは半径 startAngleが開始角度。X軸方向が0度。 endAngleが終了角度。 anticlockwiseは方向（デフォルトは時計回り） startAngleとendAngleに使う角度は...

CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type="text/css"として、その中にCSSを記述すればよい。 CSSの記述が終われば、/styleタグで閉じること。 styleタグ内は、（昔対応して無かったブラウザを考慮して）慣習的にコメン...

canvasにマウスでお絵描きするJavaScript。これを実現する。 マウスの現在座標をリアルタイムで取得して表示する ①addEventListenerメソッドでmousemoveを指定、第2引数で関数を入れる e.pageXYを使うと、ページの左上を0,0とした座標が取れてしまうので、...

キーボードのキーが押されたとのイベントonkeydown、onkeyup キーが押されたときにイベントが発生するのはwindow.onkeydownプロパティかdocument.onkeydownプロパティに関数を入れてあげればよい。 またはアロー関数を使えば キーを押しっぱなしにするとこ...

JavaScriptの関数を関数に入れる不思議 JavaScriptでは、 ・関数を代入できる・関数を関数の引数に渡すことができる というのがあって個人的にはすごく不思議な感じがする。 functionを使うことで関数に名前を付けずに（無名関数を）、代入することもでき...

ページ読込時のonloadイベントハンドラー onloadプロパティはそのページが読み込まれたとき（HTMLや画像のリソースの読み込み後）に発生するイベント。 HTMLのbodyタグやimgタグに、 としたりして指定できる。 順番的にはimgのonloadが先で、ページ全体の...

JavaScriptを基礎から学習中です。ここでは学び直しした内容を備忘録的に残しています。 JavaScriptはオブジェクトを定義できる 一般的にオブジェクトには「プロパティ」と「メソッド」がある 左側がプロパティ名で、：を挟んで右側がプロパティ値 プロパ...

久しぶりの投稿です。 元SE＆PLのキャリアがありながら、現在はブログを充実させるために色んなプログラミングスクールに通ったりしています。ｗ 色んなスクールに通ってレポすることで初心者やこれからスクール選びをする方の参考になればと思っています...

自分自身、大学の授業の傍らプログラミングを独学でやりつつ先輩の指導を受けながらプログラミングが出来るようになりました。また働き始めてから出会ったプログラマーの方、スクールの講師の方のお話なども含めて総合的に書いてみたいと思います。 エンジ...

エンジニア、プログラマーが独立したときに「こんなはずじゃなかった」とならないために、デメリットや、お金がかかるものについてつらつらと書いていこうと思います。 まだどんな記事になるかわかってないけど、実体験をもとに思い出しながら書きます。ま...

今日は大学生限定のプログラミングコミュニティ「GeekSalon様」にインタビューをさせていただきました。 どんな風にプログラミングを学べるのか、どんな生徒が通っているのかお伺いしましたので、いま大学生でまさにプログラミングを学びたいと思っている...

Androidアプリを作ることに興味が湧いてきたのでAndroid Studioを使ってみました。 Androidアプリ制作初心者のために、また公式マニュアルでは先へ進めない方のために、備忘録として残しています。 自分も初めて触るしKotlin言語に関しては見たこともあり...

Windows Subsystem for LinuxというのをWindowsにインストールしてLinux環境を作る。 そのあとC言語のコンパイラであるgccをインストールして、Hello Worldを表示させるところまでをやりました。 LinuxやC言語を触るのは実に20年ぶりです(笑) WindowsでLin...

私が最初にコンピュータを触ったのが20年前のUNIXでした。 そのころからコマンドには慣れ親しんだものですが、昨今はWindowsメインのため久しぶりにコマンドを触ってみました。 今日はLinuxコマンドで頻繁に使うものを詳しくお伝えしたいと思います。忘れ...