강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

Webフロー(Webflow)を始める - コーディングなしで自由度の高いプロトタイプを作成する

自分だけの素敵なウェブサイトとプロトタイプをウェブフローで作りましょう! 簡単かつ迅速に開始できるようにコアコンセプトを持ち、参考にできるテンプレート/プラグインも整理します。

  • jangpm
webflow
no-code
프로토타입
Webflow
No-code
Prototyping

学習した受講者のレビュー

こんなことが学べます

  • ウェブフローでウェブサイトを作る

  • Webフローでプロトタイプを作成する

  • Webフロープロジェクトをすばやく起動できるテンプレートとプラグインの使い方

  • データベース、フロントエンド、バックエンドなどのIT開発の大きな図

強力なWebサイトビルダーであるWebフローを使用して
ディスカイオットのウェブサイトを作る! 🙋

こんな方ならおすすめですよ👀

美しいウェブページ
作りたい方

最小限の完成度がある
MVPを作りたい方

私のサービスのSEO
大切に考える方

開発者のいない一人の起業家、
スタートアップ実務者

講義で作ること ✍️

ノーコードで実装したディスカイオットサイト

  • 実際に動作するプロトタイプなので、会員登録してテストしてみてください。
  • 会員登録、権限に応じたロジック実装、フィルタ、検索、決済、コメント、通知などを直接実装してみましょう。

最も強力
ノーコードツール、ウェブフロー(Webflow)

ウェブフローは、ノーコードコミュニティで最も注目されており、最も強力なノーコードツールです。ウェブフローだけでも想像されるほぼすべてのウェブサイトを作成できます。 PC、タブレット、モバイルに最適化された美しいサイトですよ!


既存のワードプレス、ウィックス、アイムウェブを使用して限界を感じた方や、入門者向けのノーコードツールであるグライド(Glide)、ソフター(Softr)よりも自由で強力な機能をご希望の方には、ウェブフロー(Webflow)が良い代替案です。また、どんなノーコードツールよりもウェブフローがグーグル、ネイバーなど検索エンジンに最もよくかかる検索エンジン最適化(SEO)が良いツールです。デジタルマーケティングで検索エンジンの最適化が重要な話題になっている現在の傾向では、Webフローは最も有用なNocode Web Builderです。

この講義は、WordPress、Wixよりも強力なWebサイトビルダーであるWebflow(Webflow)で自分だけの素晴らしいサービスを作ってみる講義です。非常に簡単なランディングページから複雑なプロトタイプまで順次作成します。受講生の皆さんができるだけ試行錯誤を減らしながら結果物を早く出すことができるように、Webフローと一緒に書けば便利なプラグインと、優れているだけでなく無料で活用可能なデザインテンプレートやライブラリもお知らせします。 Webフローの重要な概念と役に立つヒントをしっかりと押し込んで、簡単かつ迅速に始めることができます!

講義で学ぶこと✍️

#1.
Webフローの主な概念
見る

Webフローは自由自在にHTML、CSS、Javascriptを操作して自由にウェブサイトを作成できるツールです。しかし、これを扱うために複雑なHTML、CSS、Javascriptを勉強する必要はありません。さらに、Webフロープロジェクトは白紙から出発するのではなく、テンプレートの上から始める時が多いので、見て理解するほど学習するだけです。このようなノーコードユーザーの立場では、重要な概念だけを素早くまとめました。

#2.
すばやく始めるため
テンプレートとプラグイン

専門家が作成したテンプレートとプラグインを簡単にナビゲートし、自分のプロジェクトにインポートする方法を教えてください。これらの方法を知っていれば、はるかに簡単に私のプロジェクトを始めることができます。

#3.
簡単な練習用プロジェクトなど
様々な練習

複雑なプロトタイプ開発に入る前に、簡単なランディングページと簡単なディレクトリサイトを一緒に作成してください。以前に学習した基本概念を練習を通じて理解できるように構成しました。

#4.
ディスカイオットを複製して
プロトタイプの作成

ウェブフローにどの程度熟練したことがありますか?これで、Discouiteというサービスを複製し、会員登録、権限管理、マルチフィルタ、検索、新しい投稿、いいね、コメントなどが可能なコミュニティプラットフォームを直接作成します。


予想される質問 Q&A 💬

Q. ITに関する事前知識が必要ですか?

入門者に配慮して講義を制作しました。 IT開発を初めてお試しの方も簡単にフォローできます。ただコーディングをしないだけで、コーディングの結果物と似た結果物を作る講義です。そのため、HTML、CSS、データベースなど、Web開発と関連概念は出てきます。むしろこのようなノーコード講義を通じてウェブ開発について学習してみることも私は良いと思います。

Q.では、別に概念の勉強をしなければなりませんか?

コンピュータ工学的な概念がなくても十分に行うことができます。むしろこの過程を通じて、プログラミング的な概念をつかみ、プログラミング的な思考力を育てることになりそうです。非開発者としてIT業界にお住まいの方には、ノーコードが本当に良い教育コンテンツだと思います。

Q.ウェブフローを使ってプロトタイプを作ることになるとコストはどれくらいですか?

レッスンで扱うデータベースと連携するWebフロープロジェクトの成果物を作成するには、最低CMSプラン(月$ 29)を支払う必要があります。また、会員登録とメンバーシップ機能を追加するには、会員管理に関連するプラグインであるメンバーステック(月29ドル)も支払う必要があります。ウェブフローは無料機能では1ページのウェブサイト程度しか作成できません。

Q.どのような場合にWebフローをお勧めしますか?

  • 自由にデザインをカスタマイズしたいとき
  • リスト内のフィルタ、検索機能が重要な場合(複合フィルタリング、画像によるフィルタリングなど)
  • 検索エンジン最適化(SEO)を重視する場合

Q.別途コンサルティングやコーチングをしてもらえますか?

VODのための別の1:1コーチングは難しいですが、コメントを残してください。ノーコードに関してコミュニケーションをとり、フィードバックを提供するチャンネルとしては、私が運営している「韓国ノーコードコミュニティ」ウェブサイトやカトークオープンチャットルームがありますので、ここに参加することもおすすめです。無料でリアルタイムでフィードバックもお届けします。

知識共有者の紹介✒️

こんにちは、私はノーコードエヴァンジェリストイルザラージャンピエムです。

私も門と出身のIT業界企画者でした。 10年のキャリアを積みながらもコーディング/IT開発を知らず、苦しくて、イライラする時が多かったです。それから「No-code」という新しい技術のトレンドを発見しました。アイデアだけがあれば、コーディングを知らなくてもデジタル世界で素晴らしい結果を生み出すことができることを自分で確認しました。

ノーコードと呼ばれる技術は、今導入された最新のトレンドです。ノーコードを学び、私の仕事やビジネスに適用できるようになると、あなたははるかに大きな成果とキャリアの成果を得ることができると思います。ノーコードはコーディングよりはるかに簡単です。コーディングほどの自由度ではありませんが、かなり完成度の高い結果をはるかに簡単に作成できます。だから、受講生ははるかに速く結果を作り、より大きな効能感と楽しさを感じます。私たちはプロの開発者ではありません。難しく学んだり疲れたりしないでください。

レッスンで活用するGoogleスプレッドシートDBを複製するためのリンクをまとめます。 ブック購入申請プロジェクトDBの複製とAirbnb プロトタイププロジェクトDBの複製で確認できます。

  • 前)チームブラインド事業開発チームリーダー
  • 前)サウンドリー製品マネージャー
  • 前)SKテレコムセールスマネージャー
  • ソウル大学経済学部卒業(チンムン科!)
  • 韓国最大のノーコードコミュニティ「韓国のノーコードコミュニティ」リーダー
  • Youtube イルザラージャンピエムチャンネル運営
  • ノーコード講義サイト「ノーコードキャンプ」代表
  • 累積受講生500人以上
  • 非常に高い受講生満足度(評価4.9)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 素敵で美しいウェブページを作りたい方

  • 最小限の完成度を持つ最小機能製品(MVP)を作りたい方

  • 私のサービスの検索エンジン最適化(SEO)を大切にする人

  • 開発者のいないチームの創業者/一人起業家/スタートアップ実務者

こんにちは
です。

492

受講生

26

受講レビュー

83

回答

4.9

講座評価

4

講座

노코드 에반젤리스트 일잘러 장피엠입니다. 커리어 동안 초기 스타트업에서 제품-시장 적합성(Product-Market Fit)을 찾는 일을 주로 했습니다. 한국 노코드 커뮤니티 리더이자 노코드캠프 운영자로서 노코드를 널리 알리는 노코드 에반젤리스트로 활동하고 있습니다. 빠르게 실행하는 것에 초점을 두고 노코드를 활용한 MVP 제작, 업무 자동화 등에 대해서 강의하고 있습니다.

- 한국 노코드 커뮤니티 리더
- 노코드 강의 사이트 “노코드캠프” 운영
- 노코드 관련 유튜브 “일잘러 장피엠” 운영
- 전) 팀블라인드 사업개발팀 리더
- 전) 사운들리 제품 관리자
- 전) SK텔레콤 세일즈 매니저
- 서울대학교 경제학부 졸업 (찐문과!)

カリキュラム

全体

33件 ∙ (7時間 2分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

18件

4.9

18件の受講レビュー

  • 최정일님의 프로필 이미지
    최정일

    受講レビュー 2

    平均評価 5.0

    5

    30% 受講後に作成

    • YM Shim님의 프로필 이미지
      YM Shim

      受講レビュー 1

      平均評価 5.0

      5

      61% 受講後に作成

      • appleandapple.1717님의 프로필 이미지
        appleandapple.1717

        受講レビュー 1

        平均評価 5.0

        5

        30% 受講後に作成

        • 정종욱님의 프로필 이미지
          정종욱

          受講レビュー 3

          平均評価 4.7

          4

          33% 受講後に作成

          내용들이 좋기는 하나 웹플로우에서 ui나 다른 내용들이 업데이트 된 부분들이 많고 강의 중간중간에 책상 소리나 같은 게 많이 들어가 있어서 다른 웹플로우 강의가 없어서 듣고 있기는 하나 아예 2025년 버전이 업데이트가 안된다고 하면 다른 강의를 들어보시는 걸 추천드립니다.

          • 반효진님의 프로필 이미지
            반효진

            受講レビュー 1

            平均評価 5.0

            5

            30% 受講後に作成

            ¥9,204

            jangpmの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!