WebflowでプロフェッショナルなノーコードWebサイトを構築する — PickAClass
4.5 (8) ⏱ 2時間48分 📚 28レッスン 🎧 音声版

WebflowでプロフェッショナルなノーコードWebサイトを構築する

コードを書かずに完全にレスポンシブなWebサイトを設計、構造化、公開する方法を学びます。フリーランスのWebデザイナーを目指す方に最適です。

  • 💬 AIインストラクター
    どのレッスンでも質問すれば、いつでもすぐに分かりやすい答えが返ってきます。
  • 🕐 いつでも開始
    スケジュールも締め切りもなし。自分のペースで、好きなときに学べます。
  • 🌐 日本語で
    レッスン、課題、修了証まで、すべてあなたの言語で。

このコースについて

カスタムで高品質なWebサイトを構築するには、かつては広範なプログラミング知識が必要でしたが、最新のノーコードツールが業界を一変させました。この包括的なテキストベースのコースでは、Webflowを活用して、ゼロからレスポンシブで本番環境に対応できるWebサイトを作成する方法を学びます。HTMLやCSSを一行も書くことなく、Webデザインの基本原則、レイアウトの構造化、コンテンツ管理を探求します。書かれた説明と実践的な演習に従うことで、初期のコンセプトから公開されたサイトまでプロジェクトを遂行する自信が得られるでしょう。 学習内容: - 基本的なWebデザイン用語を理解し、Webflowワークスペースの操作方法を習得する。 - FlexboxやCSS Gridなどの最新の概念を活用して、レスポンシブなモバイルファーストのレイアウトを構築する。 - 必須のWebアクセシビリティ標準とパフォーマンスの基本原則をプロジェクトに適用する。 - シームレスなユーザーエクスペリエンスを提供する動的なコンテンツ構造を設計する。 - 基本的なSEO設定を設定し、Webサイトを成功裏にローンチするための準備を行う。 カリキュラムは、必須のWeb開発の概念とノーコード用語の紹介から始まり、その後、応用的な構築技術へと進みます。明確で段階的な書面による指示を通じて、プロフェッショナルなWebページを組み立て、スタイルを設定する方法を体系的に学びます。このコースは、初心者、意欲的なフリーランサー、ノーコード開発に興味のあるすべての人を対象として設計されており、事前のコーディングやデザインの経験は一切必要ありません。コードなしで優れたWebサイトを作成するために必要なスキルを身につけるために、今日から読み始めましょう。

得られるもの

  • 📜 修了証
    LinkedInプロフィールに追加
  • 💬 パーソナルAIチューター
    レッスンで詰まった?組み込みチューターにいつでも何でも聞いてみよう。
  • 🎧 音声版付き
    画面なしでもどこでも学べる
  • ♾️ 無期限アクセス
    いつでも再開可能、有効期限なし
  • 📱 スマホでもPCでも
    どこでもどんな端末でも
  • 💸 14日返金保証
    理由を聞きません
  • 短く要点だけ
    2時間48分の実践的な内容

修了証

PickAClassで修了した各コースは、このような証明書を発行します — オリジナルで、独自コード付き、URLで検証可能、そして実際に示した内容を詳細に記載。

P
PickAClass
スキルプロフィール · 検証可能
文書
修得証明書
以下を証明します
氏名
の習得を見事に証明しました
WebflowでプロフェッショナルなノーコードWebサイトを構築する
実証されたスキル
行動パターン分析
基礎
1.2 時間
意思決定アーキテクチャフレームワーク
熟達
1.4 時間
A/Bテスト設計
熟達
1.7 時間
行動心理学的コピーライティング
上級
1.9 時間
P
PickAClass — 氏名
WebflowでプロフェッショナルなノーコードWebサイトを構築する
2/2ページ
パフォーマンス詳細
学習内容の概要
修了レッスン 14 / 14
練習問題 26 / 28
提出課題 4(平均 4.5 / 5)
集大成プロジェクト レビュー済み — 4.6 / 5
練習合計 6.2 時間
パフォーマンス基準
コホート順位 1,625人中上位12%
修了までの時間 11日(中央値: 22)
習熟スコア 91 / 100
練習問題スコア 94%
スキル検証 検証済みスキルパス
この資格を検証
pickaclass.com/certificates/PCC-2026-X4F7-AP19
PickAClassの学術基準に基づき発行。スキルレベルはコースの能力ルーブリックに対して評価された成績を反映します。本プラットフォーム独自の資格です。

レビュー (8)

Chiara Costa IT 認証済み受講者
★ 5 · 26.07.2026

Non avevo mai usato Webflow prima e questo corso mi ha fatto capire benissimo come strutturare una pagina in modo professionale. Il ritmo delle lezioni è giusto, né troppo lento né troppo veloce, e ogni concetto viene subito messo in pratica. Ho pubblicato il mio primo sito responsive senza scrivere una riga di codice, cosa che pensavo impossibile.

Naledi Zuma ZA 認証済み受講者
★ 4 · 14.07.2026

Solid intro to Webflow, pacing gets fast.

Ewa Mazur PL 認証済み受講者
★ 4 · 08.07.2026

Zawsze myślałem, że stworzenie porządnej strony wymaga znajomości kodu, a ten kurs pokazał mi, że z Webflow da się to zrobić bez programowania. Najbardziej doceniam część o responsywności, czyli jak ułożyć stronę tak, żeby dobrze wyglądała na telefonie i na komputerze. Po przejściu materiału zaprojektowałem i opublikowałem swoją pierwszą stronę portfolio, którą planuję pokazywać klientom. Jedyne, czego mi zabrakło, to więcej wskazówek o pozyskiwaniu pierwszych zleceń jako freelancer. Poza tym treść jest konkretna i naprawdę dobrze poprowadzona.

Ethan Garcia PH 認証済み受講者
★ 4 · 29.06.2026

Natutunan ko sa Webflow kung paano gumawa ng fully responsive na website na maganda sa phone at desktop, na malaking tulong para sa balak kong freelancing. Medyo mabilis lang yung parte sa CMS kaya kailangan kong ulit-ulitin, pero sulit pa rin at marami akong natutunan.

Sébastien David MC
★ 5 · 19.06.2026

J'ai suivi ce cours pour enfin comprendre Webflow et la logique du responsive design sans coder, et c'est exactement ce que je cherchais. Les explications sur les classes CSS et la structure des sections sont très claires, même pour quelqu'un qui vient du print. À la fin j'avais un site entier publié et fonctionnel sur mobile comme sur ordinateur.

Hannah Schulz DE 認証済み受講者
★ 4 · 05.06.2026

Ich wollte schon länger als freiberuflicher Webdesigner durchstarten und habe mit diesem Kurs endlich den Einstieg in Webflow gefunden. Besonders gut fand ich, wie das responsive Design erklärt wurde, also wie man ein Layout so aufbaut, dass es auf jedem Bildschirm sauber aussieht. Am Ende konnte ich eine komplette Seite strukturieren und veröffentlichen, ohne eine Zeile Code zu schreiben. Schade war nur, dass der Teil über Animationen recht knapp ausfiel und ich mir da mehr Beispiele gewünscht hätte. Trotzdem eine klare Empfehlung für alle, die professionell aussehende Seiten bauen wollen.

Ava Santos PH 認証済み受講者
★ 5 · 02.06.2026

Matagal ko na gustong matutunan ang Webflow pero natatakot ako dahil akala ko kailangan pa rin ng coding, pero itong course pala ay talagang para sa mga baguhan. Malinaw na malinaw ang pagtuturo kung paano i-structure ang isang page mula sa layout hanggang sa mga detalye ng design. Ang parte tungkol sa paggawa ng responsive na site, na maayos tignan sa mobile at desktop, ang pinaka-natutuwa ako dahil dati ito ang pinaka-nakakalito sa akin. Sunod-sunod ang mga ehersisyo kaya hindi ka basta nanonood lang, gumagawa ka talaga habang natututo. Sa huli nakapag-publish na ako ng sarili kong website nang walang tulong ng developer. Sobrang saya na makita agad ang resulta ng ginawa mo.

Mohamed Ali KE 認証済み受講者
★ 5 · 28.05.2026

Webflow सीखने से पहले मुझे लगता था कि बिना कोडिंग के प्रोफेशनल वेबसाइट बनाना मुश्किल होगा, लेकिन इस कोर्स ने वो सोच पूरी तरह बदल दी। शुरुआती लेक्चर्स में लेआउट और सेक्शंस को स्ट्रक्चर करना सिखाया गया, जो बहुत ही व्यवस्थित तरीके से समझाया गया है। मुझे सबसे ज़्यादा वो हिस्सा पसंद आया जहाँ मोबाइल और डेस्कटॉप दोनों के लिए रिस्पॉन्सिव डिज़ाइन बनाना सिखाया गया। हर वीडियो के बाद खुद प्रैक्टिस करने का मौका मिलता है, जिससे चीज़ें दिमाग में बैठ जाती हैं। कोर्स खत्म करने तक मैंने अपनी खुद की एक पूरी वेबसाइट बना कर पब्लिश भी कर दी। जो लोग बिना कोड लिखे प्रोफेशनल वेबसाइट बनाना चाहते हैं उनके लिए ये कोर्स सच में बहुत मददगार है।

レビューを書く

送信後にサインインを求めます — 下書きは保存されます。

他の受講者はこれも

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 14日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業