seo対策とホームページ制作あれこれ

【2025年最新】ノーコードWEB制作ツール Studioの使い方を解説（CMS解説付き/デモサイト制作）


Warning: Undefined array key "firstview" in /home/noith/public_html/seo-homepage.biz/wp/wp-content/themes/aftemp-wp/single.php on line 3

Warning: Trying to access array offset on null in /home/noith/public_html/seo-homepage.biz/wp/wp-content/themes/aftemp-wp/single.php on line 3

ノーコードWEBサイト制作ツール「Studio」の使い方をデモサイト制作を通して解説しています。
基本的な使い方はもちろん、コンポーネントやリスト、CMSの使い方などわかりやすく解説しています。
また、ノーコードツールはコーディングの概念をある程度知っておいた方が、習得が早いと思いますので、コーディング未経験の方が理解しやすいように、知っておきたいコーディングのルールについても合わせて冒頭で解説しています。

✅️目次
0:00 導入
1:24 ●１.デザインソフトとの違い
1:29 ┗ カンバスサイズは決めない
2:46 ┗ 相対配置
4:56 ┗ パーツごとにテンプレートがある
6:18 ●２.基本操作、知っておいた方がいいコーディング知識
6:22 ┗ 基本の画面構成
9:35 ┗ 要素に親子関係が存在する
12:00 ┗ マージンとパディングの違い
13:52 ┗ 使う単位
19:14 ┗ レイアウトの基本
19:48 ┗ 利用できるタグ
22:24 ●３.実践 Studioを使おう -デモサイト制作
51:45 ●４.実践 Studioを使おう -CMS
1:16:26 ●５.実践 Studioを使おう -レスポンシブ対応

ーーーーーーーーーーーーーーーーーーーー

✅️ Web制作の学習プラットフォーム unazuki
Web制作を動画で学ぶことができます。

👍️公式サイト
https://unazuki.online/

👍️買い切り型の３つのコースをご用意しています。
👍️無料動画やカリキュラムもこちらから
・JavaScriptコース
　https://unazuki.online/javascript
・WordPressコンプリートコース
　https://unazuki.online/wordpress
・HTML & CSSコース
　https://unazuki.online/html_css

ーーーーーーーーーーーーーーーーーーーー

✅️ X

ーーーーーーーーーーーーーーーーーーーー

✅️自己紹介
Webデザイナー・エンジニア
普段は企業のコーポレートサイトやサービスサイト、ランディングページ、その他にもWebアプリのデザイン〜開発を担当しています。
WordPressを使った開発実績は多めです。

2013 自動車メーカー系企業、企画職
2014 〜 フリーランス
2016 〜 法人化 ソーイ株式会社（Web制作会社）