【日本語版Webflow University】 日本語版Webflow Universityで基本機能を徹底解説
Webサイト制作のためのノーコードツール『Webflow』。Webflowが日本語対応していないことから、英語はおっくう、、、でもノーコードでイケてるサイトを作りたい、という（私みたいな、、、）方向けに、Webflowの解説サイト『Webflow University』の日本語版を開校しました。初心者でも分かりやすく、Webflowの基本的な使い方を機能ごとにシリーズで解説していきます。
See More【日本語版Webflow University】 デザイナー画面の紹介
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、実際にサイト構築する際に使用する「Designer画面」について簡単に解説しています。Webflowとは何か？Webflowの始め方が分からない。という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 HTMLとCSSの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、実際にサイト構築する際に必要な基礎知識「HTMLとCSS」について簡単に解説しています。Webデザイナーになりたい方だけでなく、社内でWebflow運用を考えている方にもおすすめの入門書です。是非ご覧ください。
See More【日本語版Webflow University】 ボックスモデルとは
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、実際にサイト構築する際に必要な知識「ボックスモデル」について簡単に解説しています。 Webflowを使ってイケてるサイトを作りたい、Webflowを自社で運用してマーケティング活動に活かしたいという方必見の内容となっています。
See More【日本語版Webflow University】 要素の階層構造
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、実際にサイト構築する際の基礎知識「要素の階層構造」について簡単に解説しています。Webサイトは要素1つひとつが階層構造になってできています。また、Webflowはこの階層構造を可視化することでより操作しやすいツールになっています。Webサイトを理解するカギとなる内容です。
See More【Webflow】 Webflowの日本国内サイト事例17選
近年注目を集めているものの、まだまだ国内では事例が少ないWebflow。Webflowの良さを具体的に知りたい、社内に説明するときにWebflowの事例が欲しい、という方のために、Webflowで制作されたサイトを、国内最多掲載17サイト集めました。サイトのデザインや用途など実例を元にWebflowの良さを実感してください。
See More【日本語版Webflow University】 ナビゲーターパネル
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能「ナビゲーターパネル（Navigator Panel）」について簡単に解説しています。Webflowとは何か？Webflowの始め方が分からない。という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 エレメント追加パネル
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能「エレメント追加パネル（Add Elements Panel）」について簡単に解説しています。Webflowとは何か？Webflowの始め方が分からない。という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 要素解説「セクション」
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、サイトの構成を決める基本要素「セクション（Sectionl）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 コンテナ
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、サイトの構成を決める基本要素「コンテナ（Container）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 コラム
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、サイトの構成を決める基本要素「コラム（Column）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 ディブブロック
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、サイトコンテンツの骨格要素「ディブブロック（Div Block）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 フォーム（問い合わせフォーム）
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、コンバージョンの要「フォーム（Form）」について簡単に解説しています。Webflowで問い合わせフォームを実装したサイトを作りたい、Webflowの問い合わせフォーム機能の使い方を知りたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 ナビゲーションバー
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、回遊率・PV数の要「ナビゲーションバー（Navbar）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 スライダー
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、サイトUXの要「スライダー（Slider）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【Webflow】 クライアント向けエディター画面の操作説明書
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの目玉機能の一つであり、お客様自身で手軽にサイト更新を可能にするパワフルツール『Editor』について簡単に解説しています。Webflowの強みを知りたい、Webflowでサイトを運用してみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 シンボル
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本要素であり、効率的にサイト構築するための便利機能「シンボル（Symbol）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 サイズ
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能であり、サイト制作に必須の知識「サイズ（Size）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 スタイル パネルの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflow注目の機能の一つであり、サイト制作をパワフルに効率化する「スタイルパネル（Style Panel）」について簡単に解説しています。Webflowがなぜ効率的なのか、なぜほかのツールよりも優れているのかが分かる内容になっています。
See More【日本語版Webflow University】 HTMLタグ
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「HTMLタグ」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 クラス
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「クラス（Class）」について簡単に解説しています。Webflowがなぜ効率的なツールなのか、Webflowがなぜ柔軟で自由度の高いツールなのかが分かる内容となっています。
See More【日本語版Webflow University】 Webタイポグラフィ（フォント）の設定
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能であり、サイト制作に必須の知識「Webタイポグラフィ（Typography）」について簡単に解説しています。フォントなどWebflowの基本的な使い方が知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 ステート
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「ステート（State）」について簡単に解説しています。UXの優れたサイトをWebflowで作りたい、Webflowがなぜ柔軟で自由度の高いツールなのか知りたいという方におすすめの内容となっています。
See More【日本語版Webflow University】 スペーシング
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能であり、サイト制作に必須の「スペーシング（Spacing）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 ディスプレイの設定
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「ディスプレイ（Display）」について簡単に解説しています。Webflowがなぜ効率的なツールなのか、Webflowがなぜ柔軟で自由度の高いツールなのかが分かる内容となっています。
See More【日本語版Webflow University】 フレックスボックス
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「フレックスボックス（Flexbox）」について簡単に解説しています。Webflowがなぜ効率的なツールなのか、Webflowがなぜ柔軟で自由度の高いツールなのかが分かる内容となっています。
See More【メリット解説】 なぜWebflowは採用サイトに強いのか？
今回は採用サイトを例に挙げて、なぜWebflowが採用活動に向いているのかについて「メリット」と「機能・事例」の観点から解説したいと思います。Webサイト制作をご検討中の企業様からWebサイト制作会社のご担当者、フリーランスの方々まで、ご興味持っていただける内容になっています。是非ご覧下さい。記事中では当社が制作させていただいた『船井総研デジタル様』の採用サイト事例を交えて、できる限り具体的にイメージをもっていただけるように努めています。
See More【メリット解説】 なぜWebflowはブランディングに強いのか？
世界的に注目を集めているWebflow。しかし、まだまだ身近な事例が無く、Webflowの何がいいのか分からない方も多いのではないでしょうか？そんな方々のために、今回はブランディングにを焦点を当てて、Webflowの「メリット」について解説します。実際に当社で制作された『ミツワ総合地所様』のコーポレートサイトを例に、具体的で分かりやすい内容となっています。
See More【Webflow プロジェクトストーリー】 Webflowが導いたデザイン会社の行く末
これはあるデザイン会社が、WordPressからWebflowに移行した理由と変遷のストーリーです。「WebflowをWordPressの代替品として使いたいわけではなく、新しいカテゴリーとして捉えています。私たちの一番の目標は、あなたが見た一番かっこいいウェブサイトを構築したのが他の何物でもない、Webflowであることです。」デザイン会社代表より
See More【日本語版Webflow University】 グリッド
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowがサイト制作を大幅に効率化するカギとなる「グリッド（Grid）」について簡単に解説しています。Webflowがなぜ効率的なツールなのか、Webflowがなぜ柔軟で自由度の高いツールなのかが分かる内容となっています。
See More【メリット解説】 なぜWebflowはマーケティングに強いのか？
世界的に注目を集めているWebflow。しかし、まだまだ身近な事例が無く、Webflowの何がいいのか分からない方も多いのではないでしょうか？そんな方々のために、今回はブランディングにを焦点を当てて、Webflowの「メリット」について解説します。実際に当社で制作された『凸版印刷様』のイベントサイトを例に、具体的で分かりやすい内容となっています。
See More【日本語版Webflow University】 CSSポジション設定
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの基本機能であり、サイト制作に必須の知識「CSSポジション（Position）」について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More【Webマーケティング】 マーケティングを強化するデザインシステムの構築方法
マーケティングのためのデザインシステムを構築することで、より速くオリジナルなページを構築することができるようになります。これは、Web制作よりもWebマーケティングに対して、大きな変革をもたらします。デザインシステムがもたらすメリットと、デザインシステムの購入方法について、詳細にご説明いたします。
See More【Webflow Tips】 Webflowでサイトリリースする方法 - 注意点も解説 -
高い効率性と自由度を兼ね備えるサイト制作ツール『Webflow』。国内事例が少なく、日本語対応もしていないため、なかなか日本で使いこなすのは難しい状況にあります。そこで、実務で活きるWebflow Tipsとして今回はクライアントへの納品時などWebflowでサイト公開するための詳しい手順について解説します。
See More【日本語版Webflow University】 レスポンシブデザインの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、レスポンシブデザインでサイト制作するための基礎知識について簡単に解説しています。Webflowの使い方を知りたい、Webflowでサイトを作ってみたい、という方にぜひ見ていただきたい内容になっています。
See More最強のサイト制作ノーコードツール『Webflow』とは？ - メリットについて数字を交えてご紹介 -
WebflowはHTMLやCSS・JavaScriptのコーディング作業を無くし、Webデザイナーやマーケター、企業のWeb担当者など、コーディングの知識がない人でもサイト制作ができるノーコードツールです。これまでの制作プロセスを大きく変え、サイト構築に革命を起こすと言われているWebflowについて、その機能やメリットを徹底解説していきます。
See More【日本語版Webflow University】 ブレイクポイントの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowでレスポンシブデザインを制作するための「ブレイクポイント機能」について簡単に解説しています。Webflowがなぜ効率的なツールなのか、Webflowがなぜ柔軟で自由度の高いツールなのかが分かる内容となっています。
See More＜最速＞ 【2022年11月版】 Webflow大型アップデート速報
2022年11月10日～11日に開催された「Webflow Conference」では、様々なWebflowの大型アップデート情報が発表されました。Webflowの全13個の発表を日本語に翻訳し、皆さんにいち早くお届けします。
See More【日本語版Webflow University】 インタラクションの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowのインタラクション機能についての概要を説明しています。Webflowで作ったサイトに動きを付けたい、Webflowの使い方を知りたい、Webflowで何ができるのか知りたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 トリガーとアニメーション
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowのインタラクション機能の設定方法について詳細に説明しています。Webflowで作ったサイトに動きを付けたい、Webflowの使い方を知りたい、Webflowで何ができるのか知りたい、という方にぜひ見ていただきたい内容になっています。
See More【速報 / Webflow】 無料で制作パートナーを自社のアカウントに招待できるようになりました。
Webflowの「Agency Plan」または「Freelancer Plan」を契約しているユーザーが、クライアントのワークスペースに無料で招待できる新機能が追加されました。 この投稿では、Webflowが発表した新機能について翻訳し、速報で公開しています。
See More【Webflow Tips】 無料で制作パートナーを自社のアカウントに招待する方法
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowの新機能である「ゲストの無料招待」についての操作方法を説明しています。クライアントのアカウントでWebflow構築することになった方や、チームでWebflow構築に取り組みたい方向けの内容になっています。
See More【日本語版Webflow University】 動的コンテンツの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、ブログやメディアサイトなどで必須の基礎知識「静的コンテンツ」と「動的コンテンツ」の違いについて簡単に解説しています。そもそもサイト制作について勉強中の方や、Webflowの使い方を知りたい、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 Webflow CMSの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、WebflowのCMS機能についての概要を説明しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More【Webflow新機能】 コンポーネント機能の使い方
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、22年11月に発表された新機能「コンポーネント」について詳細にかいせつしています。Webflowの最新の内容をキャッチアップしたい、Webflowでより効率的にサイト構築したい、Webflowの技術力で他と差別化したい、という方にお勧めの内容となっています。
See More【日本語版Webflow University】 コレクションリスト
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、WebflowのCMS機能を使って一覧ページを構築する方法について説明しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 コレクションリストのフィルタ機能について
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webflowのコレクションリスト（動的一覧コンテンツ）にフィルタを掛ける方法について説明しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 コレクションページの構成とスタイリング
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、WebflowのCMS機能を使って生成される動的ページのテンプレートをデザインする方法を解説しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 エディター機能の概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、Webに詳しくない方でもWebサイトを簡単に更新できるEditor（エディター）機能の基本的な使い方について解説しています。静的ページも簡単に更新できる優れものです。
See More【日本語版Webflow University】 CMS解説_プレーンテキストの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、WebflowのCMS機能で使えるフィールドの一種「プレーンテキスト」で出来ることを紹介しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More【日本語版Webflow University】 CMS解説_リッチテキストの概要
Webflowの基本的な使い方を分かりやすく日本語で解説します。この記事では、WebflowのCMS機能で使えるフィールドの一種「リッチテキスト」で出来ることを紹介しています。Webflowでブログを作ってみたい、WebflowのCMS機能はどうなっているの？、という方にぜひ見ていただきたい内容になっています。
See More