STUDIO使い方マニュアル
STUDIO使い方マニュアル
  • 74
  • 256 406
第6回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年6月仕様アップデート対応
実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト( studians-parker.studio.site )の制作手順を大公開しているシリーズの第6回です!
前回までで、トップページのテキスト・フォームといったコンテンツを作成しましたので、今回はロゴが無限に流れるカルーセルの部分を作成します。
カルーセルを使った発展的な内容になっていますのでぜひチャレンジしてみてください!
----------
●目次
00:00 オープニング
01:17 構造の説明
03:32 制作
29:26 レスポンシブ設定
----------
●素材のダウンロードはこちらから
studians.jp/manual/lp
●参考動画
動画内で使用している各機能については下記の動画で詳しく解説しています。
ぜひ一緒にご覧ください。
○カルーセルの基礎編
th-cam.com/video/GdvKozddif4/w-d-xo.html
○絶対位置について
th-cam.com/video/obti3Ij_1LU/w-d-xo.html
●前回企画「本格的なコーポレートサイトをゼロから一緒に作ってみよう」はこちら
th-cam.com/play/PLUaZJLagGToKQDbiaOFbns4KE6J-kWiNf.html
มุมมอง: 852

วีดีโอ

第5回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年5月仕様アップデート対応
มุมมอง 1.5K21 วันที่ผ่านมา
実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト( studians-parker.studio.site )の制作手順を大公開しているシリーズの第5回です! 前回までで、トップページの背景を作成しましたので、今回はテキスト・フォームといったコンテンツを作成します。 フォームの作り方、アニメーションなど基本的な内容を学べると思いますのでぜひチャレンジしてみてください! ●目次 00:00 オープニング 01:30 構造の説明 02:50 制作 35:38 アニメーションの設定 42:55 レスポンシブ設定 ●参考動画 動画内で使用している各機能については下記の動画で詳しく解説しています。 ぜひ一緒にご覧ください。 ○Flexについて th-cam.com/video/Rtn_ayrzS9E/w-d-xo.html ○出現時のアニメーションについて th-...
第4回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年5月仕様アップデート対応
มุมมอง 2.2Kหลายเดือนก่อน
実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト( studians-parker.studio.site )の制作手順を大公開しているシリーズの第4回です! 前回までで、ヘッダーとナビゲーションメニューを作成しましたので、今回はトップページの背景を作成します。 出現時のアニメーションや配置など基本的な内容を学べると思いますのでぜひチャレンジしてみてください! ●目次 00:00 オープニング 01:01 構造の説明 02:16 制作(グラデーション背景画像) 08:30 制作(アニメーションの実装された背景) 20:21 完成・確認 ●素材のダウンロードはこちらから studians.jp/manual/lp ●参考動画 動画内で使用している各機能については下記の動画で詳しく解説しています。 ぜひ一緒にご覧ください。 ○ボックスとセクションの違いについ...
第3回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年5月仕様アップデート対応
มุมมอง 2.2K2 หลายเดือนก่อน
実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト( studians-parker.studio.site )の制作手順を大公開しているシリーズの第3回です! 前回はヘッダーを作成しましたので、今回はナビゲーションメニューを作成します。 リストを使用したナビゲーションなど少し複雑なところがありますが、いろいろな場面で応用できる内容になっていますのでぜひチャレンジしてみてください! ●目次 00:00 オープニング 01:40 構造の説明 03:12 モーダルの追加 04:17 名前・パスの変更 06:00 制作 40:39 完成・確認 ●参考動画 動画内で使用している各機能については下記の動画で詳しく解説しています。 ぜひ一緒にご覧ください。 ○相対位置・固定位置について th-cam.com/video/obti3Ij_1LU/w-d-xo.html ...
第2回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年5月仕様アップデート対応
มุมมอง 3.3K2 หลายเดือนก่อน
実践編「本格的なLPをゼロから一緒に作ってみよう」ということで、こちらのサイト( studians-parker.studio.site )の制作手順を大公開しているシリーズの第2回です! 前回は、LPのデザインや機能についての説明をしましたので、今回からは制作に入ります。スクロールしても追従するヘッダーを作っていきます。 複雑な構造ではなく、比較的作りやすいと思いますのでぜひチャレンジしてみてください! ●目次 00:00 オープニング 01:52 構造の説明 02:36 制作 30:54 レスポンシブ設定 36:08 完成・確認 ●素材のダウンロードはこちらから studians.jp/manual/lp ●参考動画 動画内で使用している各機能については下記の動画で詳しく解説しています。 ぜひ一緒にご覧ください。 ○相対位置・固定位置について th-cam.com/video/o...
新企画!第1回|STUDIO・完全ノーコードでここまでできる!本格的なLP(ランディングページ)をゼロから一緒に作ってみよう|2024年5月仕様アップデート対応
มุมมอง 3.5K2 หลายเดือนก่อน
今回は実践編の新企画「本格的なLPをゼロから一緒に作ってみよう」の第1回です! 前回のコーポレートサイト作成企画「本格的なコーポレートサイトをゼロから一緒に作ってみよう」に引き続き、数回にわたってLPを一緒に作ってみたいと思います。 このLPを作ります。↓ studians-parker.studio.site アニメーションやCMS、コンポーネントなどSTUDIOの機能を最大限活用したLPになっているため、一緒に作っていくだけでSTUDIOの使い方を一通り学べるようになっています。 LPに必要なコンテンツはほぼ全て揃えたつもりです。 一部を抜粋したりしながらオリジナルのサイトにすることもできると思いますのでぜひチャレンジしてみてください! ●目次 00:00 オープニング 01:16 LPの紹介(トップページ) 05:34 LPの紹介(遷移先ページ) 07:34 終わりに ●前回企...
ノーコード・STUDIOで、ローディングアニメーションを実装する方法を徹底解説!|2023年6月仕様アップデート対応
มุมมอง 1.6K3 หลายเดือนก่อน
この動画ではノーコードWeb制作ツール「STUDIO」でウェブサイト制作にチャレンジしている方向けに、ローディングアニメーションを実装する方法方法をわかりやすく丁寧に解説しています。 サイトを開くときにこういったアニメーションがあると、デザインをよりリッチなものにすることができます。 Lottie(ロッティ)アニメーションとスタジオの出現時のアニメーションの機能を使った誰でも簡単に実装できるローディングアニメーションなので、ぜひ試してみてください。 ●目次 00:00 オープニング 00:30 説明の流れ 00:48 構造と仕組みの説明 04:17 デザインを構築する 13:05 アニメーション終了時の状態を作る 15:15 出現時のアニメーションを設定する 24:25 完成・確認 ●Lottieのローディングアニメーションのダウンロードはこちらから lottiefiles.com/...
ノーコード・STUDIO解説動画|ボックスをパターン(模様)で塗りつぶす方法を徹底解説!
มุมมอง 8493 หลายเดือนก่อน
今回はSTUDIOでボックスをパターン(模様)で塗りつぶす方法を解説します。 STUDIOにはボックスをパターン(模様)で塗る機能はありませんが、CSS Background Patternsというサービスを活用することで簡単に実装できます。 CSSをコピペするだけでデザインの一部やWebサイトの背景として使うことができると思いますのでぜひ試してみてください! ●概要欄にコードを貼り付けできなかったので、使用しているコードは下記リンク先のページに記載しました。 コピペしてご利用ください! studians.jp/manual/code#pattern ●CSS Background Patterns www.magicpattern.design/tools/css-backgrounds ●目次 00:00 オープニング 00:55 説明の流れ 01:18 パターンを適用させたいボ...
ノーコード・STUDIO解説動画|メニューをスクロールの途中で固定させる方法を徹底解説!
มุมมอง 1.7K3 หลายเดือนก่อน
今回はSTUDIOで特定の要素をスクロールの途中から途中まで 意の範囲で固定させる方法を解説します。 STUDIOには要素を 意の範囲で追従させる機能はありませんが、CSSのコードを使うことで簡単に実装できます。 動画を見ながら真似するだけで簡単に作成できると思いますのでぜひ試してみたください! 概要欄にコードを貼り付けできなかったので、使用しているコードは下記リンク先のページに記載しました。 コピペしてご利用ください! studians.jp/manual/code#follow ●目次 00:00 オープニング 00:59 説明の流れ 01:20 構造と仕組みの説明 02:54 実践(形を作る) 15:48 実践(コードの設定) 29:06 注意点まとめ 31:51 完成・確認 作成にあたって使用したSTUDIOの色々な機能について詳しく知りたい方は下記の動画も参考にしてみて...
2024年4月最新版|ノーコード・STUDIOのサブフォント機能を使ってテキストボックス内のひらがな・カタカナ・漢字・英数字のフォントを分ける方法を徹底解説!
มุมมอง 8164 หลายเดือนก่อน
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、サブフォントを使用する方法をわかりやすく丁寧に解説しています。 2024年の4月よりSTUDIOでFONTPLUSの提供する540以上のフォントが使えるようになり、フォント関連のシステムの仕様が変わりました。 この動画は、それらのアップデートに対応したサブフォントの解説動画になっています。 サブフォントを使用することで、テキストボックス内のひらがな・カタカナ・漢字・英数字のフォントを分けることができます。 日本語フォントの英数字がカッコよくないから英数字だけ別のフォントにするといったことも、サブフォント機能を使用すれば簡単に実現できます。 サブフォントを使用する際の注意点やコツなども併せて紹介していますので、ぜひ最後までご覧ください! ●目次 00:00 オープニング 01:53 フォントの前提知識 04:30 ...
ノーコード・STUDIOのブレンドモードを使用して、背景に合わせて見やすい色に変わるヘッダーの作り方を徹底解説!|2023年4月仕様アップデート対応
มุมมอง 1.7K4 หลายเดือนก่อน
この動画ではノーコードWeb制作ツール「STUDIO」でウェブサイト制作にチャレンジしている方向けに、STUDIOのブレンドモードを使用して、背景に合わせて見やすい色に変化するヘッダーを実装する方法をわかりやすく丁寧に解説しています。 背景が白の場合は黒、背景が黒の場合は白と言った具合に背景に合わせて見やすい色に変化します。 簡単に実装できますので、ぜひ試してみてください。 ●目次 00:00 オープニング 00:48 ブレンドモードの説明 04:10 制作の流れ 04:24 ヘッダーを作る 09:10 ヘッダー内の要素の色を変える 11:02 ブレンドモードを除外にする 12:50 完成・確認 12:56 ブレンドモードの設定を一部のみに適応させる方法 18:03 エンディング ●素材のダウンロードはこちら studians.jp/manual/knowhow ●参考動画 動画内で...
ノーコード・STUDIOでのWebサイト制作における相対・絶対位置の違い・使い分けを徹底解説!|2023年4月仕様アップデート対応
มุมมอง 1.1K4 หลายเดือนก่อน
この動画ではノーコードWeb制作ツール「STUDIO」でウェブサイト制作にチャレンジしている方向けに、相対位置・絶対位置の違いや使い分けについて、わかりやすく丁寧に解説しています。 両者の位置の決まり方や使い分けについて正しく理解していないと、「せっかく作ったWebサイトを作り直すハメになった...」なんてこともあり得ます。 この動画を見ていただくことで、Webサイトを正しく綺麗に作ることができますので、ぜ最後までご覧ください。 ●目次 00:00 オープニング 00:50 説明の流れ 01:14 相対位置と絶対位置の違いについて 11:05 基本的に相対位置を使わなければならない理由 15:09 絶対位置の方が適しているケース 21:06 終わりに #studio #ノーコード #webサイト制作
ノーコード・STUDIOとLottieアニメーションを活用してスクロールを促す線が流れるアニメーションを実装する方法を徹底解説!|2023年4月仕様アップデート対応
มุมมอง 1.6K5 หลายเดือนก่อน
この動画ではノーコードWeb制作ツール「STUDIO」でウェブサイト制作にチャレンジしている方向けに、Lottieアニメーションを活用して、スクロールを促す線が繰り返し流れるアニメーションを実装する方法をわかりやすく丁寧に解説しています。 簡単な上にラインの色も変更できますので、色々なサイトに使用することができます。 サイトにこういった動きがあるとよりリッチな感じになりますので、ぜひ試してみてください。 ●目次 00:00 オープニング 01:18 構造説明 01:43 テキストボックスの追加 02:50 アニメーションの追加 06:26 アニメーションの色の変更方法 07:57 親ボックスの追加 09:48 完成・確認 ●アニメーションのダウンロードはこちらから lottiefiles.com/animations/scroll-line-animation-pmOjfRFHXC ...
ノーコード・STUDIOでのLottieアニメーションの使い方を徹底解説!|2023年4月仕様アップデート対応
มุมมอง 2.6K5 หลายเดือนก่อน
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、Lottieアニメーションを使用する方法をわかりやすく丁寧に解説しています。 Lottieを使用すると、スクロールに連動するアニメーションや動くアイコン等を、CSSやJavaScriptといったコードを一切使わずに実装することができます。 使い方を覚えることで、かんたんにウェブサイトをリッチにできると思いますので、ぜひ最後までご覧ください! ●目次 00:00 オープニング 01:28 説明の流れ 01:57 STUDIOにLottieの埋め込みボックスを追加する 03:24 アニメーションを埋め込む 08:25 アニメーションを編集する 22:17 エンディング ●Lottie Filesのリンクはこちら lottiefiles.com/jp/ #studio #ノーコード #webサイト制作
ノーコード・STUDIOのサブフォント機能を使ってテキストボックス内のひらがな・カタカナ・漢字・英数字のフォントを分ける方法を徹底解説!|2023年3月仕様アップデート対応
มุมมอง 6885 หลายเดือนก่อน
この動画ではSTUDIOでウェブサイト制作にチャレンジしている方向けに、サブフォントを使用する方法をわかりやすく丁寧に解説しています。 サブフォントを使用することで、テキストボックス内のひらがな・カタカナ・漢字・英数字のフォントを分けることができます。 日本語フォントの英数字がカッコよくないから英数字だけ別のフォントにするといったことも、サブフォント機能を使用すれば簡単に実現できます。 サブフォントを使用する際の注意点やコツなども併せて紹介していますので、ぜひ最後までご覧ください! ●目次 00:00 オープニング 01:36 フォントの前提知識 02:52 サブフォントの詳細説明 03:54 サブフォントの使用例 05:34 サブフォントの追加方法 10:48 サブフォントの編集方法 14:20 エンディング ●参考動画 動画内で使用している各機能については下記の動画で詳しく解説し...
ノーコード・STUDIOで等速での無限ループするスライダーを作る方法を徹底解説!|2023年3月仕様アップデート対応
มุมมอง 3.6K5 หลายเดือนก่อน
ノーコード・STUDIOで等速での無限ループするスライダーを作る方法を徹底解説!|2023年3月仕様アップデート対応
ノーコード・STUDIOで2階層のヘッダーナビゲーションを作る方法を徹底解説!|2023年3月仕様アップデート対応
มุมมอง 2K6 หลายเดือนก่อน
ノーコード・STUDIOで2階層のヘッダーナビゲーションを作る方法を徹底解説!|2023年3月仕様アップデート対応
ノーコード・STUDIOのトグルの使い方ついてわかりやすく徹底解説!|2023年2月仕様アップデート対応
มุมมอง 2K6 หลายเดือนก่อน
ノーコード・STUDIOのトグルの使い方ついてわかりやすく徹底解説!|2023年2月仕様アップデート対応
第20回(最終回)|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年2月仕様アップデート対応
มุมมอง 2.7K7 หลายเดือนก่อน
第20回(最終回)|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年2月仕様アップデート対応
ノーコード・STUDIOのセクションとボックスの違いについてわかりやすく徹底解説!|2023年2月仕様アップデート対応
มุมมอง 3K7 หลายเดือนก่อน
ノーコード・STUDIOのセクションとボックスの違いについてわかりやすく徹底解説!|2023年2月仕様アップデート対応
第19回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年2月仕様アップデート対応
มุมมอง 2.1K7 หลายเดือนก่อน
第19回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年2月仕様アップデート対応
第18回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年1月仕様アップデート対応
มุมมอง 3.4K7 หลายเดือนก่อน
第18回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年1月仕様アップデート対応
第17回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年1月仕様アップデート対応
มุมมอง 2.8K7 หลายเดือนก่อน
第17回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年1月仕様アップデート対応
ノーコード・STUDIO解説動画|マウスホバーでバナー画像がズームするバナーデザインの実装方法を解説!
มุมมอง 1.3K7 หลายเดือนก่อน
ノーコード・STUDIO解説動画|マウスホバーでバナー画像がズームするバナーデザインの実装方法を解説!
ノーコード・STUDIO解説動画|コードを使用して縦横比固定のYouTube動画を埋め込む方法を解説!
มุมมอง 8978 หลายเดือนก่อน
ノーコード・STUDIO解説動画|コードを使用して縦横比固定のTH-cam動画を埋め込む方法を解説!
ノーコード・STUDIOでのファビコンの設定方法について基礎からわかりやすく徹底解説!|2023年8月仕様アップデート対応
มุมมอง 1.2K8 หลายเดือนก่อน
ノーコード・STUDIOでのファビコンの設定方法について基礎からわかりやすく徹底解説!|2023年8月仕様アップデート対応
ノーコード・STUDIOでコードを書かずにクロスフェードのスライドショーを実装する方法をわかりやすく徹底解説!|2023年12月仕様アップデート対応
มุมมอง 3.4K8 หลายเดือนก่อน
ノーコード・STUDIOでコードを書かずにクロスフェードのスライドショーを実装する方法をわかりやすく徹底解説!|2023年12月仕様アップデート対応
ノーコード・STUDIOのカルーセル(スライドショー)について基礎からわかりやすく徹底解説!|2023年12月仕様アップデート対応
มุมมอง 7K8 หลายเดือนก่อน
ノーコード・STUDIOのカルーセル(スライドショー)について基礎からわかりやすく徹底解説!|2023年12月仕様アップデート対応
第16回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年12月仕様アップデート対応
มุมมอง 2.3K8 หลายเดือนก่อน
第16回|STUDIO・完全ノーコードでここまでできる!本格的なコーポレートサイトをゼロから一緒に作ってみよう|2023年12月仕様アップデート対応
ノーコード・STUDIO解説動画|コードを使用してテキストがくるくる回り続けるアニメーションを作成
มุมมอง 1.5K9 หลายเดือนก่อน
ノーコード・STUDIO解説動画|コードを使用してテキストがくるくる回り続けるアニメーションを作成

ความคิดเห็น

  • @義弘椎名
    @義弘椎名 วันที่ผ่านมา

    質問失礼します。 動的リストの表示についてです。 1:53でも触れられてます、CMSで紐付けした項目だけプレビューの画面で表示出来ずにいます。 (私の場合、リストに設置した"画像"と"タイトル"が表示されません) この場合どんな原因、解決法がありますでしょうか?

  • @ロスジェネ底辺のvlog
    @ロスジェネ底辺のvlog วันที่ผ่านมา

    最後まで完走しました!有料級ですね。何気にこの回はめちゃくちゃ重要だと思います。 サイトは作れてもグーグルで検索されないと誰も見てくれないのでとてもこの回は重要だと思います。 次のLPも全てやりたいと思います。 完全初心者からstudioを始めたのですが、このサイトを模写するだけで、大体studioは理解できました。 次はアウトプット、模写にチャレンジしたいと思います。 本当にありがとうございました。

  • @高橋拓也-f8i
    @高橋拓也-f8i วันที่ผ่านมา

    とてもわかりやすくて助かっております!!

  • @かもにゃか
    @かもにゃか 4 วันที่ผ่านมา

    いつもお世話になっています!同じ画像を使いたくて、サイトからダウンロードし挿入しようとしたんですが、ずーっとアップロード中でアップロードできません。今回だけではなくほかの投稿者さんの画像も挿入できなかったです。解決方法教えてほしいで😢 Windows11です

  • @K02-j2j
    @K02-j2j 6 วันที่ผ่านมา

    いつも動画拝見し、参考にさせていただいております。 ホバーに関して質問がございます。 ホバー時の塗りをグラデーションにすると、カーソルを外し元の色に戻る時に一瞬点滅のような挙動になってしまうのですが、何か解決策はございますでしょうか?

  • @user-ni6gg1xy7z
    @user-ni6gg1xy7z 7 วันที่ผ่านมา

    前回のコーポレートサイト作成からお世話になってます!分かりやすく、お洒落なデザインで本当にありがたいです🤍次回も楽しみにしてます!

  • @ロスジェネ底辺のvlog
    @ロスジェネ底辺のvlog 7 วันที่ผ่านมา

    いつも分かりやすい動画ありがとうございます。 私の意見なのですが、初心者はボックスの色をそのままに残しておいた方が後から見返して、 どういう組み方をしているか分かりやすいので残しておくべきだと思います。

  • @藤田彩-h3w
    @藤田彩-h3w 7 วันที่ผ่านมา

    とてもわかりやすい動画でした!こちらで参考にして作ったものを、デザインを変えて公開したいのですが、よろしいでしょうか?

    • @studians_jp
      @studians_jp 7 วันที่ผ่านมา

      コメントありがとうございます! 画像やテキストなどの変更等でオリジナルのものにしていただければ公開していただいても大丈夫です。 テンプレートとしての再配布や販売だけ控えていただければと思います。

  • @user-hv4md6zm6u
    @user-hv4md6zm6u 8 วันที่ผ่านมา

    わかりやすい動画をありがとうございます。黒い下線のアニメーションを設定するところで、絶対配置にすると黒い下線はボックスの上に移動しますが、そこから下のドラッグしようとすると、黒い矢印で選択することができず、黒い下線の縦幅が増えてしまいます。画面を拡大したのですが、やはり黒い下線を掴むことができません。どうしたら良いでしょうか?

    • @studians_jp
      @studians_jp 7 วันที่ผ่านมา

      コメントありがとうございます! 下線にホバーし、カーソルが黒くなった状態で操作すると、掴んで移動出来ると思いますので試して見てください😄

  • @sayainusa
    @sayainusa 9 วันที่ผ่านมา

    いつもありがとうございます🎉

  • @ロスジェネ底辺のvlog
    @ロスジェネ底辺のvlog 10 วันที่ผ่านมา

    大変参考になる動画をアップロードして頂きありがとうございます。質問なのですがよろしいでしょうか? メニュー内の左上のロゴをアップロードしたいのですが、divで囲んでその中に画像boxを挿入して、画像を選択、アップロードをクリックしますが、パソコン内の画像を選択することができません。 なぜでしょうか?解決策アドバイス頂けませんか?

    • @ロスジェネ底辺のvlog
      @ロスジェネ底辺のvlog 10 วันที่ผ่านมา

      問題解決しました。しばらく放置してみて再度トライしてみたらなぜか上手く行きました。 お騒がせしました。 動画めちゃ参考になります。

    • @studians_jp
      @studians_jp 10 วันที่ผ่านมา

      問題解決したようでよかったです!

  • @user-mp4tt8fb6k
    @user-mp4tt8fb6k 11 วันที่ผ่านมา

    いつも助かっています🙇

  • @user-meimeiko
    @user-meimeiko 12 วันที่ผ่านมา

    最近STUDIOでWEBデザインの勉強をはじめた者です。解説とてもわかりやすく、細かいところまで丁寧に説明されているので続きを楽しみにしながら作業しています。完走応援しています!

    • @studians_jp
      @studians_jp 11 วันที่ผ่านมา

      嬉しいお言葉ありがとうございます!

  • @user-dz6zv2it9y
    @user-dz6zv2it9y 13 วันที่ผ่านมา

    こんにちは!わかりやすい動画をありがとうございます。二回目のスタジオを作成中なのですが、一回目には出てこなかったことがありまして、とても悩んでおります。C,MSで動的ページを追加しようとしますと、“ページの追加にはCMSの有効化が必要です”と出てきて前に進めません。いろいろ調べたのですが、どうしてもわかりません。教えて頂いても宜しいでしょうか??

    • @studians_jp
      @studians_jp 11 วันที่ผ่านมา

      コメントありがとうございます! プロジェクトのダッシュボードからCMSを選択すると、CMSを有効化するというボタンが出てくると思いますので、クリックして有効化してみてください😄

    • @user-dz6zv2it9y
      @user-dz6zv2it9y 11 วันที่ผ่านมา

      お返事頂きまして、ありがとうございます。プロジェクトのダッシュボードからCMSを選択の場所がわかり兼ねます。デザインエディタの画面から選択するのでしょうか?どうぞよろしくお願い致します。

    • @user-dz6zv2it9y
      @user-dz6zv2it9y 9 วันที่ผ่านมา

      恐れ入ります。ダッシュボードの場所がわかりましたが、CMSをクリックしましても有効化のボタンの箇所がみつかりません。こちらの箇所を教えて頂けますでしょうか??m(__)m

  • @SSK-ss7wg
    @SSK-ss7wg 16 วันที่ผ่านมา

    とても勉強になりました!!! 一つ質問なのですが、なぜ全部セクションで作るのですか?

    • @studians_jp
      @studians_jp 11 วันที่ผ่านมา

      コメントありがとうございます! 要素の大まかな区切りを作るためです。大まかな区切りを作るという目的であればボックスを使用しても特に問題ありません。 ボックスとセクションの違いについて説明した動画もありますので、よかったらご覧ください😄 th-cam.com/video/pZYMz9Es2IM/w-d-xo.htmlsi=w7JkC7cbfxuLdTB3

  • @hiroshimisawa1784
    @hiroshimisawa1784 18 วันที่ผ่านมา

    いつも参考にさせていただいております。質問なのですが、どうしてもヘッダーが背景画像に重なるようになりません。セクションがヘッダーより下、もしくは上、となってしまいます。どのように対応するとチュートリアルのようになりますでしょうか。お教えいただけますと幸いです。宜しくお願い致します。

    • @studians_jp
      @studians_jp 11 วันที่ผ่านมา

      ヘッダーの要素が固定位置になっていないことが原因かもしれません。 ヘッダーの一番外側の要素を選択し、左上の配置設定から固定位置を選択してみてください😄

    • @hiroshimisawa1784
      @hiroshimisawa1784 11 วันที่ผ่านมา

      @@studians_jp ご返信ありがとうございます。ご教示頂きましてありがとうございます!スクロールに追従しないヘッダーにしたい場合、別の方法でヘッダーを消す等するのが妥当でしょうか。お時間ございましたら合わせてお教えいただけますと幸いです。

  • @gaia20110311
    @gaia20110311 18 วันที่ผ่านมา

    こちらのチャンネルで勉強させていただいております😊とても分かりやすく助かっています🙏✨ ひとつ、質問なのですが、動画と同じように、 グラデーションの背景を配置して固定にし、ピンクのグラデーションを配置してライブプレビューを見てみたのですが、 なぜかスクロールされません。どんな原因が考えられますでしょうか?

    • @studians_jp
      @studians_jp 11 วันที่ผ่านมา

      コメントありがとうございます! グラデーションの要素の縦幅がスクロールできる程度長くなっているか確認してみてください😄

    • @gaia20110311
      @gaia20110311 6 วันที่ผ่านมา

      @@studians_jp ありがとうございます!グラデーション画像が配置されているボックスの配置の始点が中央になっていて、それを上からの始点にしたら出来ました!

  • @user-vt4du1kk9n
    @user-vt4du1kk9n 20 วันที่ผ่านมา

    毎回とても勉強になる動画をありがとうございます。 ちょうどLPを作成しているところなので、とても参考になります。 現在5回目まで動画がアップされていますが、次の動画が待ち遠しいです。

    • @studians_jp
      @studians_jp 20 วันที่ผ่านมา

      嬉しいコメントありがとうございます! 近日中に続きを出しますので、少々お待ちください🙇‍♀️

  • @user-qh6jc4eq5p
    @user-qh6jc4eq5p 23 วันที่ผ่านมา

    リンク先に外部のurlを設定した場合に、「Link not found」となる場合はどうゆう時か分かりますか? 実際、存在しないurlならわかるのですが、サイトとしてはきちんと表示するサイトなのですが、 「Link not found」と出てしまって原因が分かりません。 プレビューで遷移はできるのですが、原因が知りたいです。

  • @胡麻丼米抜き
    @胡麻丼米抜き 25 วันที่ผ่านมา

    コメント失礼致します! ロゴの画像ですが、細い枠線を完全に消すことは不可能なのでしょうか…いかにも画像貼ってます!感が出てしまい…

    • @studians_jp
      @studians_jp 20 วันที่ผ่านมา

      概要欄のリンクからダウンロードできるファイルでしたらsvgになっているので、枠線が出てしまうといったことはないかと思います🤔 ご自身で用意されたファイルの場合は、pngかsvg形式のファイルになっているかご確認ください!

  • @bajiou7414
    @bajiou7414 25 วันที่ผ่านมา

    解説動画ありがとうございます!とても参考になります! 質問なのですが,リスト内の順番を変更するにはどうすればよいでしょうか?

    • @studians_jp
      @studians_jp 20 วันที่ผ่านมา

      コレクションを作成し、リストと紐づけることで任意の順番にすることが可能です!

  • @BBA-nz7ic
    @BBA-nz7ic 26 วันที่ผ่านมา

    こんにちは! 動画非常に参考にしております!! こちらのチャンネルで作成したHPを、自分の実績としてもよろしいでしょうか? ご返信いただけるとありがたいです!! よろしくお願いいたします。

    • @studians_jp
      @studians_jp 20 วันที่ผ่านมา

      コメントありがとうございます! 画像やテキストや一部デザインの変更等でオリジナルのものにしていただければボートフォリオとしてお使いいただいて大丈夫です。 テンプレートとしての手配布や販売だけ控えていただければと思います!

  • @user-tx2yt2ts4w
    @user-tx2yt2ts4w 27 วันที่ผ่านมา

    非常に学びとなる動画の作成、ご提供ありがとうございました。 無事、今回までの実装ができました。 STUDIOでの大部分のスキルが学べており、非常に参考となっています。 次回以降の動画も楽しみにしています🙇

  • @user-ij9tz8dh1m
    @user-ij9tz8dh1m 28 วันที่ผ่านมา

    いつもSTUDIOについてわかりやすい動画ありがとうございます。 一つ質問なのですがマージンの値を入れてる時10ずつ 1:54 のように入力せずに値をコントロールするにはどこを押したら良いのでしょうか?

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      Shift+方向キーで10ずつ値を変更できます!

    • @user-ij9tz8dh1m
      @user-ij9tz8dh1m 28 วันที่ผ่านมา

      ありがとうございます😊 助かりました!

  • @9number14
    @9number14 หลายเดือนก่อน

    ボックスの概念も説明して色を塗ってくださるのでとても丁寧でわかりやすいです!ぜひ引き続き動画のアップを楽しみに待ってます! たまにPC画面に登場する猫ちゃんもとてもかわいいです🤩

  • @user-hi5wo9nb2r
    @user-hi5wo9nb2r หลายเดือนก่อน

    こんにちは、スタジオでhpができればクラウドソーシングで仕事ができますか?

  • @yumikart
    @yumikart หลายเดือนก่อน

    とってもわかりやすくで助けられました!本当にありがとうございます。リンクの紐付けで、➕ボタンを2回押すところ、つまづいていたので、ぐっときました

  • @kenji8197
    @kenji8197 หลายเดือนก่อน

    素材ダウンロードのページからダウンロード素材が見つけられません。どこにあるのでしょうか?

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      概要欄のリンクから第2回のトグルを開いて、素材ダウンロードボタンを押してみてください!

    • @kenji8197
      @kenji8197 22 วันที่ผ่านมา

      @@studians_jp 見つけられました。ありがとうございます。

  • @user-mp4tt8fb6k
    @user-mp4tt8fb6k หลายเดือนก่อน

    めちゃめちゃわかりやすく助かっております!次回待ち遠しいです😀無理せず続けてください!

  • @ひじき-n9v
    @ひじき-n9v หลายเดือนก่อน

    初心者です! 今回のLP制作するにはどのプラン以上である必要ありますか?

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      全く同じサイトでの公開であればStarterプラン以上である必要があります!

  • @honami325
    @honami325 หลายเดือนก่อน

    初心者ですが、とてもわかりやすくて助かっています! 質問なのですが、レスポンシブでブレイクポイントを増やしているのですがこれはなぜでしょうか。 またサイズもデフォルトから変更されている理由はなんでしょうか。教えていただけると助かります。

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      デフォルトのままだと、デザインに影響が出てしまうからです! ブレイクポイントを増やし画面幅を変えることで、デザインが切り替わるタイミングを調整しています。

  • @PicassoK1025
    @PicassoK1025 หลายเดือนก่อน

    いつも参考にさせていただいております。ありがとうございます。自作のサイトに使わせていただきました。このローディングアニメーションで質問があるのですが、メニューを押すときに同じページにあるそれぞれのセクションには普通に移動するのですが、別ページで制作したページ、例えば、CMSで制作したページからトップページへ移動させると、再度ローディングアニメーションが作動してしまいます。これをローディングさせたくないのですが、何か解決策はありますか?教えていただけたらありがたいです。よろしくお願いいたします。

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      コメントありがとうございます! 可能ですが、STUDIOの機能では実装できないのでカスタムコードを書く必要があります! JavaScriptを使用しないといけないので、難易度は若干高めです💦

    • @shirouemura6919
      @shirouemura6919 28 วันที่ผ่านมา

      @@studians_jp そうですか、カスタムコードがやはり必要なんですね。お返事、どうもありがとうございました。

  • @shiori_114
    @shiori_114 หลายเดือนก่อน

    プレビュー画面でスクロールが反映されません!!なぜでしょうか、、、

    • @studians_jp
      @studians_jp 28 วันที่ผ่านมา

      デザインエディタを更新したり、再度ログインすると治ることがあるので試してみてください!

  • @eri414
    @eri414 หลายเดือนก่อน

    手順がわからなすぎて絶望していましたが、前編後編をみたら理解でき無事に公開まで辿り着けそうです! 穏やかな声でとてもわかりやすい説明ありがとうございます!!!

  • @mika_dougahensyuu
    @mika_dougahensyuu หลายเดือนก่อน

    とってもわかりやすくて大変助かっています!!( ; ▽ ; ) 次回も楽しみにしていますね!! いつもありがとうございます!!✨

  • @yujyuazarashi
    @yujyuazarashi หลายเดือนก่อน

    わかりやすいです!!

  • @user-dz6zv2it9y
    @user-dz6zv2it9y หลายเดือนก่อน

    はじめまして。宜しくお願い致します。12:54分頃の動画ですが、絶対位置にして、上にピタッと張り付くまではいきますが、黒線だけがどうしても掴めなく、BOXの上側の線がくっついてきて、黒線が太くなってしまい、図面が乱れてしまいます。黒線だけを掴むやり方はございますでしょうか???

    • @studians_jp
      @studians_jp หลายเดือนก่อน

      レイヤーパネルを使うと確実に選択できると思います! デザインエディタ左下の上から2つ目のアイコンを押すと開きます。 レイヤーパネルは画面上の要素をリスト化したものになります。

    • @user-dz6zv2it9y
      @user-dz6zv2it9y หลายเดือนก่อน

      ご連絡ありがとうございます!仰せの通り、レイヤ-パネルでつかめました!ありがとうございました!!

  • @CreateOnlyOne
    @CreateOnlyOne หลายเดือนก่อน

    いつも本当わかりやすく丁寧に教えてくださりありがとうございます🙇‍♂️

  • @user-wi5ui4zl7u
    @user-wi5ui4zl7u หลายเดือนก่อน

    毎回反復説明してくれるので復習にもなるし途中から見ても分かりやすい動画で最高です。 全部の動画studio公式より分かりやすい…

  • @user-jb3si3il1y
    @user-jb3si3il1y หลายเดือนก่อน

    この動画とは関係ないのですが、studioで作った独自ドメインのWebサイトがサーバー見つかりませんになるのですが原因わかりますでしょうか?😊

    • @studians_jp
      @studians_jp หลายเดือนก่อน

      ドメインのDNS設定が正しくされていないかもしれないです。 ドメインプロバイダー側の設定が変更されているかもしれないので、ちゃんとAレコードが適切に設定されているか確認してみてください!

  • @hakone1248
    @hakone1248 หลายเดือนก่อน

    カルーセルの各画像にURL設定がうまくいかず、断念しようとしてました。やっと理解できました。本当にありがとうございます。

  • @CreateOnlyOne
    @CreateOnlyOne หลายเดือนก่อน

    超優有料級の動画です!次回の動画待ち遠しいです!

  • @CreateOnlyOne
    @CreateOnlyOne หลายเดือนก่อน

    ほんとわかりやすい動画ありがとうございます!

  • @saki_capluv
    @saki_capluv หลายเดือนก่อน

    はじめまして。動画めちゃくちゃ参考にさせていただいています。 固定のサイドメニューが作れず苦戦しているのですが、この縦スクロールを活用したら良いのでしょうか?

    • @studians_jp
      @studians_jp หลายเดือนก่อน

      要素をスクロールしても動かないようにする場合は、固定位置を使うといいかと思います😁

  • @CreateOnlyOne
    @CreateOnlyOne หลายเดือนก่อน

    20回まで見終わって実際に作れました!感動です!ただ、自分でサイト作る時再現性あるのか、、これからもっと練習して作れるように精進します!本当にありがとうございました!

  • @いしゃっぴー
    @いしゃっぴー หลายเดือนก่อน

    明らかにバグで選択できなくなったボックスがありますがこれはどうしたらいいか分かりますか?消すことすらできません。

    • @studians_jp
      @studians_jp หลายเดือนก่อน

      1度デザインエディタを更新してみてください。 それでも解決しない場合は、別の要素が前にある可能性がありますので、レイヤーパネルから選択して削除みるといいかもしれません😄

  • @yamamoto1988
    @yamamoto1988 หลายเดือนก่อน

    いつも拝聴しております。わかりやすい動画をありがとうございます。 質問させて下さい。 お知らせ、イベントなどのカテゴリーを付けた記事とその記事を入れる型、記事一覧ページも作成しました。 その後、イベントのコンテンツだけを表示するページ一覧をつくりたいのですが、どうすればいいでしょうか。 カテゴリーのボタンを押してそのページに遷移するのではなく、もともとページとしてイベント記事一覧が存在するものを作成したいです。 ご教示頂きたく、お願い申し上げます。

    • @studians_jp
      @studians_jp หลายเดือนก่อน

      コメントありがとうございます! CMSのフィルターを使うことで、特定のコンテンツのみ表示することができると思います😄

  • @CreateOnlyOne
    @CreateOnlyOne 2 หลายเดือนก่อน

    超優良級の動画です!ありがとうございます!よかったら実践編の店舗のホームページ制作実例とかも作っていた開けると嬉しいです!

  • @kazamaiizuka5955
    @kazamaiizuka5955 2 หลายเดือนก่อน

    みんな同じこと言ってますけど本当にわかりやすいです!みなまで言う必要はないけど本当にありがたいので私も言わせてもらうw

    • @studians_jp
      @studians_jp 2 หลายเดือนก่อน

      ありがとうございます!