飛企画株式会社の作品一覧

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ◆Studioの仕組みから、しっかり使いこなす。◆ ノーコードWeb制作ツール「Studio」は、自由度が高いツールだからこそ、その真価を引き出すには「正しい仕組みの理解」が欠かせません。 本書は、Studioの基本的な使い方はもちろん、レスポンシブ対応の前提となるボックスレイアウトの考え方から、ブログ運用に必要なCMSの構築、公開後の運用まで、Studioを実務レベルで使いこなすための一冊です。 ■こんな方におすすめ ・Web制作会社1年目のデザイナー ・フリーランス・副業でのWeb制作を目指す方 ・自社サイトの運用を任された広報・制作担当者 ・「仕組み」からStudioを理解したい方 ■目次 第1章　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機能で制作を効率化する ■著者プロフィール 飛企画 株式会社（とびきかく）：ブランド戦略構築からアウトプットまでワンストップで対応する、広島県を拠点としたデザイン＆ブランディングチーム。「直感的なLOVEと、ロジカルなLIKE」で構築するブランディングを軸に、地域社会やビジネスの課題解決から集客・採用支援まで一気通貫で取り組みます。Studio Gold Experts / Craft Experts / Studio アンバサダー 広島県 /「Studio Design Award 2022」グランプリ受賞