JOURNAL
記事一覧
- アプリを使う
share&doの使い方｜リスト作成・共有への招待・参加の手順
share&doでリストを作り、相手を招待して一緒に使い始める手順が分かります。
- 認証の設計を読む
Googleログインでゲストデータを引き継ぐ設計｜初回登録と既存会員を分けた理由
Googleログイン時のデータ引き継ぎを、初回登録と既存会員で分けた理由が分かります。
- CMSの設計を読む
Appli Parkの自作CMS設計記録｜公開版を残す下書きと安全な表示
公開版を残して下書きを編集する仕組みと、記事や画像を安全に表示する設計が分かります。
65件の記事
- お知らせ
「あとで行こ」公開｜楽しみを貯めるアプリ
テレビで見たお店、知人にすすめられた場所。「今度行こう」を貯めて、暇な日に今日の一件を選ぶ無料アプリ「あとで行こ」を公開しました。名前だけで候補を残し、時間や予算、気分に合わせて選べます。
- 知る・学ぶわかったつもりの、その先へ
ALBとNLB、何が違う？「レイヤー」からわかるL1〜L7
ALBはL7、NLBはL4。そう聞いても、そもそもレイヤーって何？AWSのロードバランサーをきっかけに、OSI参照モデルのL1〜L7、通信で見る情報の違い、Fargateとの役割分担を図で整理しました。
- 知る・学ぶ無知の知
脆弱性とは？PHPで話題になった脆弱性って、要するに何なの？
PHPのニュースをきっかけに、脆弱性・攻撃・被害の違いを調べました。PHP2shellの概要と、Heartbleed・WannaCry・Log4Shellの事例から「弱点」の意味を整理します。
- 開発記録
AppliParkでは脆弱性にどう対応している？日々の確認と開発時の工夫
PHPの脆弱性をきっかけに、AppliParkの対応を紹介します。毎朝の情報収集、依存部品の点検、サーバー側の確認、更新とテストをどう組み合わせているのかをまとめました。
- 知る・学ぶ無知の知
お湯のほうが凍るのは早いって本当？ムペンバ効果を調べてみた
条件によって温かい水が先に凍り始める報告はありますが、いつでも早いわけではありません。モルトアイスの説明書を読んだ疑問から、ムペンバ効果、過冷却、透明な氷づくりとの違いを調べました。
- 知る・学ぶわかったつもりの、その先へ
コンテナを作り直すと、データも消える？保存先をComposeから読む
イメージ、コンテナ、ボリュームは同じ寿命ではありません。Appli ParkのローカルPostgreSQL構成から、どこへ保存され、再作成後に何を引き継ぐのか整理しました。
- 知る・学ぶわかったつもりの、その先へ
閉じた入力欄の文字は、どこへ行く？非表示と取り外しを比べる
折りたたんだ画面の入力が残る理由を、StoryDiaryの実コンポーネントで確認しました。画面に見えないこと、DOMから取り外すこと、サーバーへ保存することを分けます。
- 知る・学ぶわかったつもりの、その先へ
大きな文字と見出しは同じ？記事の目次ができるまで
見出しは見た目だけでなく、文章の構造を表します。実CMSの本文描画と目次関数へ架空ブロックを渡し、h2・h3、目次に載る条件、段落挿入で変わるIDを確認しました。
- お知らせ
Appli Parkは個人情報をどう扱う？保存する情報と「全削除」のしくみ
Appli Parkが扱う情報、Googleログインや解析・広告との関係、記録の全件削除と退会時の削除範囲を説明します。Cookieの削除との違いや、バックアップ・外部サービスの扱いも紹介します。
- お知らせ
今日のセットを、次の自分へ。筋トレ記録アプリ「トレノート」を公開しました
トレーニングの種目・重量・回数・セットを日別に残せる「トレノート」を公開しました。いつものメニューはテンプレートに保存して、次回の記録に使えます。
- 知る・学ぶ無知の知
マクロとミクロってどういう意味？
マクロは全体や大きなまとまり、ミクロは個々の対象や細部に注目する見方です。経済学部出身なのに説明に詰まった疑問から、経済学での違いと、仕事で使う「マクロな視点」「ミクロな視点」を具体例で整理します。
- 知る・学ぶわかったつもりの、その先へ
保存前に同名を確認したら、DBのUNIQUEは不要？
タグの保存前確認とDBの一意性は、別の場所で重複を防ぎます。実TagServiceとマイグレーションを読み、完全に分離したPostgreSQLの架空テーブルで大文字・小文字の重複拒否を試しました。
- 知る・学ぶわかったつもりの、その先へ
同じクラス名でも見た目が混ざらない？CSS Modulesの範囲を確かめる
二つのCSSファイルに同じheaderがあっても、生成後の名前は別になります。実プロジェクトのCSSを専用ページでビルドし、名前の分離と、通常のCSSが届く範囲を整理しました。
- 知る・学ぶわかったつもりの、その先へ
16文字のIDは、何を表している？Base64とランダム値を分ける
share&doのID生成は、ランダムな12バイトをURL向けのBase64で表します。既知の架空バイト列を往復変換し、文字数、表記、予測しにくさが別の話であることを確かめました。
- 知る・学ぶ
トレノートの使い方｜メニューの準備・記録・履歴を使い分ける
トレノートは、種目とセットを先に用意し、重さ・回数が空欄のまま保存できます。運動後に実績を入力する流れ、種目別の「記録を見る」で複数日を比べる方法、テンプレートとの違いを画面付きで紹介します。
- 知る・学ぶわかったつもりの、その先へ
押すとすぐ変わるのに、保存はまだ？お気に入りで学ぶ楽観的UI
お気に入りの表示がすぐ変わっても、通信が完了したとは限りません。実際の更新処理を模擬通信で動かし、先に表示を変える仕組みと失敗時の戻し方を確かめました。
- 知る・学ぶわかったつもりの、その先へ
同じデータへの処理は、順番待ちできる？行ロックを確かめる
「誰がアウト？」の更新処理には行ロックがあります。独立したPostgreSQLの小さな表で、二つ目の処理が待つことと、普通の読み取りまで全部止まるわけではないことを確かめました。
- 知る・学ぶわかったつもりの、その先へ
ダイアログの中を押しても閉じないのはなぜ？クリックの伝わり方
背景を押すと閉じるのに、中のボタンを押しても閉じない。実Modalを専用ページで動かし、イベントの伝播と、閉じる処理を直接呼ぶ経路を確認しました。
- 知る・学ぶ無知の知
量子コンピューターって何？株選びをきっかけに、仕組みと現在地を調べてみた
量子コンピューターは、重ね合わせや干渉などの量子の性質を利用して計算する装置です。何でも速く解く万能なパソコンではありません。株選びから浮かんだ疑問を入り口に、普通のコンピューターとの違い、期待される用途、すでに始まっている利用と残る課題を整理します。
- 知る・学ぶ無知の知
サービスエリアとパーキングエリアって何が違う？休憩先の選び方
SAもPAも、高速道路で休憩するための施設です。基本的な役割や設置間隔には違いがありますが、食事や給油ができるかは施設ごとに異なります。遠出の途中で浮かんだ疑問から、違いと目的に合った立ち寄り先の選び方を調べました。
- 知る・学ぶわかったつもりの、その先へ
APIは応答したのに読めない？CORSでブラウザーが確認すること
CORSのエラーは、必ずしも要求がサーバーへ届かなかった意味ではありません。二つのローカル接続先を使い、GETの応答と、独自ヘッダー付きPOSTの事前確認を比べました。
- 知る・学ぶわかったつもりの、その先へ
画面が見えることと、ボタンが動くことは同じ？HTMLとhydration
Client Componentにも、最初のHTMLに含まれる表示があります。専用Next.jsページの生成HTMLと、ブラウザーで反応するボタンを比べ、初期表示と操作処理を分けて確認しました。
- 開発記録
118品の料理イラストをどう描く？共通部品で作るSVGの制作記録
皿・茶碗・葉を共通部品にしながら、料理らしい形を残す。「何食べたい」の118品の対応表とオムライスの構成から、SVGイラストの作り方を紹介します。
- 知る・学ぶわかったつもりの、その先へ
保存の途中で失敗したら？自作CMSで学ぶトランザクション
公開版の更新と編集下書きの削除が別々に確定すると、途中状態が残ります。自作CMSのpublishDraftを読み、同じ構造の小さなSQL実験で、成功とロールバックを比較しました。
- 知る・学ぶわかったつもりの、その先へ
新しいAPIに替えた瞬間、古い画面は動く？更新途中の互換性を考える
画面とAPIが同時に切り替わるとは限りません。Appli Parkの更新順序と架空のAPI変更を使い、旧画面と新APIが組み合わさる時間の互換性を整理しました。
- 知る・学ぶわかったつもりの、その先へ
CookieのHttpOnly・Secure・SameSiteは、何を変える？
三つのCookie属性は、それぞれ別の範囲を制御します。Appli Parkのゲスト用Cookieをダミー値で生成し、資格情報とマーカーの違い、削除時の指定を確認しました。
- 開発記録
挙げ録の開発記録｜入力は2つ、保存できた分だけ積み上がる設計
重さと回数だけの入力を、正確な保存と気持ちのよい反応につなぐには。挙げ録の入力設計、日別・期間別の集計、保存成功後の演出、通信の再送と小数の扱いを実装に沿って紹介します。
- お知らせ
重さと回数だけで筋トレを記録。「挙げ録（あげろく）」を公開しました
筋トレの記録を、器具の重さと回数だけで。「挙げ録」は入力した重さ×回数を日々の総重量として残し、カレンダーや月・年の合計で振り返れる無料のWebアプリです。
- 知る・学ぶ無知の知
親知らずって結局抜いた方がいいの？ 奥歯の違和感から、そもそも何なのか調べてみた
上の奥歯の奥の違和感から、親知らずとは何かを調べました。必ず抜くわけではない理由と、抜く場合・残す場合に歯科で確認したいことを整理します。
- 知る・学ぶわかったつもりの、その先へ
「保存した」はどこに残る？ワインQで学ぶlocalStorage
ワインQで保存した問題が、新しく開いたページにも残るのはなぜ？localStorageと会員サーバー保存の違い、同一オリジン、タブ間の通知、保存に失敗したときの挙動を実画面と図で整理します。