JavaScript– category –

なぜかcanvasに画像を描画してそれをaddEventListnerしてもイベントが取れないので色々試したときの備忘録。 画像タグにonclick属性でメソッドを設定する方法はOK HTML側で画像を用意して、onclick属性にpushed()というメソッドを入れておく。 JavaScript...

まず結論から。以下のコードで画像の繰り返しが出きた。 HTML側はcanvasを用意してid=bgの画像を非表示で1個用意。 JavaScript側は以下のようにした。drawImageを使ってない。。 全体像はこちら。 See the Pen img-click-event-test5 by pghappy (@pghappy...

5秒で消えちゃうので先に画面をお見せします。 See the Pen canvas-img-repeat by pghappy (@pghappy) on CodePen. ここから解説。 Canvas上に文字を表示して、5秒後にその文字を消す（ように見せるために再描画する）ということをやります。 まずHTML側で...

備忘録、調査、試したこと、解決策をメモ。（スマートな正解かどうかは不明） クラス名で取得した要素のclassをループ中にremoveするとおかしくなる HTMLでこのように記述して、 JavaScriptはこのように記述。 1行目でclass名enemyで要素を取ってきている...

クッキーに保存する方法と、クッキーを取り出す方法のおさらい クッキーに値を保存するには以下のように、window.documentオブジェクトのcookieプロパティに代入すると習った。 document.cookie = キー=値; 例えば、 こんな感じ。 これで キーが「hoge1」...

Forループの中で配列の要素を消そうとするとおかしくなる。 以下のjavascriptは、array1で定義した配列のうち、iphoneで始まる要素を削除しています。 なのでandroid-1と、android-2だけが配列に残って欲しいところですが結果は 結果 android-1,iphone-2,a...

JavaScriptで画像を読み込むパスの話、まずはhtmlからjsを読み込む こういう階層構造のケース sample.html jsファイルの読み込みは絶対パスでも相対パスでも構わない。Wordpressのような全ての記事（全ての階層にあるhtmlファイル）から同じjsファイルを読...

2026年3月8日時点の補足です。女性プログラマーのキャリアを考えるとき、今は「女性に向いている職種」を決めるより、制度と運用が整った会社を選ぶことの方が大事です。 エンジニア職そのものは性別で向き不向きが決まる仕事ではありません。ただ、育休復...

JavaScriptで何もないところにtableを動的に作成する createElement(tagName)とすることでtagNameで指定されたHTML要素を作成することができる。 tableを作成したい場合はcreateElement("table")とやればよい。 HTMLのtableを構成するのは、table、thead（...

2026年3月8日時点の補足です。プログラマーかインフラエンジニアかで迷う話は今でもよくあります。ただ、昔より境界は少し曖昧です。 いまはクラウド、Docker、CI/CD、IaC の影響で、開発側もインフラっぽい知識を使いますし、インフラ側もコードを書く場...

新卒でプログラマーになりたい人、今はかなり増えていますよね。昔より情報も学習環境も多いので、入口自体は広がっています。ただ、そのぶん「何からやればいいの？」で迷いやすくもなっています。 この記事では、2026年3月8日時点で、新卒からプログラマ...

プログラマーやエンジニアの年収って、気になりますよね。ただ、この話は昔よりさらに複雑になっています。2026年3月8日時点では、言語名だけではほぼ決まらないと言っていいです。 この記事では、言語別・年齢別・企業規模・男女比みたいな切り口で、今の...

こちらも自分用の備忘録としてまとめたものです。 JavaScriptの基本的な配列の宣言方法 JavaScriptではいくつかの配列の宣言方法がある。C言語のように配列長を指定せずに生成することもできる。 JavaScriptで配列の要素にアクセスする方法 fruits[3]とか...

テックアカデミーというプログラミングスクールで自作のWEBアプリを作ることが課題となっています。 僕は地図や店舗情報を使ったサイトを作ろうと思っていまして、Google Map APIを調べていました。けど課金が高いので講師の方にアドバイスをもらい、Yahoo...

ブラウザ上でユーザーが何も操作をすることなく、イベントを発生させたい場合の話。 コード内で自分で作ったイベントを発生させる方法の備忘録。 JavaScriptでコード内でイベントを発生させる方法1 先にコードを書いておく。 HTMLは HTML側には「押して」...

2026年3月8日時点の補足です。Scratch は今でも子ども向けプログラミング学習の定番で、まず最初の入口としてかなり使いやすいです。ブロック型なので、タイピングや英語構文で止まりにくいのがやっぱり強いですね。 一方で CodeMonkey は、いまもゲーム感...

2026年3月8日時点の補足です。副業の選択肢が多い、という前提は今でも変わりません。ただ、実際に始めるときは就業規則、確定申告、住民税、情報漏えいリスクを先に確認したほうが安全です。 特に副業体験談は、向いているかどうかがかなり人によります。...

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

2026年3月8日時点の補足です。この記事で紹介している12種類は、いま読んでも「言語の性格をざっくり掴む」には十分役立ちます。ただ、現場で存在感のある言語は当時より少し変わっています。 いま学習候補としてよく名前が出るのは、TypeScript、Kotlin、...

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