#JavaScript
30 件の記事
Wails 実践講座 #7 ノートエディタの実践 — マークダウンプレビューと一覧の UX
第 2 部の最初の記事です。これまでバックエンドに偏っていたノートアプリの前側を実際に作ります。マークダウンを安全にレンダリングするプレビュー、タイピングが止まると保存するデバウンスの自動保存、編集が一覧の並びを揺らさないようにする方法、そしてキーボードでノートを行き来する一覧の UX を扱います。
Wails でデスクトップアプリを作る #7 フロントエンドフレームワークを付ける — Svelte・Vue・React
本編でバニラで作った前側を、状態が増える実際のアプリのためにフレームワークに変えます。Wails がフロントエンドを選ばないことの意味、wails init のテンプレートで Svelte・Vue・React を始める方法、生成されたバインディングがフレームワークと無関係に同じであること、そしてバインディングの結果をフレームワークの状態につなぐ方法を扱います。
JavaScript実践 #6 小さなアプリのビルド — Todo アプリ
バニラ JavaScript で Todo アプリを最初から最後まで — DOM、イベント委譲、FormData、ローカルストレージ、軽量 store までを一箇所に集めます。
JavaScript実践 #5 ローカルストレージと軽量な状態管理
localStorage / sessionStorage の使い方と落とし穴、そしてライブラリなしで画面の状態をすっきり管理するパターン。
JavaScript実践 #4 フォームの扱い
フォーム検証、FormData の活用、そして送信時点のパターン — HTML ビルトイン検証を活かしつつ JavaScript で補強する方法。
JavaScript実践 #3 fetch と非同期 UI
fetch でデータを受け取って DOM に反映する実践パターン — ローディング / エラー状態の表示、デバウンス、AbortController でキャンセルまで。
JavaScript実践 #2 イベントハンドリングと委譲
イベントオブジェクトとバブリング/キャプチャリングの流れ、そして効率的なイベント委譲パターン — DOMインタラクションの標準ツールを整理します。
JavaScript実践 #1 DOM操作の基本
バニラJavaScriptでDOMを扱う基本 — querySelector、classList、dataset、そしてエレメントを作って差し込む。
JavaScript上級 #7 モジュールシステムの深掘り
CommonJSとES Modulesの違い、モジュールホイスティング、循環参照 — JavaScriptモジュールシステムの内部動作を整理します。
JavaScript上級 #6 SymbolとProxy
衝突しないキーを作るSymbol、オブジェクトの動作そのものを傍受するProxy — ライブラリの内側で出会うJavaScriptのメタツール。