つくる

設計と実装の段階です。技術選定からAIとの開発、画面づくりまでを扱います。

第II章開発技術

開発技術2026-09-08

流行や機能数ではなく、完成・運用・撤退まで自分で扱えるかを基準に、最初の技術構成を決める方法です。

開発技術2026-09-08

プログラミング初心者が、作りたいもの、必要な操作、完成条件をAIへ伝え、一段階ずつ開発を進めるための入門ガイドです。

開発技術2026-09-08

画面を開く、入力する、間違える、閉じて開き直すという基本操作から、最初のアプリの不具合を見つける方法を説明します。

開発技術2026-09-08

APIキーや接続情報をコードから分離し、環境ごとの権限、漏えい時の失効、定期的な棚卸しまでを小さく運用する方法です。

開発技術2026-09-21

説明できないコードを残さない、動作を自分の手で確認する、秘密情報や削除処理だけは目視するなど、AI生成コードを安全に取り込むための確認手順を整理します。

開発技術2026-09-21

エラーの種類・説明文・場所という3つの部品の読み方、スタックトレースのたどり方、再現手順の作り方、AIに質問するときの正しい貼り方までを整理します。

開発技術2026-09-21

入力を信用しない、認証を自作しない、HTTPSと設定の確認、依存パッケージの定期更新など、個人開発で本当に起きる事故の定番を避ける最小限の対策を整理します。

デザイン2026-09-08

画面の数を増やす前に、利用者の目的、状態、操作の順序から読みやすく使いやすい画面を組み立てる方法です。

デザイン2026-09-15

色は4つの役割、文字はサイズ3段階と太さ2種類、余白は8の倍数。デザイナーがいなくても画面が整う最小ルールの決め方と、コントラスト比の数値での確認を説明します。

デザイン2026-09-15

viewportメタタグ、1列を基本にした折り返しレイアウト、横スクロールを出さない合格ライン、指で押せるサイズ、実機確認の3段階まで、スマホ対応の基本を整理します。

デザイン2026-09-15

ページタイトル、代替テキスト、見出し構造、コントラスト、キーボード操作、フォームのラベル。W3CのEasy Checksにもとづき、個人開発で今日から確認できる6項目に絞って整理します。

デザイン2026-09-08

エラーコードだけを見せず、問題の場所、起きたこと、直し方、入力内容の保持を揃えて離脱を減らす設計方法です。