JavaScript– category –

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

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

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

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

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

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

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

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

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

この記事ではスクールに実際に通ったりいくつかのスクールの取材にいった私が、実際に副業コースがあるプログラミングスクールを整理ました。 インタビューで聞いたところ、数年前はプログラミングスクールで「フリーランスへ！」なんてワードが流行ってた...

JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんかによくあるツールです...

画像のスライドショーを作ろうと思ってslickというJavascriptを導入しました。 様々な参考サイトを拝見して真似をしようとしてもうまくいきませんでした。 特にソースコード全文が掲載されてなくて、どこにJavascriptを置くのか、htmlファイルのどこに書け...

昨日はテックアカデミー第17回目のメンタリングでした。 今回は結構な難所となりましてメンターの方にソースを見てもらい修正してもらいようやく解決した所だったのです。 ファイル選択ボタンの不具合と解決策の確認 前回、RailsでAWS S3へ画像のアップロ...

Railsでプログラミングを始めた私ですが、今回の記事はRailsじゃなくて別にhtmlやjavascriptの話だなと思い、まとめました。 事の発端はユーザープロフィール画像のアップロード機能を作っていたところです。以下のような問題が起こったので自作のファイル...

今日はテックキャンプの「イナズマコース」について解説したいと思います。 私はテックキャンプの無料体験会に参加してイナズマコースについても説明を聞いたのですが、まとまった時間が取れそうにないので普通の学習コースで受講しています。ここでは体験...

完全マンツーマンレッスンでエンジニアを育成するというスクール「侍エンジニア塾」に興味があり無料体験レッスンに予約申し込みしてみました。その時の流れと、実際に体験してみての内容をレポートします。 プログラミングスクールは他にもありますが「専...

侍エンジニア塾への入会が完了し、インストラクターも決まり初回レッスン（オリエンテーション）を行いました。 この記事では侍エンジニア塾への入会後の最初の方の流れについて解説していきます。いま入会を考えている方の参考になればと思います。 こう...

JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんかによくあるツールです...

さて侍エンジニア塾に入塾してから約1ヶ月が経ちました。 レッスン1は最初のオリエンテーション的なものなので本格的なレッスンは2回目からとなっています。 この記事では侍エンジニア塾に入塾するとどういったレッスンがあるのか、また効果的なレッスンの...

Laravelを学習中です。 ところでLaravelをやってるとwith()メソッドがやたら出てくる。 しかも何故か公式リファレンスが見つからないのよ。探し方悪いのかな？😂 普通HTMLリファレンス、Javaリファレンス、JavaScriptリファレンス色々あるでしょ。クラス名...