MdNCORPORATION

ノーコードでつくるWebサイト ツール選定・デザイン・制作・運用が全部わかる!

佐藤 あゆみ 著
定価 2,530円
(本体 2,300円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2023-12-22
仕様 B5変形判/224P
ISBN 978-4-295-20630-9
Webサイトのデザイン制作をより身近で手軽にするノーコードWeb制作をテーマにした本。

代表的なノーコードツールを紹介しながら、ツール選定の基準や導入・制作・運用までを解説した入門書です。

本書の前半では、ノーコードツールでできること・できないことや基礎知識を紹介するとともに、主要なノーコードツールの特長を紹介しています。

後半では、代表的なノーコードツールの一つSTUDIOを使って、イチからWebページを作る方法をていねいに解説しています。

また、ケーススタディとして、STUDIO、Wix、ペライチを使った活用事例を掲載。

ノーコードで制作した実際のサイトを紹介しながら、ツール選定の理由や制作期間、制作上のメリットや課題と感じた点、運用段階を経ての実感といった体験談を、4名の方に寄稿いただきました。

「垢抜けないサイトしかできないのでは?」「複雑な機能やデザインは無理でしょう。」といった、従来の懸念点を払拭するノーコードWeb制作ツールが生まれています。

「制作期間や予算が少ない!」「すぐ完成して、更新も楽ならいいのに!」……こうした思いをお持ちの方は、ぜひ本書をご一読ください。



■ページ見本






目次

------------------------------------------------------------
■Introduction なぜ、いまノーコードでWeb制作?
------------------------------------------------------------
01 「ノーコード」でWebサイトを作る時代がやってきた
02 ノーコードツールを大きく2つに分類してみる

------------------------------------------------------------
■Chapter1 ノーコードWeb制作の基本知識
------------------------------------------------------------
01 ノーコードツールで作れるもの、できないこと
02 ノーコードWeb制作のメリットとデメリット
03 Web制作の基本知識(1) コンテンツ、デザイン
04 Web制作の基本知識(2) ドメイン、メール
05 Web制作の基本知識(3) SEO
06 Web制作の基本知識(4) HTML、アクセシビリティ

------------------------------------------------------------
■Chapter2 ノーコードツールの選び方
------------------------------------------------------------
01 ノーコードツールの分類と特徴
02 Wix
03 STUDIO
04 ペライチ
05 WordPress
06 その他のツール
07 ノーコードツールの選定基準

------------------------------------------------------------
■Chapter3 ノーコードツールの運用事例
------------------------------------------------------------
01 ケーススタディ(1) Wix
02 ケーススタディ(2) STUDIO/Wix
03 ケーススタディ(3) STUDIO
04 ケーススタディ(4) ペライチ
05 運用管理とマニュアル作成

------------------------------------------------------------
■Chapter4 STUDIOでWebサイトを制作
------------------------------------------------------------
01 ノーコードツールでサイトを制作するためのステップ
02 ノーコードツールを使ってWebサイトを作ってみよう
03 新規登録・ログイン
04 STUDIOの管理画面
05 画像ボックスの使い方
06 テキストボックス
07 ボックスとレイヤー
08 レスポンシブ設定
09 セクション
10 リッチテキストボックス
11 画像とテキストのアレンジ
12 コンポーネント
13 アイコンボックス、リスト
14 Embedボックス
15 フォーム、プレビュー
16 リンク、固定配置
17 サイト設定、公開
18 アニメーション、その他

巻末:ノーコードWeb制作に役立つリンク集

ダウンロードデータ

『ノーコードでつくるWebサイト ツール選定・デザイン・制作・運用が全部わかる!』
サンプルサイトについて
このたびは、『ノーコードでつくるWebサイト ツール選定・デザイン・制作・運用が全部わかる!』をご購読いただきまして、誠にありがとうございます。

以下に、本書のサンプルサイト(Chapter4で作成)やサンプルデータのリンクをご用意しましたので、ご利用ください。


●サンプルサイトの完成ページ
https://studio-mokumoku.studio.site/
本書の「Chapter4 STUDIOでWebサイトを制作」で解説している、STUDIOで作成したサンプルサイトの完成ページとなります。

●運用・管理マニュアルのサンプルデータ
https://pentaprogram.notion.site/STUDIO-4fd062f88f0a436cab1a1c8bb653842e
本書の「Chapter3-05 運用管理とマニュアル作成」で解説している、運用・管理マニュアルの作成例となります。
※データを複製して利用するには、Notionのアカウントが必要になります。

●Chapter4を補足する操作手順の解説
https://pentaprogram.notion.site/4-8ca38ec81f624062a770f44775c83b42
本書の「Chapter4 STUDIOでWebサイトを制作」では取り上げ切れなかった、STUDIOの操作方法を紹介しています。


なお、上記の3つのリンクは、下記STUDIO内のページからもご利用可能です。

・『ノーコードでつくるWebサイト ツール選定・デザイン・制作・運用が全部わかる!』購入者特典
https://nocode-book.com/sample


※本書のサンプルサイト、及びサンプルデータは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。

※サンプルサイト、及びサンプルデータの著作権は、それぞれの制作者に帰属します。

※本書のサンプルサイト、及びサンプルデータを実行した結果については、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊