知る・学ぶ
APIは応答したのに読めない？CORSでブラウザーが確認すること
CORSのエラーは、必ずしも要求がサーバーへ届かなかった意味ではありません。二つのローカル接続先を使い、GETの応答と、独自ヘッダー付きPOSTの事前確認を比べました。
- #Webアプリ開発
- #AppliPark
- #テスト
- #バックエンド
- #認証・セキュリティ
特集 / COLLECTION
← 特集一覧へわかったつもりの、その先へ
AIと学び直す、Web開発の基礎と仕組み。 アプリは動いた。でも、なぜ動くのか、何を確かめればよいのか。Appli Parkの開発で出会った実体験に基づく「なぜ」を出発点に、「わかったつもり」をひとつずつ理解し直す特集です。
CONTENTS
この特集の記事
23件の記事
- 知る・学ぶ
画面が見えることと、ボタンが動くことは同じ？HTMLとhydration
Client Componentにも、最初のHTMLに含まれる表示があります。専用Next.jsページの生成HTMLと、ブラウザーで反応するボタンを比べ、初期表示と操作処理を分けて確認しました。
- #Webアプリ開発
- #AppliPark
- #UI・UX
- #テスト
- 知る・学ぶ
保存の途中で失敗したら？自作CMSで学ぶトランザクション
公開版の更新と編集下書きの削除が別々に確定すると、途中状態が残ります。自作CMSのpublishDraftを読み、同じ構造の小さなSQL実験で、成功とロールバックを比較しました。
- #Webアプリ開発
- #CMS
- #バックエンド
- 知る・学ぶ
新しいAPIに替えた瞬間、古い画面は動く？更新途中の互換性を考える
画面とAPIが同時に切り替わるとは限りません。Appli Parkの更新順序と架空のAPI変更を使い、旧画面と新APIが組み合わさる時間の互換性を整理しました。
- #Webアプリ開発
- #AppliPark
- #バックエンド
- #自動化
- 知る・学ぶ
CookieのHttpOnly・Secure・SameSiteは、何を変える？
三つのCookie属性は、それぞれ別の範囲を制御します。Appli Parkのゲスト用Cookieをダミー値で生成し、資格情報とマーカーの違い、削除時の指定を確認しました。
- #Webアプリ開発
- #AppliPark
- #バックエンド
- #認証・セキュリティ
- 知る・学ぶ
「保存した」はどこに残る？ワインQで学ぶlocalStorage
ワインQで保存した問題が、新しく開いたページにも残るのはなぜ？localStorageと会員サーバー保存の違い、同一オリジン、タブ間の通知、保存に失敗したときの挙動を実画面と図で整理します。
- #Webアプリ開発
- 知る・学ぶ
選択肢をシャッフルしても正解がずれない仕組み｜ワインQの4択で考える
4択を並べ替えたら、正解の位置も変わるはず。ワインQの処理を使い、選択肢と正解情報を一緒に動かす方法を図解します。固定乱数の作例、24通りの交換パターン、200問を使った検証結果も紹介します。
- #Webアプリ開発
- #テスト
- 知る・学ぶ
「ＴＯＤＯ」と「todo」を同じように探すには？サイト内検索で学ぶ文字の正規化
全角・半角や英字の大文字・小文字をそろえると、検索はどう変わる？Appli Parkのサイト内検索を使い、NFKC正規化と部分一致の流れ、吸収できる表記ゆれとできない表記ゆれを図と実測で解説します。
- #Webアプリ開発
- 知る・学ぶ
同じTODOを同時編集したら？share&doで学ぶ楽観ロックと更新競合
楽観ロックがあれば、同時編集はすべて安全なのでしょうか。share&doのローカルAPIで古い版の保存を試し、バージョン比較・画面の同期・競合後の操作を図と実行結果で整理します。
- #Webアプリ開発
- #バックエンド
- #TODO・タスク管理
- 知る・学ぶ
CI / CDって言葉、正しく使えてますか？
CI/CDを「ビルドやデプロイのこと」で終わらせないために。継続的インテグレーションと、継続的デリバリー・継続的デプロイの違いを図で解説し、現場で「CI/CDどうしてますか？」と聞かれたときの答え方まで整理します。
- #Webアプリ開発
- #テスト
- #自動化