JavaScript

2025-07-23 | lain

JavaScriptの[[Prototype]]ってなに？見て見ぬふりしていた謎の表示を深掘りしながら、プロトタイプ継承の仕組みやclassとの違い、プロトタイプチェーンの構造までやさしく解説します。

カテゴリ： JavaScript

タグ： #JavaScript#Prototype#プロトタイプ継承#初心者向け#classとprototypeの違い#デバッグTips#オブジェクト指向#Web開発#consoleの使い方#JavaScriptのしくみ

2025-07-23 | lain

かつてカッティングプロッターで創り上げた一点物のベクター作品たち。そのベジェ曲線の軌跡を、JavaScriptとSVGで現代に再構築する試み。画像トレース、Webビューア、レイヤー操作、そして未来の簡易エディタへ──。創作と技術の交差点で、懐かしい作品ともう一度出会うための構想記録。

カテゴリ： JavaScript

タグ： #svg#ベジェ曲線#ベクター画像#JavaScript#Webアプリ#カッティングプロッター#作品アーカイブ#創作記録#illustrator#トレース#エッジ検出#UI設計

2025-07-19 | lain

[Human x AI] ChatGPT(4o)との対話録～ P2P構想とYoutubeを見なくなった話～

カテゴリ： Human x AI

タグ： #オープンダイアローグ#対話#AI対話#自己探求#エッセイ#Youtube#P2P#Winny#金子勇#JavaScript#PeerJS#WebRTC#ゲーム開発#個人開発

2025-07-18 | lain

nvencで動画変換3倍速！温度40度で高負荷処理する未来型ワークフロー

カテゴリ： AI動画制作

タグ： #動画制作#ffmpeg#ゲーム制作#FramePack#JavaScript#メディア制御#技術記事#RTX4070Ti

2025-07-14 | lain

JavaScriptでデータをブラウザに保存する方法としてよく使われる localStorage と sessionStorage。この記事では、それぞれの特徴や使い方、メリット・デメリット、そしてセキュリティ面や注意点まで、実例を交えてわかりやすく解説します。

カテゴリ： JavaScript

タグ： #JavaScript#WebStorage#localStorage#sessionStorage#初心者向け#データ保存#学習記事#コード例付き

$【JavaScript 入門講座】Math.random()を極める！ランダム抽選・シャッフルの基本と応用テクニック$

2025-07-14 | lain

JavaScriptでランダムな挙動を実現したいときに使う Math.random()。この記事では、基本的な使い方から、配列シャッフル・重複なしの抽選・ランダムな数値範囲の指定・実用コードパターンまで、幅広く解説します。開発に“運”を取り入れたいとき、この記事がその第一歩になるでしょう。

カテゴリ： JavaScript

タグ： #JavaScript#初心者向け#入門講座#Math.random#ランダム処理#配列シャッフル#抽選#ゲーム開発#コード例付き#学習記事

2025-07-14 | lain

JavaScriptで値の型を調べる方法として有名な typeof と instanceof。でも、「nullはobject？」「配列はどっちで判定すればいいの？」と混乱したことはありませんか？本記事では、typeofとinstanceofのそれぞれの特徴と違いをやさしく解説

カテゴリ： JavaScript

タグ： #初心者向け#入門講座#フロントエンド#Web開発#UI開発#学習記事#JavaScript#typeof#instanceof#型判定#コード例付き

2025-07-13 | lain

window.confirm()の味気ないポップアップにサヨナラ！この記事では、HTML＋CSS＋JavaScriptだけで作れるカスタムダイアログの実装方法を紹介します。UIの一貫性を保ちつつ、使いやすくて拡張可能なダイアログを自作する方法を、実例とともに解説します。

カテゴリ： JavaScript

タグ： #JavaScript#UIデザイン#カスタムダイアログ#confirmダイアログ#HTML/CSS#UX改善#初心者向け#Web開発

2025-07-11 | lain

この記事では createObjectURL() の仕組みと、BlobとFileの違い、IndexedDBとの相性、そして「なぜ画像が表示されないのか？」という問題に対する本質的な解決策を、実体験ベースで解説します。

カテゴリ： JavaScript

タグ： #JavaScript#Blob#IndexedDB#File API#Web開発#バグ事例

カテゴリ：JavaScript