デザインプロセス ゼロトゥワン : Figmaで企画からデザイン、デリバリーまで

すでに2万人以上が学習し、満足した最高のプログラミング入門講座。 Inflearnが非専門家の立場から直接企画、準備したプログラミング入門講座で、プログラミングをまったく触ったことがない人から実際に活用可能なプログラミング能力まで向上できる講座です。

Excel をデータ分析ツールとして活用して業務に価値を加えることができます。 Excel の基本的な概念を幅広く、詳細に学習できる基本的な Excel 講義です。

世界で最も多くの人々が使用しているコラボレーションツール、Figmaを学んでみましょう! UIデザインのスケッチ、プロトタイピング、コラボレーションのためのデザインツールFigmaの基本的な使い方と実務的な使い方を学びます。

幅広い Python 開発経験とオンライン/オフラインの授業経験を基に、Python メタプログラミングと深い文法を扱うコースです。さらに、Python 就職活動中の面接や経験者の技術面接にも役立つカリキュラムを用意しました。また、自分で作成したライブラリを PyPI (Python Package Index) に直接配布するプロセスも説明します。

この講義は、Python の基礎を学んだ学習者が Python を実務に活用できるように、高度な文法を学ぶことに重点を置いています。Python の独自の特徴を理解して素早く習得することで、中級レベルのプログラミングに慣れることができます。

Pythonの基礎文法知識に基づいて簡単な例から難しい例に難易度を高めていきます。 この過程で一人で学習する方法、しっかりとした文法知識の習得、基本基盤を確実に固めることになります。 さらに、Pythonプログラミングのよく使用されるパターンを学びます。

技術面接対策として、OS の知識を基盤に、マルチスレッド、マルチプロセッシング、並列性、並行性などの文法を扱うためのコースです。複数のリソースを使用して実行効率を高める方法に関する基本知識を学びます。

初めてプログラミングを始める方のためのウェブ開発入門講座です。HTML、CSS、Javascriptを学び、Instagramの投稿カードを作成することで、ウェブページ制作に不可欠な基礎内容を学習します。

Pythonを使って本番投資に役立つツールを作りたいですか？このレッスンでは、Python中級者向けの金融データ分析用のインタラクティブWebダッシュボードを作成し、深刻な定量化作業のためのペアトレーディング戦略について学びます。皆さんだけの有用な分析ツールを作って金融データをより強力に分析し、賢明な投資決定を下すのに役立つことを願っています。

Pythonを活用して、あなただけの指標を作成し、便利に証券を分析できるようになるツールを作ってみましょう！

<2025 知彼知己リレーライブキャンペーン>の一環として1月23日に実施した、フンボタン チョン・フンスさんのライブ映像です。

基本概念から一歩ずつ説明し、実際にウェブ環境で動作する様々なアプリケーションを作成する実習を通じて、実践的な知識を身につけられるようサポートします。この講座をすべて修了すれば、プログラマーとして即戦力になれます。

成長する IT 人の祭典、インフコン 2024 で行われたオープニングおよび発表セッションを動画で再視聴できます。

この講座は、Excel の基本を理解している方に、中級以上のレベルでデータ分析と視覚化チャートの作成方法を教える講座です。この講座で、Excel を完全にマスターできます。

生活コーディングの最初のウェブ開発講義、<WEB 1 - HTML & Internet>のリニューアル版が、インフラン（Inflearn）限定で公開されます！

前） トス Product Designer カン・ヨンファ様と Inflearn が共にしたプロダクト・デザイン・ミットアップの現場を盛り込んだ講義です！ 10年目のプロダクトデザイナーの数々のインサイトや業務ノウハウを学べます！

1月31日夕方7時に行われたミットアップ映像です。

本講座では、AIプロダクトを企画しデザインする際に必要となるUX原則と実践的なノウハウについてお伝えします。ユーザー価値中心のAI活用法、AIを活用したUX企画およびデザイン方法、日常の中のデザイン事例から学ぶ核心的なUX原則と理論、より良い体験を提供するためのUXリサーチおよびデータ分析法について学びます。

実装したいアプリ/ウェブアイデアはあるが、アプリサービス企画経験がなく、どのように始めなければならないのか幕を開けたスタートアップ代表、短期間に企画を体系的に学びたい実務者、キャリアの企画業務プロセスとノウハウを学びたいジュニア企画者とも専門家ができるようにフィグマを活用した新しい企画方式とPM 17年次の業務スキルを基礎からじっくりお知らせします。

コーダー（パブリッシャー）への就職や実務において、最も競争力となるモバイルウェブ制作能力を向上させることができます。コーダーとしてモバイルウェブを制作するための、ほぼすべての制作手法とノウハウを固めることができます。特に、最近のコーダーや開発者に求められるデザイン能力をフィグマ（Figma）の学習で大幅にカバーできるよう、FigmaによるモバイルウェブUIデザイン作業のプロセスも詳細に説明しました。モバイルウェブパブリッシング授業の最大の強みであるHTMLワイヤーフレームの詳細な作成法を、すべてのページ一つひとつ丁寧に解説します。講義を通じて、HTMLワイヤーフレームの制作能力が大きく向上するはずです。モバイルウェブパブリッシングは、CSS変数（Var）を活用してモバイルやタブレットに最適化したレイアウトを完璧に合わせる学習を通じ、実務とほぼ遜色のないレベルの作業能力を身につけることができます。Flexレイアウトを中心に、中上級のCSS実践能力を十分に備えることができます。

B2Bプロダクトを作成しながら、これを扱うコンテンツがないので、苦しくなりませんでしたか？ B2BとB2Cのプロダクトの共通点と、違いを映画の実際のキャリアに基づいて分かりやすく説明しましょう。

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

CSS Gridは、複雑なレイアウトも簡単かつ直感的に実装できる強力なツールです。今回の講義では、CSS Gridの核心概念から実践活用法まで段階別に分かりやすく学べるように構成しました。もう複雑なfloatやflexboxに縛られず、効率的なレイアウト設計の定石を学びましょう！今すぐ始めましょう！

ソ・ジャヨン様、キキ様、カン・ヨンファ様がこれまでキャリアで経験した事例に基づいてセルフ成長法とソフトスキルについて話します。

デザインからコーディング、デプロイまで網羅したフルスタックコース！！ [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel デプロイ] 自分のデザインをそのままVibe Codingで完成！ AIを活用して作業生産性を5倍高めるフルスタック攻略本！ デザインもコーディングもすべてこなせるフルスタックデザイナーに、あなたもなれます。 ✅ デザインの意図まで1ピクセルの誤差なく具現化 ✅ AIが理解できるデザインを設計 ✅ AIを正確にコントロールするプロンプト作成 ✅ AIが自動生成したコードも分析して修正 といった実務ワークフローを学びます。 本講義は、第1次・第2次に分けて公開される連載形式の講義です。 ✅ 第1次オープン：2026年2月22日 - Figma - デスクトップモードのデザイン - Figma - Variables登録および命名規則 - Figma - タブレットモード＆モバイルモードのデザイン - Vibe Codingのための準備 - 実践！Vibe Coding - Tailwind適用リファクタリング - Gitバージョン管理およびGitHubデプロイ ✅ 第2次オープン：2026年3月9日（順次公開） - React.jsリファクタリングおよびVercelデプロイ - JavaScriptによるインタラクティブウェブの実装

今、AIの力で誰でも簡単にアプリを企画し、UIを描けます！ コーディングを知らなくても、UI経験がなくても大丈夫です。Claude、ChatGPTのようなAIツールがあなたのアイデアを現実のものにします。たった数回の質問だけでターゲット顧客を分析し、アプリの構造を設計し、さらにはUI画面まで自動で生成できます。 この講座では、Figmaを初めて触る方も、基礎から段階的にお伝えします。手描きでなくともHTML to Designプラグインで既存のウェブサイトUIを一括で取り込め、Google Stitchやreaddy.aiのようなAIツールで数秒で完成度の高い画面を作成できます。 起業を夢見る方、プランナーへの転身を考えている方、開発者とコミュニケーションを取りたい方、全ての方にぴったりの講座です。複雑な理論ではなく、すぐに使える実践的なノウハウだけを厳選してお伝えします。これからはアイデアさえあれば誰でもアプリサービスを企画できます！

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

リサーチの自動化からバックエンドのデータ連携、さらには実際のライブ動的ウェブをデプロイする過程までを網羅し、個人が製品のライフサイクル全体を主体的にリードできるフルスタックの視点を養うことを目的としています。AI時代の競争力を強化したい方々に、アイデアを具現化する強力なエンジンとして活用する力を提供します。

きれいな画面100個より、動くプロトタイプ1個！Figmaの条件付きロジックで本物のように動作するプロトタイプを作成し、AI時代でも揺るがないデザイン思考力を養いましょう。

この講義では、Figmaのデザインをウェブページとして実装する過程を段階的に説明します。画像の保存からHTML、CSSの作成、JavaScriptの作成まで、全般的なウェブパブリッシングの実務を扱います。初心者でも簡単に 따라 할 수 있도록 体系的に進められます。実習中心の学習を通して、ウェブデザインを効率的にコードに変換する方法を学ぶことができます。

HTML、CSS、JavaScript(jQuery)の基礎はありますか？でも、ウェブサイト全体をどう作ればいいのかよくわからないですか？それなら、デザインを参考にしてショッピングモールのメインページの実装に挑戦してみてください。完成されたデザインを参考に、企画意図やデザインの詳細な事項を把握し、ウェブサイトを実装するノウハウをお教えします。

AI技術とUXデザインが結合するAX時代、プロダクトチームはどのような戦略で顧客体験を設計すべきでしょうか？ 17年キャリアの大企業責任研究員であり、HCI博士出身の知識共有者が最新トレンドと活用事例、研究結果に基づいてお教えします。

データアナリストもユーザーリサーチャーもいない小さなスタートアップを7社も渡り歩き、多種多様な試行錯誤を繰り返してきました。UXを設計する人が直面しうる様々な現実的な困難と、その困難を乗り越える過程で得られた深いインサイトを共有します。

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

IRデッキを作成したものの、「説得力に欠ける」というフィードバックを受けたことはありませんか？ ほとんどの問題はデザインではなく、メッセージの構造にあります。 実際のIRデッキ設計の経験に基づき、投資家視点でのストーリー設計基準をまとめました。 ビジュアルを超えて構造を設計する、実務型デザイナーへと成長するための授業です。

「生成AIを活用して企画・デザイン・実装・デプロイまで完成させるWeb開発実践プロジェクト講座」 アイデアの構想から始まり、AIでデザインをパッと作成し、Reactで実際に動作するウェブサイトの実装、そしてインターネットへのデプロイまで、すべての過程をステップバイステップで一緒に完成させます。 StitchやFigma Makeといった最新のAIツールがデザイン作業をサポートし、複雑なコーディングも段階ごとに簡単に進められるようお教えします。

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