HarmonyOS NextにおけるページレベルストレージLocalStoreの完全ガイド

はじめに LocalStoreはArkTSが提供する、ページレベルの状態変数を保持するためのメモリ内「データベース」です。アプリケーションは複数のLocalStoreインスタンスを作成でき、UIAbilityインスタンス内で複数のページ間で状態を共有できます。ページ内でも共有可能であり、GetSharedインターフェースを通じて異なるページ間での共有も可能です。コンポーネントツリーのルー ...

7月27日 19:05 投稿

jQuery実践ガイド:スライドパズル、固定サイドバー、Googleマップアプリの構築

jQueryの基本概念 jQueryは、DOM要素の選択と操作を簡素化する強力なライブラリである。例えば、id属性がtargetElの要素を選択するには、以下のように記述する。 const $element = $("#targetEl"); 選択された要素はjQueryオブジェクトとしてラップされる。メソッドの多くは引数の有無によってゲッターとセッターの両方として機能する。幅を取得する場合はwidth()を引数な ...

7月19日 21:31 投稿

JavaScriptにおけるブラウザ操作と実行モデルの基礎

ブラウザオブジェクトモデル(BOM)の概要 BOMはブラウザのウィンドウ構造全体を制御するためのAPIコレクションです。windowオブジェクトがグローバルスコープの頂点に位置し、標準組み込み関数やDOM関連プロパティはこの配下に展開されます。グローバルスコープ内で宣言された変数および関数は自動的にwindowのメンバーへと昇格するため、実装時はプレフィクスを省略して ...

7月7日 17:01 投稿

クッキー、localStorage、sessionStorageの違いと使い方

クッキーはブラウザがサーバーにリクエストを送る際に情報を保持する仕組みです。 HTML5のWebストレージにはlocalStorage(永続ストレージ)とsessionStorage(セッションストレージ)の2つのAPIが提供されます。 Webストレージはクッキーの制約を克服することを目的としており、サーバーへの送信を伴わないクライアントサイドでのデータ操作に適しています。 共通点 すべ ...

6月17日 23:15 投稿

Vueの基本操作とCSS活用法

ここに記載する内容は、思いつくままに書きます。他の項目は後で追加します。また、いくつかのCSSも含まれています。 テキスト入力フィールドの双方向データバインディング HTML <input value="123456" type="text" v-model="account" @input="handleAccountChange" class="bottom-line bottom" placeholder=&q ...

6月10日 22:59 投稿

Webブラウザにおけるクライアントサイド永続化手法の比較

Webアプリケーションにおいて、ユーザーの状態や設定をクライアント側に一時的または長期的に保持する必要が生じる。これには複数の標準化されたメカニズムが存在し、それぞれ異なるスコープ、寿命、セキュリティ特性を持つ。 1. HTTP Cookie Cookieは、HTTPプロトコルのステートレス性を補うために導入された初期の仕組みであり、主にサーバーとブラウザ間の状態管理を ...

5月21日 16:03 投稿