JOURNAL
記事一覧
36件の記事
絞り込みを解除- お知らせ
「あとで行こ」公開｜楽しみを貯めるアプリ
テレビで見たお店、知人にすすめられた場所。「今度行こう」を貯めて、暇な日に今日の一件を選ぶ無料アプリ「あとで行こ」を公開しました。名前だけで候補を残し、時間や予算、気分に合わせて選べます。
- 開発記録
AppliParkでは脆弱性にどう対応している？日々の確認と開発時の工夫
PHPの脆弱性をきっかけに、AppliParkの対応を紹介します。毎朝の情報収集、依存部品の点検、サーバー側の確認、更新とテストをどう組み合わせているのかをまとめました。
- 知る・学ぶわかったつもりの、その先へ
コンテナを作り直すと、データも消える？保存先をComposeから読む
イメージ、コンテナ、ボリュームは同じ寿命ではありません。Appli ParkのローカルPostgreSQL構成から、どこへ保存され、再作成後に何を引き継ぐのか整理しました。
- 知る・学ぶわかったつもりの、その先へ
閉じた入力欄の文字は、どこへ行く？非表示と取り外しを比べる
折りたたんだ画面の入力が残る理由を、StoryDiaryの実コンポーネントで確認しました。画面に見えないこと、DOMから取り外すこと、サーバーへ保存することを分けます。
- 知る・学ぶわかったつもりの、その先へ
大きな文字と見出しは同じ？記事の目次ができるまで
見出しは見た目だけでなく、文章の構造を表します。実CMSの本文描画と目次関数へ架空ブロックを渡し、h2・h3、目次に載る条件、段落挿入で変わるIDを確認しました。
- お知らせ
Appli Parkは個人情報をどう扱う？保存する情報と「全削除」のしくみ
Appli Parkが扱う情報、Googleログインや解析・広告との関係、記録の全件削除と退会時の削除範囲を説明します。Cookieの削除との違いや、バックアップ・外部サービスの扱いも紹介します。
- お知らせ
今日のセットを、次の自分へ。筋トレ記録アプリ「トレノート」を公開しました
トレーニングの種目・重量・回数・セットを日別に残せる「トレノート」を公開しました。いつものメニューはテンプレートに保存して、次回の記録に使えます。
- 知る・学ぶわかったつもりの、その先へ
同じクラス名でも見た目が混ざらない？CSS Modulesの範囲を確かめる
二つのCSSファイルに同じheaderがあっても、生成後の名前は別になります。実プロジェクトのCSSを専用ページでビルドし、名前の分離と、通常のCSSが届く範囲を整理しました。
- 知る・学ぶわかったつもりの、その先へ
16文字のIDは、何を表している？Base64とランダム値を分ける
share&doのID生成は、ランダムな12バイトをURL向けのBase64で表します。既知の架空バイト列を往復変換し、文字数、表記、予測しにくさが別の話であることを確かめました。
- 知る・学ぶ
トレノートの使い方｜メニューの準備・記録・履歴を使い分ける
トレノートは、種目とセットを先に用意し、重さ・回数が空欄のまま保存できます。運動後に実績を入力する流れ、種目別の「記録を見る」で複数日を比べる方法、テンプレートとの違いを画面付きで紹介します。
- 知る・学ぶわかったつもりの、その先へ
押すとすぐ変わるのに、保存はまだ？お気に入りで学ぶ楽観的UI
お気に入りの表示がすぐ変わっても、通信が完了したとは限りません。実際の更新処理を模擬通信で動かし、先に表示を変える仕組みと失敗時の戻し方を確かめました。
- 知る・学ぶわかったつもりの、その先へ
同じデータへの処理は、順番待ちできる？行ロックを確かめる
「誰がアウト？」の更新処理には行ロックがあります。独立したPostgreSQLの小さな表で、二つ目の処理が待つことと、普通の読み取りまで全部止まるわけではないことを確かめました。
- 知る・学ぶわかったつもりの、その先へ
ダイアログの中を押しても閉じないのはなぜ？クリックの伝わり方
背景を押すと閉じるのに、中のボタンを押しても閉じない。実Modalを専用ページで動かし、イベントの伝播と、閉じる処理を直接呼ぶ経路を確認しました。
- 知る・学ぶわかったつもりの、その先へ
APIは応答したのに読めない？CORSでブラウザーが確認すること
CORSのエラーは、必ずしも要求がサーバーへ届かなかった意味ではありません。二つのローカル接続先を使い、GETの応答と、独自ヘッダー付きPOSTの事前確認を比べました。
- 知る・学ぶわかったつもりの、その先へ
画面が見えることと、ボタンが動くことは同じ？HTMLとhydration
Client Componentにも、最初のHTMLに含まれる表示があります。専用Next.jsページの生成HTMLと、ブラウザーで反応するボタンを比べ、初期表示と操作処理を分けて確認しました。
- 知る・学ぶわかったつもりの、その先へ
新しいAPIに替えた瞬間、古い画面は動く？更新途中の互換性を考える
画面とAPIが同時に切り替わるとは限りません。Appli Parkの更新順序と架空のAPI変更を使い、旧画面と新APIが組み合わさる時間の互換性を整理しました。
- 知る・学ぶわかったつもりの、その先へ
CookieのHttpOnly・Secure・SameSiteは、何を変える？
三つのCookie属性は、それぞれ別の範囲を制御します。Appli Parkのゲスト用Cookieをダミー値で生成し、資格情報とマーカーの違い、削除時の指定を確認しました。
- 開発記録
挙げ録の開発記録｜入力は2つ、保存できた分だけ積み上がる設計
重さと回数だけの入力を、正確な保存と気持ちのよい反応につなぐには。挙げ録の入力設計、日別・期間別の集計、保存成功後の演出、通信の再送と小数の扱いを実装に沿って紹介します。
- お知らせ
重さと回数だけで筋トレを記録。「挙げ録（あげろく）」を公開しました
筋トレの記録を、器具の重さと回数だけで。「挙げ録」は入力した重さ×回数を日々の総重量として残し、カレンダーや月・年の合計で振り返れる無料のWebアプリです。
- 生活
StoryDiaryの使い方｜すすめられた作品を保存して、見終わった感想を残す
StoryDiaryで作品名だけを保存し、紹介元・感想・おすすめ度をあとから追加する手順を画面付きで紹介。目的別表示と検索の使い分け、ゲストの保存と会員登録時の引き継ぎも説明します。
- お知らせ
作品との出会いと感想を残す「StoryDiary」を公開しました
小説・映画・ドラマ・アニメの「気になる」と「観た・読んだ感想」を一つの記録に。作品名だけで始められる、本人用の作品記録アプリStoryDiaryを公開しました。
- 開発記録
Googleログインでゲストデータを引き継ぐ設計｜初回登録と既存会員を分けた理由
Appli Parkでは、初回のGoogle登録だけ現在のゲストIDを会員へ昇格させ、登録済み会員への再ログインではゲストデータを自動統合しません。その理由と実装の分岐、確認したケースを紹介します。
- 開発記録
AI駆動開発とは？AI時代に何をどこまで任せるべきか
AI駆動開発とは、生成AIを一部の補助ではなく開発工程全体の推進力として活用する考え方です。 Appli Parkでの「何食べたい」の実装例をもとに、AIへ渡した条件、人間が決めた範囲、実装後の確認を個人的な視点から整理します。
- お知らせ
2択を10回選ぶだけ！食事提案アプリ「何食べたい」を公開しました
「何食べたい？」に迷う時間を少しだけ前へ進める、2択の食事提案アプリ「何食べたい」を公開しました。昼・夜を選び、食べたい料理を10回答えるだけ。選びやすさ、提案の仕組み、自作イラストの工夫を、公開時の制作記録とその後の更新を分けて紹介します。
- お知らせ
罰ゲーム抽選アプリ「誰がアウト？」を公開しました！
グループで匿名の言葉を送り、その日のOUTを決める「誰がアウト？」を公開しました。 基本的な使い方と、本文を保存しない設計、再現可能な判定、複数人の進行同期など、開発で工夫した点を紹介します。
- お知らせ
Google認証によるログイン機能を導入しました！
Googleアカウントでログインすると、share&do・coffee diary・習慣マネージャー・StoryDiary・挙げ録・トレノートの会員に紐づくデータを別端末から使えます。初回登録時の引き継ぎ条件と、ブラウザ内にだけ残るデータの違いも紹介します。
- お知らせ
習慣マネージャーを公開しました！
三日坊主になりがちな毎日の習慣を、完了チェックとカレンダーで無理なく振り返れる「習慣マネージャー」を公開しました。
- お知らせ
「おいしかった一杯」を忘れないために。coffee diaryを作りました
coffee diaryで一杯の苦味・酸味とメモを残す方法を紹介します。記入例、味わいでの絞り込み、編集・削除、ゲストと会員の違い、保存期間を実際の画面に沿って説明します。
- お知らせ
ワインを4択で学べる「ワインQ」を公開しました
産地、品種、醸造、味わいなどを4択で学び、あとで見返したい問題を端末へ残せる無料のワイン学習アプリを公開しました。
- 開発記録
share&doのUI設計｜TODOの追加・編集・完了を迷いにくくする4つの工夫
share&doの実画面を見ながら、一覧に編集・削除を常設しない理由、タイトルから詳細を開く構成、完了欄と長押し並べ替えの判断、現在残る制約を紹介します。