「保存した」はどこに残る?ワインQで学ぶlocalStorage
ワインQで保存した問題が、新しく開いたページにも残るのはなぜ?localStorageと会員サーバー保存の違い、同一オリジン、タブ間の通知、保存に失敗したときの挙動を実画面と図で整理します。
- #Webアプリ開発
特集 / COLLECTION
← 特集一覧へAIと学び直す、Web開発の基礎と仕組み。 アプリは動いた。でも、なぜ動くのか、何を確かめればよいのか。Appli Parkの開発で出会った実体験に基づく「なぜ」を出発点に、「わかったつもり」をひとつずつ理解し直す特集です。
CONTENTS
8件の記事
ワインQで保存した問題が、新しく開いたページにも残るのはなぜ?localStorageと会員サーバー保存の違い、同一オリジン、タブ間の通知、保存に失敗したときの挙動を実画面と図で整理します。
4択を並べ替えたら、正解の位置も変わるはず。ワインQの処理を使い、選択肢と正解情報を一緒に動かす方法を図解します。固定乱数の作例、24通りの交換パターン、200問を使った検証結果も紹介します。
全角・半角や英字の大文字・小文字をそろえると、検索はどう変わる?Appli Parkのサイト内検索を使い、NFKC正規化と部分一致の流れ、吸収できる表記ゆれとできない表記ゆれを図と実測で解説します。
楽観ロックがあれば、同時編集はすべて安全なのでしょうか。share&doのローカルAPIで古い版の保存を試し、バージョン比較・画面の同期・競合後の操作を図と実行結果で整理します。
CI/CDを「ビルドやデプロイのこと」で終わらせないために。継続的インテグレーションと、継続的デリバリー・継続的デプロイの違いを図で解説し、現場で「CI/CDどうしてますか?」と聞かれたときの答え方まで整理します。
テストカバレッジは、テスト実行時にコードのどこを通ったかを示す指標です。C0・C1・C2の違い、複合条件で注意する点、100%でも安心できない理由を例とともに整理します。
CMSは、文章や画像を作成・整理し、公開状態を管理する仕組みです。この記事もAppli Park専用CMSで編集しています。初心者向けに、下書きと公開版の違い、実際にCMSを使う場面を紹介します。
E2Eテストの役割を、Appli Parkで現在行っている手動確認、既存の単体・サービス・認可テスト、将来の自動化案に分けて説明します。現時点で自動E2Eテスト群は未整備です。