書籍『ノーコードでつくるWebサイト　ツール選定・デザイン・制作・運用が全部わかる！』を出版します

2023年12月22日、neccoのCTOである佐藤あゆみが執筆した『ノーコードでつくるWebサイト　ツール選定・デザイン・制作・運用が全部わかる！』をエムディエヌコーポレーションより上梓します。

書籍について

Webサイトのデザイン制作をより身近で手軽にするノーコードWeb制作をテーマにした本。

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

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

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

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

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

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

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

こんな方におすすめ

• HTML・CSSのコーディングが不得手の方
• 手軽で簡単にWebサイトを公開・更新したい方
• 趣味や副業でWeb制作をしてみたい方

概要

• 価格：2,530円
• 発売日：2023年12月22日
• 仕様：B5 変形版 225P
• ISBN：978-4-295-20630-9

目次

■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制作に役立つリンク集

購入方法

2023年12月22日以降に、全国の書店、Amazon、楽天ブックス、ヨドバシ.com等のオンラインショップにてお買い求めいただけます。

書籍の流通の都合上、かならず22日に店頭に並ぶとは限りませんが、お近くの書店にてぜひお手にとって内容をお確かめください。

佐藤からのコメント

今回執筆した書籍は、ノーコードWeb制作の入門向けの一冊です。ツールの選び方や運用に関して、また、ノーコードプラットフォームのひとつであるSTUDIOで、イチからページ制作する方法も掲載しています。
私が、およそ3年間にわたり、STUDIOコミュニティ等で多くの質問に答えながら培った経験をもとに、初めてノーコードWeb制作を始める方々が悩みがちなポイントについても解説しています。

この本は、出版社担当者さまからの「STUDIOの本を書きませんか」というご相談から始まりました。その時点で私が強く感じていたのは、コミュニティに投稿される質問の多くが、実は、プラットフォーム固有に生じる問題や疑問ではなく、もっと広い、Webの仕組みや、制作に関する理解が浅いことによるものだということでした。コードを書かない世界でも、やはりWeb制作やデザインに関する前提知識は必要だということです。
その時点で「STUDIOの使い方」だけの本を書いたとしても、ノーコードにこれから取り組もうとする方々にそれらの前提知識がなかった場合、せっかくツールの使い方を覚えたのに思い通りにサイトを制作運用できなかったり、あるいは、望むような成果が出せないのでは…と考えました。また、ノーコードWeb制作の立ち位置を見た時に、以前よりもはるかに進化しているにも関わらず、これまでの「Webサイトビルダーって、テンプレサイトしか作れないんでしょ」「コードがぐちゃぐちゃなんでしょ」と言った間違ったマイナスイメージも、まだ払拭できていないと感じていました。自分が伝えたいことを考えた時に、ツール専門の書籍を書くよりも前に、もっと土台の部分から知ってもらう必要があると感じ、「ノーコードでつくるWebサイト」としてまとめることになりました。

執筆にあたり、制作者やクライアント、そして個人の趣味にまで広がる、ノーコードWebサイト制作の可能性を開く一冊になればという思いを込めました。また、今回は、活用事例の寄稿も頂きました。複数の視点からの利用方法や体験談をご紹介することで、幅広い方々にノーコードをご活用いただくヒントになればと考えています。現在、ノーコードWeb制作に関する書籍やオンライン講座はまだまだ少ない状況ですが、この本がその空白を埋める一助となれば幸いです。

2023年は、neccoでもSTUDIOやWixを採用するプロジェクトが増えました。また、STUDIOの認定制作パートナーにもなりました。一方で、HTMLはもちろん、ReactやVueなどのプログラムを含めた、コードを書いて制作するプロジェクトも多く手がけております。コーディングもノーコードも、適材適所、用途に応じて柔軟に選択できることが neccoの強みとなっています。
これからも、お客さまの事業を発展させるための便利な選択肢の一つとして、ノーコードプラットフォームを活用して制作を行ってまいります。

STUDIOを使用したプロジェクト実績

これまでにSTUDIOを活用して制作したプロジェクトのなかから、現在公開中の実績をご紹介します。

Awarefyさま｜コーポレートサイト制作

Awarefyさまの想いをより広く届けるためのリブランディング（ロゴデザイン、コーポレートサイトのリニューアル）および、会社資料作成、新コーポレートキャラクター「AIメンタルパートナー ファイさん」作成のお手伝いをしました。

リブランディングや実装に関する詳細、お客さまの声などは実績ページで紹介しています。よろしければご覧ください。

アウェアファイ｜制作実績

株式会社Re:Buildさま｜イベントランディングページ制作

フロントエンドに関するさまざまなセッションを楽しめるイベント、「FRONTEND CONFERENCE OKINAWA 2023」ランディングページのデザインとSTUDIO実装を行いました。

デザインや実装に関する詳細、お客さまの声などは実績ページで紹介しています。

FRONTEND CONFERENCE OKINAWA 2023｜制作実績

ウニノミクスさま｜コーポレートサイト制作

独自の飼料技術や蓄養システムで、ウニの蓄養・販売を行うウニノミクスさまのウェブサイトリニューアルを担当し、デザインとSTUDIO実装を行いました。

ウニノミクスさまのコーポレートサイトリニューアルにおけるデザインや実装に関する詳細、お客さまの声などは実績ページで紹介しています。

ウニノミクス｜制作実績

お仕事のご依頼・採用募集

📮 お仕事のご依頼やご相談、お待ちしております。

お仕事のご依頼やご相談は、お問い合わせ からお願いいたします。

🤝 一緒に働きませんか？

下記の職種を募集中です。より良いデザイン、言葉、エンジニアリングをチームで追求していける方をお待ちしております。詳細は 採用情報 をご覧ください。

• デザイナー
• アシスタントデザイナー
• フロントエンドエンジニア
• アシスタントフロントエンドエンジニア

🗒 会社案内資料もご活用ください。

弊社のサービスや制作・活動実績、会社概要、ご契約など各種情報をまとめた資料をご用意しています。会社案内資料 からダウンロード可能ですので、ぜひご活用ください。

（2024年10月時点）