ノーコードサロン｜YouTube動画スライド集

AI・ノーコードWeb制作の動画で使うスライド集

気付き系スライド

AI・ノーコードWeb制作の「気付き」を扱う、各28〜30枚のデッキ。

ノーコードはもう不要？AIで何でも作れる時代に、ノーコードを学ぶ意味を考える。独学で挫折する共通点がんばってるのに続かない。原因は“実力不足”じゃないかも。制作単価をどう守る「安く・早く」の消耗戦から抜けるには。デザインできるのに稼げないスキルと収入がつながらない、本当の理由。使えると仕事にできるの壁チュートリアルは終えた。でも案件は別物。AI時代のデザイナー生存戦略「作る人」で終わらないために。案件が取れない本当の理由ポートフォリオを磨いても取れないのはなぜ？学んだのに動けないインプット疲れから、成果へ。クライアントワークの消耗から抜ける受注→納品→また探す、の無限ループを止める。ひとりで完結する学び方何を学び、何をAIに任せるか。Studioが「アクセス上限」を撤廃公式ニュースの先へ。制作者にとって何が変わるかを、ノーコードサロン視点で考察する。「体系的に学ぶ」はAI時代に正解かAIで“理解せず作れる”時代の、新しい学び方を考える。Studio制作するなら「社内定着」にこだわろう作って終わりじゃない。クライアントの組織に定着させるところまでが、これからの仕事。更新前に「差分」が見えるようになったStudioの新機能で、制作者の運用はどう変わる？複数人・クライアント更新の現場から考える。Studio×GA4連携が大幅アップデートサイトの「成果」がStudio上で見える時代に。計測できる制作者が強くなる理由を考える。

Studio実装解説（動画用）

実装メインの解説動画で使う、各6枚のデッキ。表紙 → 動画の概要 → CTA → 実演タイム → CTA → 締め。

StudioでLPをゼロから作るセクションの組み方から公開まで、ランディングページを1枚まるごと作ります。Studioで追従（固定）を作る方法と注意点スクロールしても消えないヘッダー、常に出ているお問い合わせボタン。Studioのレスポンシブが崩れる原因と直し方PCでは完璧なのに、スマホで見たら崩れている。Studioで動画を埋め込む方法YouTube動画も、背景で流すループ動画も。Studio案件の納品方法作り終わってからが本番です。AI×ノーコードでLPを作る方法構成もコピーも、まずAIに出してもらう。Studio CMSは何が難しいのかお知らせもブログも作れるのに、最初の一歩で止まる人が多い機能です。Studio.motionで動きを探す・使うアニメーションのアイデアが浮かばない時に開くサイトです。Studio Editor 5.0 の使い方エディタが大きく変わりました。Studioの学習ロードマップ何から手をつけて、どこまでできれば案件を受けられるのか。Studioのトグルで開閉リストを作るよくある質問のアコーディオンを、コードなしで作ります。Studio Editor 5.0 Beta の使い方先行公開されたエディタを触ります。StudioのSEO Writing Assist機能の使い方ページのタイトルや説明文を、Studioが提案してくれる機能です。Studioのバージョン管理でバックアップを作る「消してしまった」「前の状態に戻したい」。Studioで色を一括変更する方法あとから「やっぱりこの色で」と言われても慌てないために。Studio実装メインで活動する方法デザインは他の人、実装は自分。Studio.Stockの使い方とおすすめな人商用OKの日本人画像が使える素材サービスです。Studio初心者がつまずく場所と対策独学で止まるところは、だいたい同じです。Studioでファビコンを設定する方法と注意点タブに出る、あの小さいアイコンです。Studioテンプレート出品の条件と手順作ったサイトをテンプレートとして販売する仕組みです。StudioのWebhookの使い方「フォームの送信を、他のサービスに知らせる」仕組みです。Studioでパスを設定する方法と注意点URLの後ろにつく文字列です。Studioでページを検索結果に表示しない方法制作中のページや、限定で見せたいページを検索から外す設定です。Studioのプラン診断機能の使い方どのプランを選べばいいか分からない時に使える機能です。CodexでLPを作る方法｜実演と、ノーコードとの使い分けAIにコードを書かせて、ランディングページを1枚作ります。