コースの学習内容はこちらです


✔️STUDIOがなぜ革新的なノーコードツールか
✔️機能面、デザイン面でのSTUDIOの特徴
✔️STUIDOでどんなWebサイトが作れるかを紹介
✔️STDUIOに登録して、新しいプロジェクトを作る手順
✔️BOXレイアウトの扱い方
✔️レスポンシブレイアウトとは
✔️リアルタイムでデザインが反映されるライブプレビューの使い方
✔️画像とテキストをふわっと表示するアニメーションの実装
✔️マウスオーバーするとボタンが大きくなる強調のアニメーションを設定する手順
✔️STUDIO公式が用意しているテンプレートを利用する方法
✔️テンプレートのテキストを変更しながらそれっぽくする
✔️テキストの折り返しを防ぐために、画像とのバランスを調整する
✔️画像とテキストをふわっと表示するアニメーションの実装
✔️要素の余白(paddingとmargin)を整えて、見栄えを良くする
✔️テンプレートには無い、オリジナルのセクションを作成する
✔️STUDIOでレスポンシブ対応を進める際に必要な事前知識

✔️デバイスごとの表示を確認しながら、レスポンシブを設定する手順

コースの詳細

STUDIOコースの概要をご覧いただきありがとうございます!こちらのコースはUdemyでは珍しい講師2名体制での進行です。

掛け合いでしか生まれない分かりやすさや、引き出された裏話、余談なども魅力です。ぜひ、お役に立てれば嬉しいです。


━━━━━━━━━━━━━━━━━━━━

■「Googleで調べても、出てこない具体性」にこだわっています

━━━━━━━━━━━━━━━━━━━━

講師はSTUDIOでWeb制作をしているデザイナー「小畑陸」とSTUDIOで制作したWebサイトでサービスを運用している「前田塁」の2名。


Googleで調べてもよく分からない

「STUDIOでのWeb制作におけるよくある失敗」
「STUDIOならではの操作のクセ」
「短時間でWebサイトを作るテンプレートの応用方法」

などを解説しています。


これからSTUDIOを使ってWebサイトを作りたい!STUDIOを使い始めたけど操作がよくわからない!

予算や時間はないけどデザイン性の高いWebサイトを作りたい!という方にオススメのコースです。


━━━━━━━━━━━━━━━━━━━━

■基本操作から応用まで現役デザイナーの作業手順を公開

━━━━━━━━━━━━━━━━━━━━

・ノーコード制作ツール「STUDIO」の特徴
・STUDIOで制作されたサイト事例
・サイトを構築するボックスレイアウトとは
・画像、テキストを配置してみよう
・アニメーションを実装して動きのあるデザインへ
・テンプレートを応用したサービスページ作成
・オリジナルのセクションをゼロから作ろう
・レスポンシブ対応をしてスマホでも崩れないデザインへ

本コースでは、STUDIOでWeb制作するにあたってつまずきがちなポイントを実際に操作画面を映しながら解説しました。


つまずきそうな部分は事例や余談を交えながらたっぷりフォローしています。STUDIOが初めての方も一通り講義を受ければ、短時間でおしゃれなWebサイトを作れるようになります。


━━━━━━━━━━━━━━━━━━━━

■最短距離でデザイン性の高いWebサイトを作れるようになる

━━━━━━━━━━━━━━━━━━━━

STUDIOはノーコードでWebサイトを作れるため、コーディングいらずの短時間でWeb制作ができます。

ドラッグ&ドロップなど基本操作が直感的なので学習スピードも早く、デザイナーの方が習得すればすぐにWeb制作が可能になります。


また、無料で使える豊富なテンプレートを応用すれば、初心者の方が数時間でおしゃれなサイトを作ることも夢ではありません。

STUDIOを使い短時間でおしゃれなWebサイトを作れるようになりご自身の活動にお役立てください。


ぜひ、続きは講座にて解説させてください。


━━━━━━━━━━━━━━━━━━━━

■コースの資料はダウンロード可能です

━━━━━━━━━━━━━━━━━━━━

本コースで使ったすべての資料がダウンロード可能です。動画を一時停止してメモを取る必要はありません。


コース参加時のメッセージにてURLをお送りします。※資料の無断転載、商用利用、受講者以外への共有は禁止です


このコースに向いている人

  • ノーコードでWebサイトを制作してみたい方

  • はじめてSTUDIOでWebサイトを制作する方

  • 予算も時間もないけど、おしゃれでいい感じなサイトを作りたい方

  • 上司に「Webサイトを作ってくれ!」と無茶振りされて困っている方

  • 自分にとって最適な年収額を知りたい方

コースの内容

    1. 講師「小畑陸」の紹介

      無料プレビュー
    2. STUDIOで仕事を獲得するまでのアクションと期間

    3. 講師「ルイス前田」の自己紹介

    4. 本コースのゴールは「3時間でサービスページを作れるようになる」

    1. ドラック&ドロップの直感的な操作

    2. 無料で使えるテンプレートがカッコよくて使いやすい

    3. サポートが完全日本語対応で、返信が早い

    4. 機能面でSTUDIOが充実していること

    5. デザイン面で充実していること

    1. 制作事例やショーケースからの抜粋

    1. 新しいプロジェクトを作る手順とBOXレイアウトの扱い方

    2. 一見面倒なBOXレイアウトをSTUDIOが採用している理由

    3. PCやスマホにデザインを最適化するレスポンシブレイアウト

    1. 狙った場所にBOXを配置する手順

    2. ベースとなるBOXをわざわざ配置する理由

    3. 画像を狙った場所に配置する手順

    4. テキストを配置して、フォントやサイズを調整する手順

    1. 動画を見ながら同じようなデザインを実装する

このコースについて

  • 27,800円
  • 61回のレッスン
  • 3.5時間の動画コンテンツ

講師

ルイス 前田

慶応大学商学部を卒業後、4年の会社員生活を経て、2014年に株式会社TABIPPOを起業。2019年に独立してフリーランスになるが、コロナの影響で月収が8万円まで減少する。自身の働き方やスキルを見直し、現在は年収1000万円を維持。専門分野はWebマーケティングだが、コンサルティング、セミナー講師、ファイナンシャルプランナーなど、複数の職業を同時並行するスラッシュワーカーでもある。運営サービスは海外ノマド体験『ノマドニア』、複業コミュニティ『スラッシュワーカーズ』など。

受講者の声

5 星評価

初心者でもWebサイトが本当に一人で作れる!

理沙 松元

丁寧な操作方法と、一緒に手を動かしながら操作をできるのでとてもわかりやすい!基本的な操作方法が詰まっているので、この講座をみればあとは1人でテンプレートで応用して簡単にWEBが作れました!コードでwebを作った経験があり、コンテンツの更新や追加が面倒で億劫だったときにSTUDIOを知って、この講座を見て実際に作ってみました。STUDIOははじめて知ったのですがめちゃくちゃ感覚的な操作で簡単に!しかもおしゃれに!感動しています!

丁寧な操作方法と、一緒に手を動かしながら操作をできるのでとてもわかりやすい!基本的な操作方法が詰まっているので、この講座をみればあとは1人でテンプレートで応用して簡単にWEBが作れました!コードでwebを作った経験があり、コンテンツの更新や追加が面倒で億劫だったときにSTUDIOを知って、この講座を見て実際に作ってみました。STUDIOははじめて知ったのですがめちゃくちゃ感覚的な操作で簡単に!しかもおしゃれに!感動しています!

縮める
5 星評価

聴きながら手を動かしていたら会社のHPが完成!

Natsumi Nakanishi

簡易的でいいので、会社のHPを作りたいなと思っている時にこの講座を見つけました。操作画面を共有しながら講座が進むので、「説明を聞いて分かった気になり、後からつまづく」ということがなく、自力でHPを完成させることができました。

簡易的でいいので、会社のHPを作りたいなと思っている時にこの講座を見つけました。操作画面を共有しながら講座が進むので、「説明を聞いて分かった気になり、後からつまづく」ということがなく、自力でHPを完成させることができました。

縮める

今すぐはじめましょう