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

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

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

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

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

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

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

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

HTMLやCSSを独学していたけれど、何から手をつければいいのか、この学び方で合っているのかが分からなかった。

2社に内定したMさんの、ShiftBに入る前の悩みです。

[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社に内定した大坪さんの場合は、同じ章で止まっている人と連絡を取り合うことだった。