ShiftB ｜Web開発スクール&コミュニティ

AI×Web開発スクール&コミュニティ👨‍💻

未経験から4〜6ヶ月で、
・フルスタックのWebアプリ開発
・AIエージェントツールの活用
・要件定義や設計などの上流工程

を身につけて、
転職・副業・個人開発サービスの運用につなげるコースです。

🔽自分に合う学び方は？30秒のAI開発タイプ診断

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

Web制作とWebアプリ開発、何が違う？
見分けるポイントは、ユーザーが見るだけか、操作して使うか。

ホームページやLPは見るだけ。投稿や購入、予約ができるなら、Webアプリ。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

インタビュー全編はこちら
https://t.co/QUsoD7EEjD

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

音楽講師・演奏業をしながら、ドコモショップ、ゲームや自社サービスのテスト設計、受託会社での要件定義やテスト設計へ。

エンジニアとして2社に内定したMさんの、ShiftBに入るまでの経歴です。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

見える画面と見えない裏側。書く言語は、別々？
このコースで使う構成なら、どちらもJavaScriptで書ける。

画面の動きを書くのと同じ言語で、届いた投稿を保存する裏側の処理も書く。フロントもバックも1つの言語で。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

Next.jsって、何？
一言でいうと、道具箱。

HTML・CSS・JavaScriptと、そのほかの機能を、効率よく組み合わせて開発するためのフレームワーク。今は名前だけ覚えておけば十分。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

HTML、CSS、JavaScript。それぞれ、家のどこにあたる？

HTMLは柱と壁と間取り。CSSは壁紙、家具の配置、照明。JavaScriptは電気配線やスマートホーム機能。
役割がわかれば、AIが書いたコードも読みやすくなる。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

メニューにない料理は、頼めない。
Webアプリにも、同じルールがある。

APIは注文を運ぶだけでなく、どんな注文をどういう形式で受け付けるかも決めている。決められていない操作はできない。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

ログインしたとき、本人かどうかは誰が確認してる？
その確認は、画面の裏側のバックエンドがやっている。

本人確認も、投稿の保存も、メール送信も。レストランでいえば、見えないけれどいちばん大事な厨房。

[katsuo @katsuo_code]

【#shiftB 141日目】オリジナルアプリ【61日目】
・Vercelにデプロイ完了！！環境変数やBuildで色々と作業
・useSearchParamsをSuspenseで囲む対応を実施
@shiftb_dev #駆け出しエンジニア #個人開発

[katsuo @katsuo_code]

【#shiftB 138日目】オリジナルアプリ【58日目】
・画像 or 材料名からレシピ新規作成を実装！
・上限対策でモデルをLite版に変更。あとは細部を確認して完成！
@shiftb_dev #駆け出しエンジニア #個人開発

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

Instagramも、Notionも、Googleカレンダーも。
ブラウザで開けば、全部Webアプリ。

インストールがいらず、直すのはサーバー側。だから、気づいたら新しくなっている。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

インタビュー全編はこちら
https://t.co/hG0PeafM4o

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

面接で「AIでコードを書いてるでしょ」と見られる前提で、どう答えたか。

30代未経験からエンジニアとして2社に内定した大坪さんは、AIだけに頼らず、自分で考えて実装したことを言葉にするようにしていた。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

インタビュー全編はこちら
https://t.co/hG0PeafM4o

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

受講中に作ったオリジナルアプリ「父レコ」。

30代未経験からエンジニアとして2社に内定した大坪さんが作ったのは、紙に記録していたお父さんのための健康記録アプリ。今も使ってもらっているそうです。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

インタビュー全編はこちら
https://t.co/hG0PeafM4o

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

他にもスクールがある中で、なぜShiftBを選んだのか。

30代未経験からエンジニアとして2社に内定した大坪さんの答えは、相談会で悩みがほとんどなくなったから。

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

インタビュー全編はこちら
https://t.co/hG0PeafM4o

[ShiftB ｜Web開発スクール&コミュニティ @shiftb_dev]

学習から気持ちが離れかけたとき、どう立て直したのか。

30代未経験からエンジニアとして2社に内定した大坪さんの場合は、同じ章で止まっている人と連絡を取り合うことだった。

[大野克也｜ソロプレナーの教科書 著者 @ohno_katsuya]

公開1週間で大手獲得した、個人開発×マイクロSaaS（Chatworkのスレッド拡張）の0→1について、取材いただきました！
⠀
▼1週間で大手獲得？ソロプレナーの0→1でやったこと
・儲かる事業なのか：市場選定と検証
・競合はいたか：PRD・ポジショニングマップ作成
・どんな機能なら勝てるか：特許出願とUSP創出
・初期の集客方法：SNS活用とSEO・CVファネルの設計
・ターゲット戦略：ABM戦略と顧客開拓
⠀
事業の0→1って具体的にどんなことすればいいの？という方もいると思い、市場調査やニーズ検証の具体的な方法についてお話しています。
⠀
個人開発でガッツリ市場調査や競合分析をする方は少ないかもですが、個人的にはPRDに落とすのがおすすめです。
⠀
チャットワーク利用の広告代理店・税理士・フリーランスの方は、プロフ（@ohno_katsuya）よりスレッドワークをぜひご利用ください。
⠀
来週は後編が出るので、フォローくださいませ！
YouTube動画はリプ欄より▼