JavaScript

[Programming] Chrome拡張入門 Hello Worldから学ぶ最小の作り方講座

2025-09-14 | lain

Chrome拡張機能の最小構成を作りながら学ぶ入門記事。Hello Worldの表示から、背景色を変える応用までをシンプルに解説します。

カテゴリ： Programming

タグ： #Chrome拡張#JavaScript#Web開発#入門講座

【JavaScript入門講座】関数に状態を持たせる!? JavaScriptでできる意外な活用法

2025-08-17 | lain

関数に設定や状態を持たせるテクニックは、グローバル変数を減らし、シンプルな設計を可能にします。Proxy・getter・Hidden Class最適化・実測ベンチマークまで幅広く網羅し、実務で役立つベストプラクティスを紹介。

カテゴリ： JavaScript

タグ： #JavaScript#関数#オブジェクト#パフォーマンス最適化#Hidden Class#V8エンジン#ベストプラクティス

[Vibe Coding] バイブコーディング × Cursor 入門講座 05 スマホアプリ開発

2025-06-10 | lain

バイブコーディング × Cursor 入門講座 05 スマホアプリ開発スマホブラウザ（レスポンシブ＋PWA）

カテゴリ：バイブコーディング

タグ： #Vibe Coding#入門講座#Cursor#ゲーム制作#シューティングゲーム#スマホアプリ#JavaScript

【JavaScript入門講座】クラス設計 #01：thisの意味、状態のカプセル化、メソッド化、そして再利用性

2025-07-02 | lain

「関数で足りていたのに、なんでクラスが必要になるの？」「thisって結局なに？」「クラスにすると何が楽になるの？」この記事では、実際にクラスを導入したときの設計つまずき・解決法を元に、「クラス設計って何から始めればいいのか」を丁寧に紹介していきます。

カテゴリ： JavaScript

タグ： #JavaScript#初心者向け#クラス設計#オブジェクト指向#UI開発#Web制作#自作アプリ

[VSCode] 無料で使えるAI補完ツール Windsurf（旧Codeium）

2025-09-02 | lain

Windsurf（旧Codeium）は、無料で使えるAIコード補完・チャット・リファクタリング支援ツールです。本記事では、Visual Studio Codeへのインストール方法から初期設定、活用法、他ツールとの比較、初心者にも優しい使い方までを丁寧に解説します。Copilotに頼らずとも、快適なAI開発環境を構築できます。

カテゴリ： VSCode

タグ： #補完ツール#AI補完#Windsurf#Codeium#VSCode#Copilot代替#無料ツール#プログラミング支援#AI開発#エンジニア向け#コード自動生成#初心者向け#JavaScript#Python#バイブコーディング