21日でWebflow習得コース|Webflow大学を日本語で解説します!

くりたまさと
Masato Kurita
栗田将人
21日でWebflow習得コース|Webflow大学を日本語で解説します!

こんにちはWebflow専門家のマサトです。

このコースではWebflowを使用して1日30分、21日間かけてウェブ制作を行います。手順通りに進めるだけでWebflowの使い方を学ぶことができます。さらにGoogleのツール連携やWebサイトのアニメーションを一緒に学ぶ事が可能です。コースでは独自のポートフォリオサイトを作り完成まで持っていくことを題材としています

完全未経験の方を対象に専門用語はゼロで解説するので「ウェブ言語って何?」という方でも基礎から学ぶことができます。

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

  • これからWebflowを覚えたい
  • HTML、CSSの知識はゼロだけどWeb制作を覚えたい
  • 日本語でWebflowを勉強したい
  • 完全無料でWebflowを勉強したい

また動画でも解説しているので文章と合わせてご覧ください。その前にもっと基礎の知識「知らなきゃ損する!Webflowの操作が10倍早くなる基礎知識!」を公開しました。合わせてご覧ください。

追記:2024年6月時点では完全無料で発信予定です。Youtube動画が回らない場合は有料の個別指導やコミュニティーなどにシフトする可能性があります。ご了承ください。

目 次

Webflow日本語化|21Dコースで学べること。メリットとは?

このコースではWebflowを使った基本的なウェブ制作からCMS構築、SEO基礎、お問い合わせの作成、グーグルアナリティクスの連携、お問い合わせフォームの作成までWeb制作に必要な知識の全てを学ぶことができます。今回のコースを全てマスターすればおおよそ基本的なWebflow操作は理解していると言ってもいいでしょう。また「ホームページを作れます!」と言っても過言ではなくなります。

そのため、21日終了後はWeb制作のスキルではなく、他のスキルを身につけることをお勧めします。(デザインやマーケティングなど。)Web構築はあとは必要に応じて調べる力があればWebflowを用いてサイト制作を行うことができます。

またWebflowはHTML、CSSなどのコードを出力することもできるので、Webflowを理解すれば、たった21日でコーダーになれると言っていいでしょう。たった21日でWeb制作のスキルを手に入れ、即座に次のスキル習得に行く。これは間違いなく現代最速のスキル習得といえます。

Webflow日本語化|21Dコースの動画と記事をまとめました。

1日〜21日までの教材をまとめました。情報は随時更新していきます。Webflowを全く触ったことのない!Webflowの基礎を再確認したいという方は僕がオリジナルで作った以下の0Daysを最初に見ていきましょう。

0Days|オリジナル教材

文章で学びたい方はこちら
知らなきゃ損する!Webflowの操作が10倍早くなる基礎知識!

1Days|未経験から21日間でポートフォリオを作るWebflow教材

文章で学びたい方はこちら
1Days|未経験から21日間でポートフォリオを作るWebflow教材

2、Webflow大学|ナビゲーションバーの作成方法を日本語で解説

動画作成中

文章で学びたい方はこちら
Webflow大学|ナビゲーションバーの作成方法を日本語で解説

3、【CMS導入編】 Webflowで一番最初に行うCMS設定【3days】

動画作成中

文章で学びたい方はこちら
【CMS導入編】 Webflowで一番最初に行うCMS設定【3days】

4、コンタクトフォームを作る方法【Webflow大学】

動画作成中

文章で学びたい方はこちら
コンタクトフォームを作る方法【Webflow大学】

5、3ステップでフッター制作可能【5days/Webflow大学】

動画作成中

文章で学びたい方はこちら
2分で完成!Webflowならたったの3ステップでフッター制作可能【5days/Webflow大学】

6、直感のみOK!Webflowでレスポンシブデザインを作る方法【6days/Webflow大学】

動画作成中

文章で学びたい方はこちら
直感のみOK!Webflowでレスポンシブデザインを作る方法【6days/Webflow大学】

7、【CMS制作編】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】

Part2:【CMS制作編2】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】

動画作成中

文章で学びたい方はこちら
【CMS制作編】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】
【CMS制作編2】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】

8、WebflowのCMSページのレスポンシブデザインを作成【8Days/Webflow大学】

動画作成中

文章で学びたい方はこちら
WebflowのCMSページのレスポンシブデザインを作成【8Days/Webflow大学】

9、Webflowでお問い合わせフォームを作成する方法【9Dsys/Webflow大学】

文章で学びたい方はこちら
Webflowでお問い合わせフォームを作成する方法【9Dsys/Webflow大学】

10、Webflowで『reCAPTCHA』を設定する方法

文章で学びたい方はこちら
Webflowで『reCAPTCHA』を設定する方法

11、Webflowを使ったSEO設定の仕方【11Days/Webflow大学】

文章で学びたい方はこちら
Webflowを使ったSEO設定の仕方【11Days/Webflow大学】

12、【12Days/デザイン変更】 Webサイトのイメージをガラッと変える方法

文章で学びたい方はこちら
【12Days/デザイン変更】 Webサイトのイメージをガラッと変える方法

13、【13Days】Webflowでアニメーションを作成しよう

文章で学びたい方はこちら
【13Days/①】Webflowでアニメーションを作成しよう

14、【14Days/404作成】普段は見えないページでも、興味をもてるデザインを意識!

文章で学びたい方はこちら

15〜21日|制作中

以下のナンバーはまだ未作成です。メルマガにご登録の上、完成をお待ちください。またコメントなどくれるとやる気になり、制作速度が上がります。これは僕のやる気に依存しているからです。

無料メルマガで追加情報を告知します。

Webflow専門家として事業を行っている栗田自身が実際に使用して便利だと感じたWebflowの使い方や小技などを共有しています。他にもノマドライフや、事業計画、経験と過程について発信しています。

これは僕からあなたへの手紙です。飾らない言葉で発信しています。登録が励みになります!。もしメルマガに返信してくれたら、全て目を通しています。

ご登録ありがとうございます。次回の更新まで少々お待ちください。
なにかしらエラーがでています。治らない場合はXまでご連絡ください。

併せて読むとおすすめの記事▼

Webflow大学|ナビゲーションバーの作成方法を日本語で解説

Webflowでナビゲーション、シンボルを作る方法について解説していきます。「Webflowの始め方を知りたい」「Webデザイナーになりたい」と考えている方やWeb未経験者でも一歩づつ進んでいけるようにWebのことから解説しています。

Read more...

【2024年最新版】Webflowの使い方を項目別にまとめました

Webflowの使い方で迷っていませんか?本記事ではWebflowの使い方をCMSやリッチテキスト、独自ドメイン、フォントの追加方法など項目別にまとめました。Webflowの使い方で悩むことがある方は必見です。

Read more...
🎉【期間限定】無料キャンペーン実施中9/1まで
Beta

無料のWebflow
30分間レクチャー実施中!!

期間限定‼️
Webflowでこのポップアップの作り方わかりますか?このレクチャーではWebflowの使い方、Webflow導入後のサポートなどWebflowに関する質問はOK!完全無料で実施しているのでお気軽にお申し込みください。9月1日まで実施中
※ビデオ通話(Google meet)を使用します。
※予告なく、内容の変更やキャンペーンが終了する場合がございます。
※機密事項などを取り扱う際は事前にお申し付けください。内容はYoutubeなどSNSに 露出する場合がございます。お申し付けいただければ露出はしません。
※レクチャー時間は一組30分までとさせていただきます。それ以上は別途ご相談、ご依頼ください。30分の中に自己紹介や案件の相談時間などは含まれていませんので慌てずまずは自己紹介から行いましょう。
※自己紹介など含め45分を想定しています。
※ご予約機能はGoogleカレンダーで作成しています。
※こちらはベータリリースとして行っています。
※Webflowを学ぶ目的、サイト制作依頼の相談、Webflowサポートのお試し、以外の目的でのお申し込みはおやめください。
以上の注意事項の他に必要な情報は都度更新、変更していきます。
Dashboard mockup