loader image

制作時間短縮

クオリティUP

仕事の幅が広がる

本講座はWeb制作ツールWordPress×エレメンターを活用した
ノーコードweb制作ツールの動画講座となります

第2期募集期間

2022/6/20 19:00 ~ 2022/6/30 23:59

今回の講座は、このような方におすすめです

本講座はノーコードサイト制作に必要な

ツールの基礎的な使い方

オリジナルサイト構築などの応用

ノーコードデザインスキル

をゼロから学べる講座です

こんにちは、
藤原竜也と申します。

同姓同名にとても有名な俳優さんがいますが、読みちがいで、わたしはりゅうやと申します。

現在、ノーコード専門のフリーランスWebデザイナーとして活動しています。

また、日本ノーコードウェブ制作推進協会という任意団体を立ち上げ、デザインディレクターとして、ノーコードを使用したサイト制作サービスの運営も行っています。

Works

まずは制作実績をご覧ください

HTML・CSS・JavaScriptをイチから書く事はせず、
全てノーコードツールで構築しています

Landingpage

所属団体LP

Homepage

お菓子教室HP

Homepage

イラスト付き不動産HP

Homepage

桃農園ECサイト

Landingpage

整体院LP

Landingpage

水道事業LP

上記の実績は全て講座で使用するツール、Wordpress×Elementorの環境で構築しており、実際の実績を見てもらうのが一番イメージが湧くと思い、掲載いたしました。

レイアウトも自由にできるので、ホームページ/ランディングページ問わず思い通りのデザインを妥協なく実現することが可能です。

さて、いまでこそ自信を持って制作実績をみなさんにお見せしていますが、わたしがWEBデザイナーとなった当初はHTML・CSSを駆使してサイト構築に励んでいました。そんな中で…

コーディングで1日が終わってしまった‥

という苦い経験もよくしていました。

フリーランスのWebデザイナーとして活動をはじめて3年ほどになります。

もともとWordPressを使用していたため、がっつりコーディングしています!というわけではなかったのですが、細かい修正にはやはりコードの知識が不可欠でした。

サイトを制作中に、どうしても配置したい場所から画像や文章がずれてしまうといった現象を修正するのに、1日を費やしたこともたくさんありました。

今日一日これしか進んでない…
いったい何をやっていたんだ…
Macの画面を見つめながら虚無感に襲われていました。

そもそも…
「コーディングに時間をかけすぎて、自分がいちばんやりたいデザインに集中できない」

「コードをかくためにデザイナーになったんじゃない!」

そんな気持ちがわたしを駆り立てました。
締め切りなどの関係で、制作期間が限られている場合には特に、焦りと苛立ちを感じていました。

ノーコードツールって聞いたことあるけれど…

なにか良い方法はないかと調べている中で「ノーコード」と呼ばれるツールを発見しました。3年前はまだまだ聞き馴染みのない言葉でしたが、最近になって注目を浴びています。

あなたも一度はお聞きになったことがあるのではないでしょうか?

簡単・安い・早いというイメージが強く、当初はだいぶ懐疑的でした。

なぜなら、「Webデザイナー」が誰でも・簡単に・安くできるデザインを作っていいのだろうか?と思っていたからです。

実際にさまざまなノーコードツールを触ってみましたが、

と、クライアントのことを考えても、デザイナーとして使うにも、「厳しい」というのが本音でした。

結局ノーコードも無理なのか…
自由なデザインのサイトを構築するには、コーディングに時間をさくしかないのか。

諦めかけたそのとき…

コーディングの時間を省きサイトのクオリティを高め単価アップに繋げられる…そんなツールと出会ったんです

それが、現在使用しているWordPressのプラグインである、ノーコードツール「エレメンター」でした。

元々拡張性の高いWordpressに、さらにノーコード機能が加わる。

当時このツールと出会った私は「こんな画期的なものがあるのか」と、非常に強い好奇心に駆られ、エレメンター沼にどっぷりとはまっていきました。

Web制作ツール(CMS)比較表(2022/06調べ)
https://w3techs.com/technologies/overview/content_management/all

WIX
ペライチ
STUDIO
WordPress
言語
▲English
◎日本語
◎日本語
▲English
価格
¥500〜
無料
無料
無料
サーバー
不要
不要
不要
必要
SEO
デザイン性
拡張性
CMSシェア
2.4%
0.1%以下
0.1%以下
64.1%

「ノーコード」といっても海外製・日本製含め様々なツールが登場しています。

実際のところ「どれを使ったらいいのか」「どういったのものがあるのかわからない」という方も多いでしょう。

どのようなツールにもそれぞれメリットとデメリットがあります。なにを制作するのか、どういった目的かによって使用するツールを選択していく必要がでてきます。

表のシェア率や機能性からも分かるとおり、言語に障壁があるだけならば、私は間違いなくWordpressをお勧めします。

また、コーディング自体は、全世界共通のためなくなることはないでしょうし、サイト制作の上でも知識は必要です。決して無駄ではありません。

つまり何が言いたいのかというと、

日々便利なツールの開発は進んでいて、【ノーコードは間違いなく今よりももっと普及していく】ということを念頭においておく必要があります。

事実、ノーコードは日本でも注目を浴びはじめており、日経新聞で記事が紹介されていることからも分かるように、新しいツールとして業界に広がりをみせています。

いま浸透してきている段階のため、発注側(クライアント)も知らないツールの可能性は大いにあります。

が、大企業とは違い、コーディングの有無を重要視している中小企業や個人事業主はそこまで多くありません。

実際にわたしがノーコードのWebサイトを提案して断った方はいませんでした。反対に自分自身でも修正や更新がしやすいと評判です。

このように、使いやすく汎用性が高いツールを適切に取り入れていくことで、自分だけではなくお客様にもよい効果をもたらします。

いちはやく新しいツールを学び実践してきたわたしだからこそ、日本のWeb制作の現状にあわせた内容で講座をご提供できるのです。

そしてあなたが今、サイト制作において、「コーディングに時間をとられてしまい、なかなかデザインに集中できない」という悩みをお持ちであれば、学んでおくべき内容が本講座にはつめこまれていると確信しています。

藤原からノーコードを学ぶ5つの理由

理由1

海外ツールを日本語で解説

エレメンターは海外のツールなので、解説も機能も英語表記が多いです。そのため、日本ではあまり浸透しておらず、解説している人はおろか使用している人も少ないのが現状です。

一般の人がうまく使えない、言語が理由で手を出せない。

だからこそ、このツールを使用し、他者と差別化するメリットがあります。

エレメンターの使いやすさは全世界シェア率にもあらわれており、融通のきく機能性と直感的な動作はデザイナーにとってかなりのメリットです。

めんどうな翻訳の手間を省き、本講座で使い方や機能を効率よく学ぶことができるでしょう。

理由2

こういうデザインにしたかった…を実現

海外製によくある落とし穴として「英字はかっこよく決まるけれど日本語になるとなんだか…」という問題。

「英字ばかりで内容が全然伝わらない…」という見た目だけのサイトになりがちです。

また、自由度の高い文字組みは、コーディングで構築するのが大変なため、Photoshopで見出しごとに画像を作っていらっしゃる方も多いのではないでしょうか?

本講座では、海外のおしゃれで自由なレイアウトを日本のサイトにどう落とし込むか、といったデザインの観点からの解説を多く取り入れます。

エレメンターの機能を活用し、フォント選びや文字組みのコツを覚えると、画像を作成せずともいいデザインが実現します。

文字を画像ではなく、しっかり打ち込めばGoogleに認識され、SEO効果も発揮します。

「イメージどおりにならない」「思ってたんと違う」を抜け出すきっかけになるはずです。

画像を使わず、文字組を実現できます

選ばれる

5

つの理由

CONTACT

お問い合わせ

モーション付きのボタン実装も簡単です

POPUP機能も自由に配置できます

押してみて左
押してみて下
押してみて中央
押してみて上

理由3

クライアントとの連絡から納品までを一貫して行なっている

WEB制作は、さまざまな役割がひとつになって完成します。
会社規模で行う場合は、その役割のみに集中できますが、フリーランスはそうもいきません。

・クライアントとのコミュニケーション
・ヒアリング力
・問題発生時(バグとか)
・金額提示
・請求書制作

など、制作以外のところも理解しておく必要があります。
オンラインミーティングで具体的な活動内容を交えながらお話しする場をつくります。
「実際にどうやっているのか?」という疑問、そしてこれからフリーランスとして活動する予定の方にも有益な情報となるでしょう。

理由4

実際にクライアントに納品した制作実績を、掲載&随時更新

ちまたのWEB制作講座では、制作実績などが公開されていない不明瞭なものもありますが、
本講座ではわたしが実際に制作し、納品したサイト実績を常に公開しています。

また、HP制作は講座と並行して行っていますので、公開可能なものはデザインテンプレートにしてみなさんに配布します

どのようにウィジェットを使用しているのかなど、内部をみることが可能です。

理由5

HPとLP両方制作しているので
構築方法の違いや使い分けについて解説できる

意外と盲点なのですが、HP・LPを並行して制作できるフリーランスはなかなか少ない印象です。そして、Elementorのツール解説において、HP・LP両方の制作視点は欠かせないものだと感じています。

私自身ノーコードツールを使い、コーディングにかかっていたはずの時間を、
・HP・LP2つの構成の違い
・LP制作に必要なDRMやライティング
などに学ぶ時間を割いてきました。

両方の制作視点を取り入れながらコンテンツ制作しているので、きっとあなたの事業にも参考になる内容になっていると思います。

 

ノーコードWeb制作のノウハウを
6つのコンテンツに凝縮してご提供

今回の講座販売にあたり、ガイダンス動画も撮影しましたので
お時間がある方はご覧になってみてください(21分02秒)

本講座は、WordPressとエレメンターを使用し、基礎から応用まで幅広くカバーすることで、コーディングをせずにデザイン性の高いWebサイトが制作できることを目指して作られています。

コンテンツは以下の6つで構成されます

contents01

ノーコードWeb制作学習動画

デザイン性の高いノーコードWebサイトの知識・技術を
学びやすい動画コンテンツにしてご提供

WordPress基礎

エレメンターを使用する上で最低限必要になるWordPress基礎知識と初期設定についてを学びます。
エレメンターと相性のよいテーマもご紹介します。

エレメンター(ノーコードツール)基礎/応用

エレメンターを使用する際の基本操作を学びます。
見出しや画像の差し込み方法、区切り線、アイコンの配置などサイト構築に欠かせない機能についてお伝えします。

デザイン×ノーコード

デザインに関連するElementorの実装方法を学びます。背景の設定や、アニメーションの設定方法などをここでお伝えします。
とても重要な項目のため、本講座の中でもウェイトを置いて学んでいきます。デザインや完成度のレベルが上がれば、クライアントに喜ばれ単価アップも必然的に狙えます。

オリジナルサイト構築

この講義では、wordpress/エレメンターの機能を活用して、【テーマ】にとらわれない、フルオリジナルサイトの作り方を学びます。
・動的なPOPUP
・エレメンターと動的なblogページの組み合わせ方などを知ることができます。

その他 - 特別編 -

こちらでは特別編と題しまして、
・テーマビルダー
・ECサイト構築
・カスタムフィールド
など少し難しい機能も解説していきます。クライアントの細かなご要望に応える方法など…
レベルを上げた講義内容をお届けする予定です。

なお、エレメンターは常にアップデートをし続けており、新しい機能も次々と登場します。
今後、新たな機能を使えるようになった際には、動画コンテンツに随時追加していきます。
もちろん追加費用はいただきません。

contents02

いつでも好きな時間に自分のペースで学べる参加者限定会員サイト

参加者のみが閲覧可能な会員サイトをご用意しました。ログインいただくだけで、自分がみたい部分の学習動画をピンポイントで視聴することができます。

※第2期募集でご参加いただくみなさんは、まだ配信されていないコンテンツもあります。しかし、既に129動画2280分(2022/06現在)が配信されていますので、購入してすぐに学ぶことができる環境をご用意しています。

contents03

新着情報や制作の裏側を綴ったコラムなどFacebook限定グループで配信

学習動画以外にも、制作の裏側の話やその他の有益な情報Facebook限定グループで配信します。ネット業界を含め、デザイン関連の情報は動きがはやく流動的です。
その中で、自分たちがなにをピックアップしていくかが重要だと考えています。リアルタイムな内容を多くの人と共有しあえるコンテンツです。

contents04

オンラインミーティング・勉強会

講座参加者限定でオンラインミーティング(無料)を開催します。

実際に操作してみての疑問などを直接、講師の藤原に聞くことができます。

また、具体的な案件や、制作フローについてもなるべく詳しくお答えしています。わたしは、これといってSNSや広告運用はしていませんが、案件が途絶えることなく継続してご依頼をいただいています。

フリーランスの動き方や、クライアントとのやり取りについてなど、意外と聞く機会がないのでは?と思ったので、分かる範囲でさまざまな質問にお答えしています。参加者の皆さんとコミュニケーションをとりながら進行しています。

なお、参加は任意ですので、タイミングがあったときで大丈夫です。ミーティングでいただいたQ&Aなどは、会員サイトに追加コンテンツとして配信していますので、ミーティングにご参加できなかったとしても後日受け取ることが可能です。

contents05

Q&A対応

オンラインミーティング内で、常に質問を受けつけています。

現在は毎週火曜日13:00〜オンラインミーティングの中でお答えしていますので、お時間が合いましたらぜひご参加ください。もし、講座収録が終わったとしても、隔週でミーティングを開催予定です。

ご参加いただくみなさんそれぞれ環境や状況が違うため、なるべく多くの質問にお答えし、問題の解決に努めます。わからないことがあれば、お気軽にご質問ください。

contents06

新機能の情報更新

contents6

「アップデートのたびに更新や機能の追加がある」という点は、プラグインの良いところであり悪いところでもあります。
進化過程のツールを使う上では致し方ないと思うのですが、実際に使用する立場から考えると大変ですよね。

本講座は、学習動画を出して終わりにはせず、アップデートされるエレメンターに対応できるよう、逐一、新機能の情報更新を行います。

以上が、本講座のコンテンツと、カリキュラムの内容になります。が…

さらに以下の特典をお付けしています

ノーコード
スタートアップ特典

いざ、自分でつくろう!と意気込んでも、「なにから始めれば…?」となってしまわないようノーコードスタートアップ特典をご用意しました。

制作デザインテンプレートやプラグインを、講義動画だけでなく実際に自分のパソコン画面で見てみることにより、脳、目、手、体に落とし込むことができます。

それに必要な特典になっていますので、ぜひご活用ください。
こちらの特典はご参加後、会員サイトで閲覧が可能です。

特典01

実際に制作したLPデータ(BtoB)

実際に日本語で制作したサイトのデザインテンプレートを配布します。どのように作り込まれているのか、内部の構造をみていただけます。

(All in one migrationというプラグインを活用して、ワンクリックで誰でもインストールできます。)

特典02

画像LP構築データ

勉強会で制作した実際のデータになります。無料版だけで構築する場合、どういった注意点が必要か、画像LPはどのように書き出していくかなど動画内で解説しています。コンテンツ内にある勉強会動画と合わせて活用してみてください。

特典03

実際に制作したHPデータ(簡易予約システム付)

LPだけではなく、HPのデザインデータも追加いたしました。こちらはお菓子教室のHPで、どのように予約システムを組んでいるのか、内部の構造を実際に確認いただけます。
サイト全体の組み方も勉強になること間違いなしです。

特典04

実際に制作したHPデータ(汎用性のきく企業HP)

こちらは街の電気屋さんの実際のHPデータになります。デザインはいたってsimpleですが、こういう普通のホームページを求めている方はたくさんいらっしゃいます。デザインデータを参考にして、オーソドックスな構築方法を極めて、クライアントさんに提案できるようにしていきましょう。

特典05

エレメンター用にカスタマイズしたWordPressデータ

エレメンターを使用する際には、初期設定が必要になりますが、この初期設定をわたしの方で設定したデータを配布します。
受け取ったみなさんは、初期設定不要で、すぐにエレメンターを使い始めることができます。

特典06

まずは試して欲しい
使えるウィジェット集

エレメンターをうまく活用するためにはまずウィジェットの種類を把握する必要があります。用途に応じたオススメウィジェットをご紹介します。
フォトショップやイラストレーターと同じで、よく使うツールは決まっています。いかにその機能を活用していくかが鍵です。

特典07

サイト納品時に使えるプラグイン集

WordPressのプラグインは種類が豊富で便利なものもたくさんあるのですが、英語ばかりで何が良くて悪いのかわかりません。実際にサイトを納品していて、「これはよく使う」「こういうときはこれだ!といったオススメプラグインをご紹介します。

特典08

手元に置いておきたい
オススメ書籍12選

これまで購入してきたHP制作やデザイン関連の書籍の中でも、これだけはぜひ手元に置いておくといい書籍について紹介しているブックリストを配布しています。

(スライド/動画コンテンツ 31分06秒)

特典09

Elementor【有料版】を使わず
LPを製作する方法

Elementorを使う上で気になるのがライセンス。LP専門で活動している方から質問が来ましたので、こちらを30分弱の動画コンテンツにまとめました。
この活用方法ですと、無料のプラグインのみで構築されているので、クライアントから保守費用を頂かなくてもElementorを活用してサイト納品することができます。
LP制作のミカタになってくれるでしょう!

特典10

プレゼン用パワーポイント スライドテンプレート40枚(pptx)

藤原がいつも使っているパワポのテンプレート配布いたします。クライアントさんへのプレゼン資料作りの際に活用ください。
※写真や配色、ロゴなどは切り替えて個人の範囲内にてご活用くださいませ。再配布などはできません。

特典11

ローカルクライアント向けホームページ制作ヒアリングシート(pptx)

原稿が上がってこない時に、クライアントさまに印刷して手渡しして、ご記入をお願いしたライティングシートになります。
やりとりがなかなか進まないクライアントさんにお渡ししてご活用ください。

特典12

初回ヒアリングに必ず役立つ!サイトMAPテンプレート(pptx)

初回打ち合わせ時、クライアントさんのご要望をヒアリングし、一枚のシートにまとめていくためのテンプレートシートになります。あなたの業務に役立つこと間違いなしです。

特設ページ01

よく使うCSS置き場

ノーコードといってもCSSを活用する場面は結構あります。私が講座内で解説しているCSSについては、CSS置き場にまとめてありますので、コピー&ペーストでご活用いただけます。

特設ページ02

Elementorで製作されたサイト15選-海外

日本よりもはるかに普及している海外の制作事例を集めました。アニメーションやデザインのインスピレーションに役に立つと思います。
疲れた時、案に困ったときに見て楽しむことができるコンテンツです。

特設ページ03

Elementorで製作されたサイト21選-日本語

私が制作を始めた頃に困ったこと、それは、、、
【日本語で作られたElementorのサイトが見れないことでした。】
まだまだ少ないですが、参考になりそうな日本語サイトを集めたページを作成しました。【Elementorで、ここまで作れるのか!】

そう感じてもらえるサイトたちを選んでいます。
講座に参加されている皆さんの作品も増やしていく予定です。

これらはすべて、講座参加後専用会員サイトで閲覧が可能です。
講座スタートとあわせて、ご自分でもエレメンターを触ってみたり、デザインをみてみるなどノーコード沼にぜひ浸かってみてもらえたら嬉しいです。

どのくらいのレベルの人向けですか?

本講座は、

という、ある程度Web制作の知識があるけれど、「コーディング」にしばられている人、制作クオリティを高めたい人向けを想定して作られています。

そして、そのような人がコーディングに左右されることなく、自由なデザインと発想でWeb制作に取り組めるようになることを目指しています。

そのため、

こういった方には、あまりお役に立てないため、参加を控えていただければと思います。
また、エレメンターは有料プラグインです。

エレメンターを購入している方、または今後ご購入予定の方に有効な講座になっております。

参加費について

第2期募集期間

2022/6/20 19:00 ~ 2022/6/30 23:59

2022/6/20 19:00
|
2022/6/30 23:59

本講座の参加費は、¥148,000(税込)です。
(一括・6分割・銀行振り込みのお支払い方法をお選びいただけます)
※6分割のみ、分割手数料がかかります

買い切り型で、一度ご購入いただければそれ以上の金額は本講座内で一切発生しませんし、今後継続的に配布されるコンテンツを受け取ることも、開催される勉強会にも無料で参加することが可能です。

今回の2期募集でご参加いただく皆さんは、動画コンテンツがすべて受け取れるわけではなく、スケジュールにそって順次コンテンツを配信する形をとっております。

そのため、比較的手にとっていただきやすい金額設定にしました。

ご自身のタイミング、状況にあわせてご検討くださいませ。

※一般募集の際は、講座の内容は変わりありませんが、金額をあげて提供します。
この先行募集期間の今が、一番お安くご参加いただけるタイミングとなります。

本講座以外に発生する可能性がある費用リストとして、

上記の点を踏まえた上、ご参加をご検討ください。

制作時間を短縮

クオリティUP

仕事の幅が広がる

¥148,000円(税込)

※お会計時クレジット各社ご利用になれます

一括払いはこちら

6回分割払いはこちら

分割の場合、6ヶ月間自動引き落としになります

現在講座に参加されている方からのお声

今回1期生の皆さんから講座に参加してみての感想をいただきました。皆さんが実際にノーコードツールElementorで構築したサイトと一緒に掲載させていただきます。

講座生のM..Yさん

制作に行き詰まっても心強いNocode講座がある!

本気でElementorを習得したい!ノーコードサイト制作で仕事をしていきたい!という方にはとてもおすすめできる講座です。
ノーコードとは言え実際には多少のCSSが必要だったり、WordPressの知識が必要だったりわからないこともたくさん出てくると思います。ですが、そんなときに講座の動画を見直したり質問することによって解決することが多く、結果半年間挫折することなく学習を続けることができました。
制作に行き詰まってもNocode講座がある!そう思えるだけでとても心強いと思います。

講座生のI.Tさん

「出遅れたな」と思っている人ほど、この講座をお勧めします

以前からグラフィックデザイナーとして活動していたのですが、web制作の勉強を始めたのが年齢的に遅くて、習得できるか心配でした。
ですが、わかりやすいコンテンツと疑問を解決できるシステムで、思い通りのサイトを制作できるようになりました。
常に変化するweb業界で、新しい技術・情報を共有できるこの講座はフリーランスの活動にプラスになると思います。

講座生のK.Sさん

複雑なレイアウトやアニメーションがすぐ実現できる事に感動!

WordPressのプラグインでコードをかかかなくても複雑なレイアウトやスライドショー、アニメーション、レスポンシブ対応が簡単に実現できることに感動しています。
今後はECサイトの構築のレクチャーも予定されているので今まで自分だけでは実現できなかったことが出来るのではないかと楽しみにしています。

私も今まで他の講座に高額な料金を支払って受講したけれど求めているものが得られず後悔したことがあります。 しかし、この講座は本当に期待以上のことを学べますし後悔しないと思います!

講座生のY.Mさん

ノーコードの基本も応用も学べて、質問もできる手厚い講座です

エレメンターの基本をしっかり学ぶことができます。デザインの現場でよく使う応用編もアップされています。実際に制作していてわからないところが出てきたら、講座が終わった後に質問できるので、とても手厚いと思います。
講座に参加後、LPを1つ実装することができました。今後はポートフォリオもリニューアルしてHPの案件もとっていけたらと思ってます。

配信コンテンツの概要と
公開収録スケジュール

配信コンテンツ概要

下記の通りSection01-08までの内容を配信していきます。
現在はSection06の途中まで配信されていますが、
不足があるコンテンツは随時追加予定です。

Section01

WordPress基礎

ここでは【Elementor】を使用する際に必要なWordpressの基礎知識について学習します。
あくまでノーコード講座なので、基本的な基礎知識がメインになってきますが、クライアントに納品できるような知識を学習していってもらいます。

Section02

Elementor基礎

Elementorの基礎的な知識と技術を学習していきます。
私も日本語の情報がほとんどない中、独学で始めたということもあり、初めの頃は勝手がわからず苦労しました。当時自分が学びたかった事を動画コンテンツとして配信していきます。

Section03

Elementor応用

他のスクールでは教えてくれないであろう、エレメンターの少しマニアックな応用技術を学んでいきます。
ギミックを学んだり、フロントデザインに使える技術を学べばサイト構築のクオリティが上がります。

Section04

デザイン×ノーコード

講座内でも重要視しているデザインについて学んでいきます。DTPとは違い、Web上のデザインで重要なポイントを学んでいきます。デザインの古コンテンツはいくらあっても困ることはないので、今後勉強会などでもデザインについて多く取り入れていく予定です。

Section05

オリジナルサイト構築

せっかくノーコードを覚えたけど案件が取れない。受注額が低い。
そうならないよう、ポートフォリオ構築対談をコンテンツにしています。
コンテンツを参考にして自身のポートフォリオを構築して受注体制を一緒に整えていきましょう。

Section06

テーマビルダー

Elementorのテーマビルダーという機能を使っていきます。自分でWordpressの【テーマ】を作ってしまうという感覚に近いです。
サイトの【型】となるページを制作し、完全オリジナルサイト制作を目指していきます。
クライアントさんの痒い所に手が届くこと間違いなしです。

Section07

ECサイト構築

WooCommerce(ウーコマース)というプラグインを使用して、ECサイトシステムを構築していきます。
ECサイトを構築できればクライアントさんのご要望にも応えられ、制作単価もアップします。ぜひ一緒に学んでいきましょう!

Section08

カスタムフィールド

カスタムフィールドという技術を使って、ホテルの予約機能や不動産の物件情報といった少し複雑な機能を盛り込んだサイト制作を実装していきます。
カスタムフィールドを覚えれば応用が効き制作の幅も広がっていきます。

公開収録スケジュール

毎週火曜日13:00〜
どなたでもご参加いただけます。

7月5日の13:00〜からは、もし参加できる方が多そうでしたら、2期の皆さんとガイダンスを含め、ミーティングを予定しておりました。
できる限り参加者さんの現状を把握し、環境を整えていきたいと思います。

ご参加までの流れ

参加方法は以下となります

01.参加申し込み&費用のお支払い

本講座の申込みボタンからクレジットカード払いによるお支払いが可能です。

●一括払いでの参加・・・お申し込みと同時に148,000円(税込)が請求されます。

●6回分割払いでの参加・・・お申込日から6ヶ月間に渡り、月28,000円(税込)を継続的にお支払いいただきます。※分割払いの場合、分割手数料がかかります

※銀行振り込みをご希望の場合はこちらよりお問い合わせください、個別に対応させていただきます。
銀行振込はこちら

02.決済確認後、会員サイトの登録方法をメールにてご連絡

決済完了後、自動返信メールが届きますので、そちらに記載された参加方法にしたがって会員サイトにアクセスしてください。また、参加者限定のFacebookグループへのご案内もさせていただきます。
※希望者にはChatworkグループも用意しています

03.登録完了後、会員限定サイトが閲覧できます。

会員サイトには、129動画2280分(2022/06現在)のメインコンテンツの他、勉強会動画やCSS置き場、その他特典も多数置いてありますので、楽しんでいただけると思います。

04.参加者限定のFacebookグループ内にて配信スケジュールを告知

会員サイトにコンテンツ公開する前の、動画公開収録もございますので、よろしければご参加ください。そちらで様々な質問にも答えることが可能です。

05.一緒に継続して学んでいきましょう

動画コンテンツ配信後も定期的にミーティングや勉強会を開催予定です。継続して学び続けられるような環境を提供します。

質問やお問い合わせ

Q.期限なく全ての動画が見れますか?

A. 本講座で公開されている動画については、一度参加すればいつでもご覧になれますので、ご自身のペースで学習を進めていくことが可能です。動画も更新され続けます。

Q.デザインは教えてくれますか?

A.エレメンターの機能に絡めてデザインについても配信しています。上達には少し時間がかかるかもしれませんが、概念と機能、両方からカバーしていきますので一緒に学んでいきましょう。

Q.講座に関するサポートはありますか?

A. サポートとしては、講座完成までの間は(毎週火曜日13:00〜)公開収録していきますので、その時にリアルタイムで質問していただけます。
収録終了後は、毎月2回(予定)開かれるオンラインミーティングに参加することができます。質問フォームも設置いたしますので、いたただいた質問にも回答していきます。またテーマを決めて勉強会も行う予定ですので、継続して学び続けることが可能です。
※急ぎの返事が欲しい、個別にコンサルを希望したいという場合は別途ご相談ください。

Q.本講座を受けるメリットとデメリットを教えてください。

A. 本講座を受けるメリットは、実際にノーコードツールを使用してWeb制作事業の現場で使う知識やスキルを無駄なく学習できる点です。また、デザインとツール、両方教えているWebスクール講座はほぼないのではないでしょうか。
逆にデメリットは、基本的に個人規模でHP制作ができることを目的とするため、「会社員として制作会社に就職したい」という方には向いていないです。

Q.参加するにあたり、必要なものはありますか?

A. MacもしくはWindowsのパソコン・Wordpress・ElementorPROのライセンスが必要になってきます。Elementorは無料版も存在しますが、本講座の内容はPRO版の解説も数多くありますので、 PRO版を購入できないという方はご参加を控えていただけましたら幸いです。

Q.ログイン情報は支払い完了からどれくらいの期間で送られてきますでしょうか?

A. 決済完了後、決済システムより自動返信メールにてログイン情報が送られてきますので、すぐ会員サイトにログイン頂く事が可能です。(銀行振込の場合は、入金確認までに1〜2営業日頂きますので少々お待ちください) もし決済完了後もログイン情報が送られてこない際は、問い合わせフォームよりすぐにご連絡ください。

Q.受講希望者名と支払い者の名前が違ってしまいますが、大丈夫でしょうか?

A. 事前に連絡をいただけましたら特に問題ございません。申請いただいた方のアカウントを認証させて頂きます。

Q.有料のエレメンターはおいくらですか?

A. Elementor社のホームページに掲載されております。プランも選べますので、ご確認よろしくお願いいたします。

Q.質問はいつも対応可能ですか?

A. 基本的には個別サポートといった形は今回受けておりませんので、
・ミーティング参加時
・質問フォーム
でいただいた質問に関してはライブ収録時に回答させていただきます。動画としても残りますので、リアルタイムに参加できない場合は配信動画にてご確認いただけます。

Q.HTML,CSSを一切使わずに制作はできますか?

A. html,CSSは少ないですが、活用していきます。一切使わないというわけではないので、多少なりとも学び続ける必要があります。基礎的なhtml,cssの仕組みが理解できていない方には本講座はお勧めできません。

Q.LP制作で保守運用しない場合、エレメンターのプロ版をお客様に契約して頂くことになると思いますが、少し抵抗があります。

A. 一期生の方の中でも質問やご要望が多かったため、当初カリキュラムに予定していなかったのですが、Section3-A無料構築編というカリキュラムを追加しています。あまり内容が複雑ではないLPに関しまして、他のプラグインと組み合わせれば、Elementor無料版のみの納品でほとんど問題ないことがわかりました。ただ、もちろん案件にもよりますし、
本講座の内容はPro版の内容について数多く説明していきますので最低1ライセンスはご契約していただくことを推奨しています。

Q.HPの構成や原稿の準備の仕方も本講座で学べますか?

A. この講座は継続して更新して育てていく予定ですので、 今掲示している講座カリキュラムが一通り終わったら、勉強会や動画コンテンツの配信内容に入れさせていただきます。

Q.Elementorのプランは一番安いものでも大丈夫ですか?(06/23追加)

A. こちらはエキスパートプラン(下から2番目の25サイトプラン)の方が望ましいですが、講座に参加されている方の中では、完全に無料版のみで構築していく方もいらっしゃいます。
最初は少し手こずりますが、慣れてしまえばLPですと問題なく納品することができます。
※注意点としまして、無料版にするということは有料版よりも機能が減りますので、その分他のプラグインを使用したり、 CSSを書いたりして対応することになります。金額を取るか、作業効率を取るかという問題になります。

Q.講座を学習するにあたり、ドメインは一つで大丈夫ですか?(06/23追加)

A. はい、ドメインを一つ持っているのでしたら、
・サブドメイン
・サブディレクトリ
を活用してサイト環境を増やすことができますので大丈夫です。

Q.デザインテンプレートは特典以外にも公開されていますか?(06/23追加)

A. 現在は特典01,特典02にあります2つのデザインデータが対象になっておりました。
今後ご要望がありましたら、パーツごとやページごとにテンプレートを共有していく予定です。
※あくまで、デザインの確認や構築方法を見て学ぶために用意するため、個人利用の範囲にてご活用いただけましたら幸いです。

Q.オンラインミーティングの開催に夜間開催はありますか?(06/27追加)

A.夜間に開催は今の所予定しておりませんでした。そのかわり、平日参加できない方もいらっしゃるので、勉強会は土曜日や日曜日の日中に開催しております。

Q.一度入会すれば、コンテンツ、ミーティング、勉強会などはアーカイブなどでずっと試聴出来るといった認識で合っていますか?(06/27追加)

A.そちらの認識で大丈夫です。 一度入会していただけましたら、私が講座として更新する全てのコンテンツを受け取ることができます。

Q.Facebookのアカウントがないのですが、それでも大丈夫ですか?(06/27追加)

A.Facebookグループにしか発信しないこともありますので、できれば参加いただきたいです。
※実は講座参加者さんから、Facebookの通知が見にくいというお声をいただきまして、そういった方に向けて、現在チャットワークグループも活用しています。こちらは私からの通知をしっかり受け取りたい方だけ参加いただいております。

Q.火曜日の定例ミーティングはあまり参加できないのですが、質問フォームなどはありますか?(06/27追加)

A.会員サイト内に、質問フォームを設けておりますのでそちらよりいつでも質問できます。個別対応はおこなっていないため、現在は質問をまとめて、収録時の火曜日にお答えするというスタイルを取っています。

本講座を検討するにあたり質問やご相談がありましたら、
こちらのフォームからお気軽にご連絡ください。

追伸

本講座の開講のきっかけは、
日本でまだ浸透しきっていないノーコードツールの便利さを広めたい。

そしてWebデザイナーがより自由なデザインで制作を行えるようにしたいという思いからでした。

しかし、ただ広めるだけではいけない。
体系化し、きちんと実践できるところまでナビゲートすることが重要だと考えました。

実際に講座を制作してみて、教えることの難しさも痛感しました。
それでも、先行募集から参加していただいた一期の皆さんの努力により、早い段階でノーコードツールを活用してビジネス現場に活かしている姿を見れてとても嬉しかったです。

講座の主催者としては多くの方に参加してもらいたいというのは普通なのかもしれませんが、

正直なところ、参加は無理しないでください。
なぜなら、エレメンターはお金がかかるし、デザインに頭は使うし、結構大変だからです。
実践しなければデザイン力も上がらないし、誰しもが軌道に乗ってうまくいくわけでもありません。覚えることも多く、使いこなすには時間がかかると思います。

それでも、実現したいデザインやWebサイトがある方、コーディングの障壁がなくなることでもっとWebデザイナーとして活躍できるという方には、必ず有益で未来につながる講座です。

せっかく「デザイン」という、やりたいことを見つけたにも関わらずそれとは違う場所(コーディング)で立ち止まってしまった方に新しい道標となることを目指しています。
最後までお読みいただきありがとうございました。

制作時間を短縮

クオリティUP

仕事の幅が広がる

¥148,000円(税込)

※お会計時クレジット各社ご利用になれます

一括払いはこちら

6回分割払いはこちら

分割の場合、6ヶ月間自動引き落としになります

講座生M.Yさん

-Q1.今回講座に参加されたキッカケは何ですか?

自分の思うようなデザインでWEBサイトを作れるようになりたい!と思いコーディングを学んでいましたが、どうにもコーディングが苦手で挫折しかかっていました。
そんな時藤原さんがElementorを使ってノーコードで素敵なサイトを制作されているのを見て、私もあんな風に作れるようになりたい!と思いElementorを触ってみるようになりました。
しかしなかなかうまく使いこなせずにいたところ藤原さんの講座募集があり、参加させていただきました。

-Q2.実際に講座に参加してコンテンツを学んでみた感想を教えて下さい。

藤原さんによる解説がどれもとてもわかりやすいです。セキュリティーやサイト高速化、SEOについてなどのコンテンツもしっかり網羅しているので実務でもとても役立つと思います。ネット上を見てもこれらの情報がまとまっているところは少なく重宝します。
今後Elementorを使った制作でわからないことがあったら講座の動画を見れば大丈夫、という安心感があります。
受講当初はElementorについてはほぼ初心者でよくわからないな、難しいなと思っていたのですが、講座のおかげでElementor大好きになりました(^^)

-Q3.本講座はご自身の活動にどのような変化や影響、結果を与えていますか?

ほぼ講座の内容のみを参考にして、Elementorを使って一からLPやWEBサイトを制作する事ができました。
これまでテンプレートなどを使わずに一からサイトを作った経験がなかったのですが、自分でもサイト制作ができる!という自信がついたことはとても大きいです。今後の活動に生かしていきたいと思っています。

-Q4.他の講座やスクールと比べて、「ここが良かった」という点はありますか?

数多くの実務を経験している藤原さんだからこその説得力のある解説で、無駄がなく実用的なところがいいと思います。
藤原さんによるセンスの良いデザインを見るのも実は楽しく学ぶことができる要因かなと思います。
Elementorでよくあるアニメーションも無駄に多用しない、などセンスよくデザイン性の高いサイトにするためのコツについても学ぶことができます。

藤原さんは講座受講者のことを常に考えていてくれて、質問に詳しく答えていただいたり、こんな事が必要なんじゃないか、こんなことで困っているのでは?というテーマをすぐにコンテンツにしていただいたりと、とても気遣いを感じます。
ツールの使い方だけではなくデザインについてや案件の取り方、仕事に対する考え方や姿勢などなど他ではなかなか聞けないことを惜しみなく共有していただきとても勉強になることばかりでした。

-Q5.本講座への参加を検討している方に何かメッセージをお願いします

本気でElementorを習得したい!ノーコードサイト制作で仕事をしていきたい!という方にはとてもおすすめできる講座です。どの講座でも同様だと思いますが、ただ動画を視聴するだけでサイト制作ができるようになる、というものではなく、やはり実際に手を動かし、サイトを自分でも作っていくことは必要だと思います。ノーコードとは言え実際には多少のCSSが必要だったり、WordPressの知識が必要だったりわからないこともたくさん出てくると思います。ですが、そんなときに講座の動画を見直したり質問することによって解決することが多く、結果半年間挫折することなく学習を続けることができました。
制作に行き詰まってもNocode講座がある!そう思えるだけでとても心強いと思います。

M.Yさんが実際に制作した店舗向けアプリLP

講座生のI.Tさん

-Q1.今回講座に参加されたキッカケは何ですか?

LP制作講座を受けている中で、ノーコードの紹介をみて興味をもちました。
ずっとグラフィック中心で仕事をしていたので、後から参入のweb業界でどうやったら仕事がとれるか悩んでいる時でした。
デザインに富んだ作品が、Elementorを使えば難しいコードもなく感覚的につくれるということでこのようなサイトが作れたら他の人と差別化ができるのではないかと参加を決めました。

-Q2.実際に講座に参加してコンテンツを学んでみた感想を教えて下さい。

Elementorが本当に素晴らしいプラグインだとわかりました。
覚えてしまえば使いやすく、デザインを考えながらストレスなくサイトを制作できます。
かっこいいサイトをみて、こんなの作りたい!と思ったものが再現できるところに今でも驚きます。
ただ、Elementoはクセが強いです。どこで設定しどう使うか直感的にわからないことが多いです。
これを独学で習得するのはかなりハードルが高いと感じました。

-Q3.本講座はご自身の活動にどのような変化や影響、結果を与えていますか?

講座受講を始めて3ヶ月で、動きエフェクトやフォームがついたLPサイトを制作することができるようになりました。
そのため製作費を高めに設定でき、駆け出しのwebデザイナーながらweb制作で目標以上の収入を得られました。
これからはホームページの制作もできるようにし、より安定した収入を得られるようにしたいです。

-Q4.他の講座やスクールと比べて、「ここが良かった」という点はありますか?

サイトのコンテンツが充実している点
レクチャー動画がわかりやすく整理してあり、サイトの設定のから高度な設定までつまずきやすいところが網羅されています。
動画は実際に作業をしながら撮影がしてあり、「工程が飛んでわからない」ということがないです。動画の通りやればできる!という安心感があり何度も見返して使っています。
私はワードプレスの知識0からのスタートだったのですが、初歩の初歩のコンテンツが充実していたので問題なく進めることができました。
Elementorだけにとどまらず、事業展開についてのコンテンツなども大変役に立ちます。

質問すると、動画内で解決してくれる点
‎Elementorはやれる範囲が広い一方ややこしいところもあり、自分一人では解決できないところがたくさん出てきます。
ネットに情報が載っていないことも多いです。
ここでは適切なアドバイスや効率のよい方法の提案をいただけるのでやり方がわからずそこから動けない。。。ということがなくどんどんスキルアップできます。

上記二つが充実しているのでかなりのスピードでElementorが使いこなせるようになり、
講座を受けて3ヶ月でElementorで実案件のLP制作をすることができました。

↓藤原コメント↓
※もちろん習得までに個人差がありますが、Iさんは毎週講座に欠かさず参加し、いつも積極的に質問していただきました。

-Q5.本講座への参加を検討している方に何かメッセージをお願いします

web制作の勉強を始めたのが年齢的に遅くて、習得できるか心配でした。
ですが、わかりやすいコンテンツと疑問を解決できるシステムで、思い通りのサイトを制作できるようになりました。
「出遅れたな」と思っている人ほど、この講座をお勧めします。
常に変化するweb業界で、新しい技術・情報を共有できるこの講座はフリーランスの活動にプラスになると思います。

I.Tさんが実際に制作したマンガLP

講座生のK.Sさん

-Q1.今回講座に参加されたキッカケは何ですか?

直近でHTMLやCSSの知識がない人でも編集できるWordpressテーマを販売したいので作ってほしいという依頼がありました。その時に藤原さんがElementorを使用した講座を開催されるということで受講を決めました。

-Q2.実際に講座に参加してコンテンツを学んでみた感想を教えて下さい。

WordPressのプラグインでコードをかかかなくても複雑なレイアウトやスライドショー、アニメーション、レスポンシブ対応が簡単に実現できることに感動しています。
今後はECサイトの構築のレクチャーも予定されているので今まで自分だけでは実現できなかったことが出来るのではないかと楽しみにしています。

-Q3.本講座はご自身の活動にどのような変化や影響、結果を与えていますか?

今までは予算の少ない方の案件でも自身でコーディングを行なっており、時間がかかったのですが、Elementorで構築することで納期も早くなり、またアニメーションも簡単に実装出来るのでクォリティの高いサイトを納品することができ、クライアント様にも喜んでいただけました。
現在、何サイトかElementorで制作させていただきました。
今後は制作会社からの依頼はコーディングが必要なものもありますが、コーディングの指定がなければElementorで実装といった感じで使い分けていこうと思っています!

-Q4.他の講座やスクールと比べて、「ここが良かった」という点はありますか?

他の講座は会員サイトのみで動画は自分で勉強し、質問があればメールでどうぞという感じでしたが、この講座は私の場合1期生ということもあり、毎週ライブレッスンを受けられ、直接講師に質問できるのが良かったです。毎週収録日を楽しみにしています。
また、収録がすべて終了しても勉強会があったり、コンテンツが常にアップロードされていくのが素晴らしいです。他の講座は受講期間が終了したら講座の閲覧が出来なくなります。また受講料も初めに講座を購入したら追加料金が一切不要という点も大変良心的だと思います。他の講座では追加料金が発生するので(笑)
そして何よりも講師の藤原さんがどのような質問にも親切丁寧に答えてくださること、また今までフリーランスとして活動されてきたご経験やノウハウの話が聞けるのが一番良かった点です。

-Q5.本講座への参加を検討している方に何かメッセージをお願いします

講座への参加、決して安い買い物ではないので迷われる気持ちはすごくわかります。

私も今まで他の講座に高額な料金を支払って受講したけれど求めているものが得られず後悔したことがあります。

しかし、この講座は本当に期待以上のことを学べますし後悔しないと思います!

向上心の高いメンバーがたくさんおられるので励みになり、一緒に学び続けることが出来ます!

あなたと一緒に学べることを楽しみにしています。

K.Sさんが実際に制作したマーケティング会社HP

講座生Y.Mさん

-Q1.今回講座に参加されたキッカケは何ですか?

デザインしたものが自分で実装できたらと思いました。

-Q2.実際に講座に参加してコンテンツを学んでみた感想を教えて下さい。

エレメンターの基本をしっかり学ぶことができます。デザインの現場でよく使う応用編もアップされています。
わからないところは講座が終わった後に質問できるので、とても手厚いと思います。

-Q3.本講座はご自身の活動にどのような変化や影響、結果を与えていますか?

LPを一本エレメンターで実装しました。今後ポートフォリオもリニューアルしてHPの案件もとっていけたらと思ってます。

-Q4.他の講座やスクールと比べて、「ここが良かった」という点はありますか?

いろんな講座、スクールを受けましたが、藤原さんのお人柄がとても素晴らしく、ここまで丁寧に対応してくださる講座はなかなかないと思います。

-Q5.本講座への参加を検討している方に何かメッセージをお願いします

エレメンターはコードで実装するのに時間がかかることもサクッと実装できます!
特にデザイナーさんにはおすすめのツールだと思います。

Y.Mさんが実際に制作したフォトウェディングHP