[LottieFiles公式] LottieFiles for Webflow : Lottieで完成するインタラクティブウェブサイト（修了証発行）

グローバルモーションデザインプラットフォームLottieFilesの公式初韓国語化講座、今Inflearnで独占的にご覧いただけます！講座を全て受講するとLottieFiles公式修了証を受け取ることができます。

アップルのウェブサイトによく登場する高度なインタラクション効果を最初から直接開発する方法を学ぶことができます。

グローバルモーションデザインプラットフォームLottieFilesの公式初となる韓国語講座を、今すぐInflearn（インフラン）で独占公開中！講座をすべて修了すると、LottieFiles公式修了証を受け取ることができます。

初心者でも無料でおしゃれにプロフェッショナルなウェブサイトやランディングページを制作したい方へ。Canvaを使って、サクッと魅力的なウェブサイトを作る方法を学びましょう。起業・副業ビジネス用のLPやプロフィールページにも

Web開発の第一歩を踏み出しましたか？ HTML、CSS、javascriptを始めたばかりの方に、特別なご提案です！ モバイル時代に合わせてモバイルウェブサイトを作りたいけれど、どこから始めればよいのか迷っていませんか？ ご安心ください。 Figmaのモバイルデザインを実際に分析・実装しながら、自然にレスポンシブWeb開発の核心を学んでみましょう。洗練されたモバイルデザインをもとに、ユーザーの心をつかむ繊細なインタラクションから、さまざまな画面サイズに完璧に適応する技術まで、すべてを一緒に学んでいけます。 さあ、あなたのウェブサイトがあらゆるデバイスで輝くよう、ノウハウをお伝えします。一緒に始めてみませんか？

デバイスに応じてレイアウトが変更されるレスポンシブなWebページを作成するために、Bootstrapを活用する方法について解説した講義です（改訂版）。

自分の映像にぴったりの自分だけのモーショングラフィックスを作りたい方のための講座です。

HTMLで作ったカフェホームページをCSSで美しく装飾する実戦プロジェクト講義です。 色彩、レイアウト、タイポグラフィからFlexbox、Grid、アニメーション、レスポンシブデザインまでCSSのすべての基礎をミンジとコード先生のストーリーを追いながら自然に学ぶことができます。 4時間の学習で初心者もプロフェッショナルなWebデザインを完成させることができます。

この講義は、人気のデザインツールであるCanva（キャンバ）を使用して、オンライン講座、ショッピングモールなどで使用される商品詳細ページをデザインする方法を教えてくれる入門講義です。

問題定義からリサーチの整理、アイディエーション、プロトタイピングまで！AIを実践パートナーとして活用し、完成度の高いUX/UIポートフォリオをスピーディーに作成します。最新のAIツールはもちろん、実務で使い続けられている検証済みのツールまで、プロジェクトに合わせて戦略的に活用できます。

Canvaの基本インターフェースから実践的な活用方法まで、段階的に学ぶ講座です。プロモーションポスターやチラシ、SNSコンテンツなど、実務ですぐに活用できるデザインの制作方法を身につけ、履歴書やポートフォリオなどの個人ブランディング資料も実際に作成します。ブランドセンターやCanva AIの機能を活用して、一貫性のあるデザインシステムを構築し、作業効率を高める方法まで扱います。

Bootstrap(BOOTSTRAP)を活用したレスポンシブWebページ作成[2024年改訂版]の実際の制作授業として、デバイスに応じてレイアウトが変わるレスポンシブWebの実務ページをBootstrap4を活用して直接制作してみます。

画像生成AIの代表的なツール、ミッドジャーニー！ 基本的な使い方から、実際のデザインプロジェクト実習を通して実務への応用まで、一度に！

AI活用とコンポーネント中心UI制作で学ぶ実務型Web UI開発、 デザイナー＋開発者必須コース！

カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて 素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

各回の例題とともに学ぶシステム教育で、途方に暮れていたAfter Effectsがようやく体系的に見えてきます。

これ以上Gif、Videoに頼る必要はありません。アフターエフェクトで制作したアニメーションをコードで出力し、JavaScriptでさまざまなインタラクションを実装する方法を学びます。あなたも魅力的なウェブサイトを作ることができます。

🎬 退屈なPPTにセンス一匙？ 今度は「モーショングラフィック」で完成させましょう！ PPTにモーションを入れるとダサいって？違います。 今やPPTのモーションは発表を超えて、コンテンツ全体を活かす武器です。 ✅ なぜモーションが必要なのでしょうか？ 📌 退屈な発表に生動感を与えるモーション 📌 重要なメッセージを瞬間的に強調するモーション 📌 複雑な内容を直感的に伝えてくれるモーション 📌 詳細ページに活気を加えるGIFモーションバナー 📌 SNS・ショート・YouTube動画内のカット代替用モーション要素 今やPPTモーションは選択ではなく必須！ 発表、マーケティング、教育、ブランディングまで 動くコンテンツを求めるすべての実務に適用されます。 ✨ この講義では何を学びますか？ 🎁 3秒で適用完了！「PPTモーションテンプレート」30種 → デザイン例示 + オブジェクト原本まですぐに使用可能 🎁 専門的な活用のための「モーショングラフィックガイドブック」含む→ PPT初心者も体系的に学べるよう設計 🎯 誰のための講義ですか？ 📌発表資料をより洗練されたものにしたい会社員 📌詳細ページにGIFを直接入れたいマーケター 📌映像ツールなしでショート・SNSコンテンツを制作したいクリエイター 📌教育資料に集中度と理解度を加えたい講師/教師など 💡 今や映像ツールなしでも、たった一つのPPTだけで高品質モーションコンテンツ制作が可能です。 PPTだけで完成するモーショングラフィックのすべて、今すぐ体験してみてください。

小学生向けのコーディング教育から始まり、ITソフトウェア学科の高校生、コンピュータ工学科の大学生、そして非専攻の就活生を対象に、15年以上コーディング教育に専念してきた現役人気講師、ヨンコーディ・キム先生の分かりやすく面白いコーディング講義を、オフラインだけでなくオンラインでも受講できるようになりました。 500人以上のフロントエンド、バックエンド、フルスタック開発者を輩出してきたヨンコーディ・キム先生となら、あなたの開発者の夢もすぐに現実になります！

After Effects中級以上、実務で活用できる技術を説明します。 CC2023で説明しますが、バージョンに関係なく基本原理を中心にしました。 ツール説明で時間を無駄にせず、能動的な研究ができる材料を用意しました。