【JavaScript入門講座】 非同期処理と async/await をやさしく学ぶ
2025-06-22 | lain
本記事では、非同期処理の基礎から、async/awaitの実践的な使い方まで、初心者にもやさしく解説します。小さなコード例を見ながら一緒に学んでいきましょう。
カテゴリ：JavaScript
![[JavaScript] 画像を分割して合体アニメにする方法【Canvas＋Grid】](https://humanxai.info/images/uploads/javascript-image-splitter.webp)
[JavaScript] 画像を分割して合体アニメにする方法【Canvas＋Grid】
2025-06-19 | lain
JavaScriptとCanvasを使って、画像をX×Yに分割し、Gridレイアウトで順に合体させるアニメーションを実装する方法を解説します。シンプルな構成で再利用も可能。初心者にもわかりやすいサンプル付き。
【JavaScript 入門講座】型とコピーのしくみを徹底解説！(プリミティブ型と非プリミティブ型)
2025-07-29 | lain
JavaScriptで値の型を調べる方法として有名な typeof と instanceof。でも、「nullはobject？」「配列はどっちで判定すればいいの？」と混乱したことはありませんか？本記事では、typeofとinstanceofのそれぞれの特徴と違いをやさしく解説
【JavaScript 入門講座】JavaScriptはクラスじゃない！？プロトタイプ継承をやさしく解説
2025-07-23 | lain
JavaScriptの[[Prototype]]ってなに？見て見ぬふりしていた謎の表示を深掘りしながら、プロトタイプ継承の仕組みやclassとの違い、プロトタイプチェーンの構造までやさしく解説します。
【JavaScript 入門講座】JavaScriptで作る！SVGベクターアーカイブと簡易ベジェエディタ構想
2025-07-23 | lain
かつてカッティングプロッターで創り上げた一点物のベクター作品たち。そのベジェ曲線の軌跡を、JavaScriptとSVGで現代に再構築する試み。 画像トレース、Webビューア、レイヤー操作、そして未来の簡易エディタへ──。 創作と技術の交差点で、懐かしい作品ともう一度出会うための構想記録。
【JavaScript 入門講座】localStorageとsessionStorageの違い。保存の基本と使い分け
2025-07-14 | lain
JavaScriptでデータをブラウザに保存する方法としてよく使われる localStorage と sessionStorage。この記事では、それぞれの特徴や使い方、メリット・デメリット、そしてセキュリティ面や注意点まで、実例を交えてわかりやすく解説します。
【JavaScript 入門講座】Math.random()を極める！ランダム抽選・シャッフルの基本と応用テクニック
2025-07-14 | lain
JavaScriptでランダムな挙動を実現したいときに使う Math.random()。この記事では、基本的な使い方から、配列シャッフル・重複なしの抽選・ランダムな数値範囲の指定・実用コードパターンまで、幅広く解説します。開発に“運”を取り入れたいとき、この記事がその第一歩になるでしょう。
【JavaScript 入門講座】typeofとinstanceofって何が違うの？型判定の基本と使い分け
2025-07-14 | lain
JavaScriptで値の型を調べる方法として有名な typeof と instanceof。でも、「nullはobject？」「配列はどっちで判定すればいいの？」と混乱したことはありませんか？本記事では、typeofとinstanceofのそれぞれの特徴と違いをやさしく解説
【JavaScript 3D 入門講座】 イベントデリゲーションって何？動的要素に効率よくイベントを付ける方法
2025-07-13 | lain
JavaScriptで動的に追加された要素にイベントが反応しない経験、ありませんか？この記事では、addEventListenerを使った基本的なイベント処理から、イベントデリゲーションの考え方と使い方、実践例までをやさしく解説します。動的UIやカードゲームなどの開発にも役立つ内容です。