基礎と実践で学ぶ Studio ノーコードの教科書 [単行本]
    • 基礎と実践で学ぶ Studio ノーコードの教科書 [単行本]

    • ¥2,64080 ゴールドポイント(3%還元)
    • ただいま予約受付中!発売日以降のお届け日本全国配達料金無料

基礎と実践で学ぶ Studio ノーコードの教科書 [単行本]

飛企画 株式会社(著・文・その他)


ゴールドポイントカード・プラスのクレジット決済で「書籍」を購入すると合計12%ゴールドポイント還元!合計12%還元書籍の購入はゴールドポイントカード・プラスのクレジット決済がお得です。
通常3%ゴールドポイント還元のところ、後日付与されるクレジット決済ポイント(1%)と特典ポイント(6%)、さらにご利用明細WEBチェックにご登録いただくと2%追加して合計12%ゴールドポイント還元!詳しくはこちら

価格:¥2,640(税込)
ゴールドポイント:80 ゴールドポイント(3%還元)(¥80相当)
お届け日:ただいま予約受付中!発売日以降のお届け
日本全国配達料金無料
出版社:技術評論社
販売開始日: 2026/07/29
お取り扱い: のお取り扱い商品です。
ご確認事項:返品不可

基礎と実践で学ぶ Studio ノーコードの教科書 の 商品概要

  • 目次

    ■第1章 Studioの基礎知識
    Studioとは?
    Studio制作のロードマップ
    Studioの料金プラン
    アカウント登録とサポート活用

    ■第2章 プロジェクトの管理と基本設定
    プロジェクトを作成する
    デザインエディタの基本
    プロジェクトの基本設定とメンバー追加
    プロジェクトを整理する/リセットする

    ■第3章 レイアウトをデザインする
    ボックスレイアウトの基本
    ボックスを追加する
    ボックスの親子関係とグループ化
    ボックスの並び方向と配置を設定する
    ボックスのサイズと外観を設定する
    ボックスの余白を設定する
    レイヤーパネルを活用する
    レスポンシブを設定する
    配置のルール(相対・固定・絶対・追従)を理解する

    ■第4章 コンテンツ要素を配置する
    テキストを追加し、スタイルを設定する
    サブフォントを組み合わせる
    フォントの使用状況を確認・整理する
    デザインに一貫性を持たせるスタイル機能
    画像を追加する
    アップロードした画像を整理する
    アイコンを追加する
    GoogleマップやYouTubeを埋め込む
    リッチテキストボックスを活用する
    【実践】メインビジュアルを作成する
    【実践】ヘッダーを作成し、固定表示する
    【実践】SNSアイコンが入ったフッターを作成する

    ■第5章 デザイン機能を実装する
    ページを追加する
    テキストや画像にリンクを設定する
    リスト化で「○○一覧」を作成する
    コンポーネント化で「共通パーツ」を作成する
    モーダルウィンドウを作成する
    アニメーションを設定する
    自動再生カルーセルを作成する
    フォームを追加・編集する
    フォームへのお問合せを管理する
    【実践】カラムレイアウトを作成する
    【実践】自動再生するギャラリーを作成する
    【実践】地図と表を入れた会社概要を作成する
    【実践】ハンバーガーメニューを完成させる
    【実践】お問合せフォームを作成する

    ■第6章 CMS機能をマスターする
    Studio CMSとは?
    モデルを新規作成する
    アイテム(記事)を作成・公開する
    アイテム(記事)を編集・装飾する
    記事をデザインエディタと紐付ける
    プロパティを活用する
    コレクションを活用してアイテムをまとめる
    WordPressの記事をインポートする
    記事の検索ページを作成する
    【実践】カテゴリー機能付きのCMSを作る① CMSでの設定
    【実践】カテゴリー機能付きのCMSを作る② デザインエディタでの設定

    ■第7章 サイトを公開する
    公開前のチェック① サイト・ページの設定
    公開前のチェック② サイト構造の最適化と最終確認
    サイトを公開/非公開にする
    独自ドメインでサイトを公開する
    Google Analyticsと連携する
    Google Search Consoleと連携する
    特定のページを非公開にする
    アクセシビリティを設定する
    構造化データによるSEO対策

    ■第8章 応用的なコンテンツの実装
    フォームの自動返信メールを設定する
    フォームにGoogleリキャプチャを設定する
    外部サイトの新着記事を表示する(RSS連携)
    ボタンに決済機能を埋め込む

    ■第9章 制作作業の効率化
    ショートカットキーを使いこなす
    バージョン管理を行う
    Figma to Studioを活用する
    AI機能で制作を効率化する
  • 内容紹介

    ★基本の理解から実務レベルの制作まで、最短距離で身につける

    ノーコードWeb制作ツール「Studio」は、自由度が高いツールだからこそ、
    その真価を引き出すには「正しい仕組みの理解」が欠かせません。

    本書は、Studioの基本的な使い方はもちろん、
    レスポンシブ対応の前提となるボックスレイアウトの考え方から、
    ブログ運用に必要なCMSの構築、公開後の運用まで、Studioを実務レベルで使いこなすための一冊です。

    <本書の3つの特徴>
    ・「仕組み」からしっかり学べる
    Studio制作の基本となる「ボックスレイアウト」の概念からていねいに解説。単なる操作の暗記ではなく、構造を理解したうえでデザインできるようになります。

    ・「基本」と「実践」をセットで習得
    機能解説のあとに、メインビジュアルやフォーム作成などの【実践】演習を配置。手を動かすことで、学んだ知識をすぐに具体的な制作へとつなげられます。

    ・「公開まで」の実務を網羅
    サイトを公開して終わりではありません。CMSの活用、SEO対策、Google Analytics連携まで、実務レベルに欠かせない一連の工程をすべて学べます。

    <こんな方におすすめ>
    ・Web制作会社1年目のデザイナー
    ・フリーランス・副業でのWeb制作を目指す方
    ・自社サイトの運用を任された広報・制作担当者
    ・「仕組み」からStudioを理解したい方
  • 著者について

    飛企画 株式会社 (トビキカク カブシキガイシャ)
    ブランド戦略構築からアウトプットまでワンストップで対応する、広島県を拠点としたデザイン&ブランディングチーム。「直感的なLOVEと、ロジカルなLIKE」で構築するブランディングを軸に、地域社会やビジネスの課題解決から集客・採用支援まで一気通貫で取り組みます。Studio Gold Experts / Craft Experts / Studio アンバサダー 広島県 /「Studio Design Award 2022」グランプリ受賞

基礎と実践で学ぶ Studio ノーコードの教科書 の商品スペック

商品仕様
出版社名:技術評論社
著者名:飛企画 株式会社(著・文・その他)
発行年月日:2026/07/29
ISBN-13:9784297157470
判型:B5
対象:専門
発行形態:単行本
内容:電子通信
言語:日本語
ページ数:272ページ
他の技術評論社の書籍を探す

    技術評論社 基礎と実践で学ぶ Studio ノーコードの教科書 [単行本] に関するレビューとQ&A

    商品に関するご意見やご感想、購入者への質問をお待ちしています!