アメリカで2100億円の価値と言われる「Webflow」とは?

くりたまさと
Masato Kurita
栗田将人
アメリカで2100億円の価値と言われる「Webflow」とは?

今回はこのブログの主役「Webflow」(ウェブフロー)についてどんな機能をもっているのか?どうやって始めるのか?などをご紹介していこうと思います。

ウェブ言語のHTMLやCSSを学ぶよりも、一歩先の新しい技術を学びたいと、そんな方に適したのがWebflowです。

「日本語の解説がない」という理由だけで、日本ではまだあまり知られていないWebflow。このブログではWebflowを日本語で解説していきます。今すぐ使い方を学びたいという方は【1日30分/21日】放課後の30分でWebデザイナーになろうからスタートしてみてください。

目 次

1.Webflowとは?安全なの?

Webflowとは

アメリカ生まれのウェブ制作アプリ。コードを書く必要がなく、ドラック&ドロップでウェブ制作をすることが可能。一番の特徴はコード出力ができるということ。また他のプログラムと比べても、動きが遅くなりにくいのもポイントです。

結論から言うと、安全です。

使用者のプライバシーはもちろん、倒産の可能性やウェブサイトのセキュリティ面でも安全と胸を張ることができます。

アメリカにて多額の投資をうけ、将来有望視されているWebflow。有名企業ではDEALや楽天などが企業サイトに導入。実際にWebflow内の企業紹介ページにて楽天は次のように述べています。Webflow内の紹介サイトを見る

”楽天SLは、時間、お金、セキュリティの問題を節約するため、WordPressからWebflowに切り替えました”

以下原文
Rakuten SL switched from WordPress to Webflow to save time, money, and security headaches

またWebflow内のニュースにはこんな記事も掲載されています。

”Webflowは1億4000万ドルを調達し、21億ドルの評価を達成”

以下原文
Webflow Raises $140M, Hits $2.1B Valuation

21億ドル…日本円に換算したら、ざっくり2100億円ですね。やはり日本とは規模が違うような気がします。さらに顧客が2倍のペースで増えていることや、多数の投資が集まっている点から「今後の成長、間違いなし!」とも言われています。

興味があればニュースページをチャックしてみてください。Googleのサイト内翻訳を使えば問題なく読めますよ。

WebflowのTOPページ

2.Webflowで何ができる?

ウェブ制作の知識がなくても、ドラッグ&ドロップでウェブサイト制作ができます。基本的なウェブの機能はもちろん、アニメーション、3Dサイトなど高度な技術を簡単に使用できます。言語を手打ちするよりも約3分の1の時間でウェブサイトを制作可能です。

どんなサイトを作れるのか気になる方はWebflow内のショーケースや、凄い!面白い!をまとめた【Mac改造?】PS4やWindows95など規格外なHPを作成できるWebflowとは?をご覧ください。

コードの出力が一番の特徴

Webflowで制作したウェブサイトはコードの出力ができます。僕がWebflowを選んだ一番の理由です。

仮にコードの書き方を全く知らなくても顧客の希望に合わせてコード納品が可能。またWebflowが日本で人気にならなくても、コード出力ができればノーコードで制作したとバレないで効率よく、ウェブサイトを作成できますね。

コードを書き出せるメリット

他にも2つメリットを紹介します。

1つ目は「コードでウェブサイトを作れる人」になれるという点。コード納品ができることからコードを組む人と肩を並べて仕事ができます。コード出力ができないと「ノーコードが使える人」止まりなんですよね。

2つ目は仮にノーコードが使えなくなった場合でもウェブサイトは残るという点。サービス終了なんて滅多に来きませんが、最悪を想定することは重要です。万が一にも「作ったサイトが全部なくなってしまった。」なんて起こさないため、コードで出力して保存できるのがWebflowです。

3.難しくないの?始め方は?

制作はウェブ言語を基盤としているため、HTMLやCSSの知識があると、飲み込みは早いです。そのため完全に未経験からだと少し難しいかもしれません。

しかしこのブログの【1日30分/21日コース】では完全未経験者向けにWebflowの使い方を解説をしているので心配ありません。

それに、もし最初からめちゃくちゃ簡単なら学ぶ必要もなく『Webflowができる』という価値は下がることでしょう。ちょっと努力するぐらいがちょうどいいと思います。

Webflowの使い方とウェブデザインの基礎を勉強すれば、ウェブデザイナーと同等の仕事ができことは言わずもがなですね。

Webflowは英語の解説しかない

「英語がわからない」という方でもグーグル翻訳を使えば、意味が理解できます。また当サイトでは日本語で解説し、さらに質問も受け付けているため、特に問題ないでしょう。

またWebflowはウェブ言語を知らない方をターゲットに「Webflowの使い方」の動画を公開しています。イチから少しずつ手順をなぞっていけば、同じようなウェブサイトを構築可能。

このコースを終了した頃にはWebflowの操作が身につき、アレンジもできるようになっていることでしょう。

未経験の方はまずこの手順をクリアすると一気に世界が広がりますよ。

Webflowサイト内ポートフォリオコース

この動画を参考に日本語でWebflowの使い方を解説したブログが「1日30分21日でウェブデザイナーになろう」です。

Webflowの始め方

始め方は至ってシンプル。ログイン画面に進んだらGoogleのアカウントまたはメールアドレスを使用してアカウントを作成します。ログインしたら模擬サイトの制作など始まると思いますが、必要無い方は適当に飛ばしてOK。

ダッシュボードにあなたの制作したサイトが増えて行きます。「+NEW Project」から真っ白のキャンパスを開いて僕のブログだったり、Webflow公式の動画だったりを参考に制作を初めてみましょう。やっていく内に理解していくことができますよ。

4.使う時にかかる費用は?無料?

Webflowは今の所、永遠に無料で使うことができます。もちろん有料プランを購入することで、できることが増えていきます。主に料金については2つ、「アカウントプラン」「ウェブサイトプラン」があります。ここでは初心者が最初課金をするメリットを主に紹介します。

アカウントプラン

アカウントプランでは初心者にとっては主に3つのメリットがあるといえます。

  • 制作できるページ数が増える
  • 制作できるサイト数が増える
  • コード出力ができる

無料プランでもCMS(ブラグ記事の作成に便利な機能)は使うことができるので、あまりお金をかけたくない方は最初は無料プランでOK。テンプレートを組み合わせて作成したい時や運営するサイトが増えたという時にまずはLiteプランから挑戦しましょう。サイトは10個まで制作でき、サイト内ページも十分なほど

もちろん他にもたくさん追加機能がありますが、最初のうちはこの3点が課金する主なメリットだと思います。

Webflowに記載されてるプラン

ウェブサイトプラン

制作したサイト、一つ一つに課金する仕組みのウェブサイトプラン。メリットたくさんありますが最初から欲しいと思う機能はあまりなく、本格的に運用を始めてからでいいでしょう。コードで出力してサイト運営するのも一つです。しかしその際にサーバーを借りる必要があるので、その費用と手間を考えたらどっこいどっこいな気もします。

主なメリットはドメインの変更

自分で購入したドメインを使用する際には有料プランの加入が必要です。ドメインとは.comや.co.jpなどのこと。

一番安いプランで運用する際にはCMSを使うことができないので気をつけましょう。他にもサーバーの強化やCMSコンテンツの使用などメリットがありますが、最初はあまり関係ないかもしれません。アカウントプランのみ課金して、ブログやサイト運営などが軌道に乗ってからのプラン変更するのが良さそうです。

Webflowに記載されている課金のメリット

5.まとめ

今後成長が期待できるWebflow。まだ日本に普及して無いことから、今始めればWebflowの達人として有名になることも夢ではありません。もしあなたが今、「なにかスキルがほしい」「なにかの業界でリードしたい」と考えているならWebflowをはじめてみてはいかがでしょうか。一切お金をかけず、無料で使い始めることができるので、登録して「1日30分21日でウェブデザイナーになろう」をやってみるのも一つです。

僕の解説しているブロクでは無料プランを想定して作成しています。アニメーション付きの立派なポートフォリオサイト無料で作ることができますよ。もしあとから「もっとやりたい!」と思ったら有料プランに入るのもいいかもしれないですね。

サイト構築ができるようになったら、クラウドワークスランサーズでウェブサイトの制作受注で月5万円の収入からチャレンジしてみてください。気づけばあなたのウェブデザイナーとしての人生が開幕していることでしょう。

僕もがんばります。いつか一緒に仕事をしましょう。その時まで連絡待ってます。

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

WEBFLOW専門家として事業を行っている栗田自身が実際に使用し、便利だと感じたWebflowの使い方を共有します。またノマドライフや、事業計画、経験と過程について発信しています。これは僕からあなたへの手紙です。ここでしか贈らない言葉があります。愛すべきあなたへ届きますように。

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

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

【Webflow公式サイトを日本語化】Webflow大学を日本語で解説します

Webflowを使用して1日30分、約21日間かけてウェブ制作を行います。ウェブ言語の知識がない方でも取り組めるように初心者向けに解説しています。Webflowを始めるなら、まずはここからはじめてみませんか?

Read more...

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

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

Read more...

【Webflow】今日から使える無料のテンプレート10選

Webflowで初心者でもスグに使えるテンプレートを知りたいですか?本記事ではWebflowの今日から使えるテンプレートをジャンル別にまとめました。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