STEP 01
テーマの定義
小さく最初の一歩を定義し、何を作らないかも含めて整理します。
成果物と、学びを、同時に作る。
AI で作る
AI で作る
仕組みを読み解く
次に使える学びに変える
Engineer BA-Sultoは、AIを活用したWebアプリ、スマホアプリ、LP/HP、学習コンテンツの企画・開発と、その過程を学べる形で残す活動です。
開発と学びの循環フロー
作る → 読み解く → 残す → 次へ。同じプロジェクトの中で循環させます。
STEP 02
AI を活用した実装
仕組みを動かしながら作り、生成されたコードや設計を追います。
STEP 03
仕組みの読み解き
構造・処理の流れ・依存関係を確認し、分からない箇所を言葉にします。
STEP 04
記録する
「次に使える」資産として整理し、同じ流れで次のテーマへつなげます。
依頼から振り返りまで、流れを残す。
「作る」と「学びとして残す」を分けず、同じプロジェクトの中で進めます。再現できる手順と、なぜその判断になったかの説明をそろえることを重視します。
STEP 01
小さく決める
いきなり大きく作らず、テーマ・対象者・最初の成果物の形を小さく定義します。何を作らないかも含めて整理します。
STEP 02
作りながら読み解く
AI を活用して実装しつつ、生成されたコードや設計を追い、構造・処理の流れ・依存関係を確認します。分からない用語や不安な箇所は飛ばさず、少しずつ言葉にします。
STEP 03
判断と手順を残す
何を作ったか、なぜその実装になったか、どこを変えればよいかを、記事・動画・説明用のドキュメントなど学べる形で残します。次のプロジェクトやコンテンツに引き継げるように整理します。
STEP 04
改善して次へ
動かしてみて分かった改善点を反映し、同じ流れで次のテーマへつなげます。
上から教える立場ではなく、AI で作ったコードや設計を読み解きながら理解を積み上げている実践者として、初学者やジュニアエンジニアがつまずきやすい不安に寄り添いながら進めます。
残すのは、成果物だけではありません。
- 再現できる手順
- 判断理由
- 変更のしかた
- 次に使える記録（方針・手順・学びを整理し、あとから見返せるようにする）
大切にしていること
AI を活用した開発を実際に使える成果物として形にし、その進め方を再現できる手順として伝え、初学者やジュニアエンジニアに近い目線で読み解ける形にすることを大切にしています。
制作・開発の実績
アプリ本体からLPまで、設計判断や公開前の確認観点まで含めた制作事例です。成果物と学びを同時に残すEngineer BA-Sultoの範囲を示します。
歩時間（あるじかん）
スマホアプリからLPまで。歩時間（あるじかん）の開発事例
毎日の歩行習慣を支えるウォーキングタイマー「歩時間（あるじかん）」と、そのLPを企画・開発した事例です。実装だけでなく、設計判断や公開前の確認観点まで残し、成果物と学びを同時に作るEngineer BA-Sultoの制作範囲を示します。
作ったもの
スマホアプリ
音声ガイド付きの連続歩行・インターバルウォーキングタイマー。記録、統計、目標、カスタムタイマー、多言語対応
LP
Astro 製。価値訴求、機能、使い方、FAQ、ダウンロード導線を日本語・英語・スペイン語で整理
公開準備の整理
法務文書、ストア提出想定、LPとアプリの整合チェック、改善候補の記録
使用技術
スマホアプリ
LP
この事例で示したこと
- 歩行中に使いやすいタイマー設計（音声ガイド、バックグラウンド復帰時の時間再計算）
- アプリ本体とLPをセットで企画・制作した流れ
- 課金・広告・健康効果の表現を、公開前に確認できる形への整理
- 実装の判断理由を、次の開発や教材に転用できる記録として残した点
アピールポイント
- アプリとLPの両方を制作し、訴求から実装まで一連の流れを説明できる
- タイマー、記録、課金、分析、多言語対応まで含むため、実用アプリ開発の教材として展開しやすい
- 「作って終わり」ではなく、整合チェックや改善候補まで学習資産化している
作って終わりにしない開発支援
AIに依頼すれば、アプリやページの形は以前より早く作れるようになりました。一方で、生成されたコードや設計を見ても中身が分からない。少し直したいだけなのに、どこを触ればよいか不安になる。エンジニア・バスルトは、この状態をそのままにしません。完成した成果物と一緒に、判断理由、作業の記録、改善のポイント、次に使える手順を残します。
作る
Webアプリ、スマホアプリ、LP/HP、学習コンテンツを、小さく分解して形にします。
理解する
生成されたコードや構成、判断理由を説明し、どこを変更すればよいかを見えるようにします。
残す
作業の記録、方針メモ、手順書、改善リストを整理し、次回も再現しやすい状態にします。
対応領域
LP/HP制作
サービスや教材の価値を、公開できるページの構成と実装に落とし込みます。
Webアプリ開発
小さなWebアプリや業務ツールを、企画から実装まで。コードの構造と変更箇所を説明できる状態を目指します。
スマホアプリ開発
アプリのアイデアをMVPに分解し、React Native/Expoなどで実装まで進めます。
学習コンテンツ（自社制作・販売）
AI開発の進め方とコードの読み解き方を、記事・教材として整理します。
動画教材・コンテンツ化
開発過程を、動画教材やケーススタディに変換します。
※価格・予約方法・契約条件については、内容が固まり次第、相談導線に反映します。まずはお気軽にご相談ください。
開発の記録と発信
相談の前後で、進め方や考え方を記事・動画で共有しています。最新の記事はSubstackで公開しています。
Engineer BA-SultoのSubstackで扱うこと
AIを使ったWebアプリ、スマホアプリ、ホームページ制作の過程を、初学者にも読み解ける形で残していきます。
飲食店サイトを作る前に、参考サイトを「丸ごと真似る」のをやめる
おしゃれなサイトを探す前に、ファーストビュー、メニュー、アクセス、予約導線を分けて見る。AIでHPを作る時にも使える、参考サイトの見方です。