非専門家でも簡単に学べるClaudeデザイン

Webアニメーションの花、スクロールアニメーション！ GSAPをより強力に使用できるScrollTriggerについて学びます。

「GSAP こんなことまで可能だった？」 アニメが複雑で難しいという既存の固定観念を悟ります。

GSAPを使用すると、インタラクティブWeb開発に一歩近づくことができ、アニメーションの視点が変わります。

この講義を通してデザインシステムを構築し、私のデザインワークが持つ爆発的な相乗効果を感じてください。

AI初心者と非開発者のためのClaude（クロード）実践活用講座です。Claudeを活用したPPT、コンテンツ、YouTube動画、詳細ページなど、実務ですぐに適用可能な成果物を直接作成します。コーディングなしでもAIを活用して業務生産性を極大化する方法を学びます。

デザイナーたちに最も脚光を浴びるツール、フィグマ！ AIで簡単に作って脚光を浴びるUX/UIデザイナーになる！

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

PPT、エクセル、画像、動画、さらにはライブコーディングまでスマートにこなすAIスーパーエージェント、Genspark（ジェンスパーク）！ Gensparkだけを深く扱った講義や本がなくて、待ち望んでいたのではないでしょうか？！ 受講生100名の評価 4.8 ⭐️⭐️⭐️⭐️⭐️ 私が1年間使用した後、詳細な機能をすべて整理し、膨大な学習資料と4時間の講義にまとめました。 知って使えば業務をすべて解決してくれ、知らずに使えばクレジットばかりを大量に消費してしまうGenspark。 この講義を通じて、活用度を300%引き上げてみてください！

不器用な人でもそれらしい画像を作れる最小限のFigma機能とデザイン公式 そして広告企画法と画像制作実習まで

Figmaの基本ツールの使い方からプロトタイピングまでを軽やかに学び、非専門家がアプリ企画の際に直接Figmaで画面を描けるようになることを目標としています。

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

セルフィッシュクラブのAI実務チームである「利己的メンバーシップ」クルーたちの実践的なAI活用ノウハウや多様な事例を一度に！

「毎日繰り返される単純作業、高いAIツールのサブスク料金に疲れていませんか？」 この講義では、コーディングを全く知らなくても、直感的な「ノード（Node）」をつなぐだけで、あなたの業務を180度変えてくれる「自動化AIエージェント」を作る方法をお教えします。既存のOpenCloのようなツールが抱える「高コスト」の問題を解決するために、単純な演算はコンピュータが素早く処理し、必要な瞬間にだけAIを呼び出す賢い自動化設計法を学びます。YouTubeの通知から領収書の家計簿管理、RAGドキュメント探索、メールの自動返信まで、9つの実践的な例を通じて、ほぼ無料に近いコストで自分だけの24時間オーダーメイド型AI秘書を直接構築してみてください！

AI時代にプロダクトデザインと教育はどのように変化しているのでしょうか？ フィグマ公式コミュニティ、FoF Seoul & Educators が共同で主催し、ミートアップを開催しました。 AI時代のプロダクトデザインと教育に関する様々な事例、テーマと共に、フィグマを愛するグローバル業界の登壇者たちの関連セッションをご覧ください。

AIと自動化ツールを活用し、自分だけの電子書籍を効率的に制作する完全なワークフローを学びます。Marpを活用したスライド制作からPandocでのPDF/EPUB変換、MySQLデータベース管理、カバーデザイン、出版準備まで実務で即座に適用できる体系的な制作プロセスを段階別に案内します。

このコースは、単なるAIチャットを超えて、AIエージェントを活用し実際に業務を処理したいと考えている方々のために用意されました。 多くの受講生がすでにChatGPTやClaudeを使用していますが、依然として繰り返される業務、散漫なワークフロー、過度な調査作業、生産性の低下といった問題に悩まされています。問題の多くはAI自体にあるのではなく、業務を体系的に整理し、明確な指示を出し、信頼できるワークフローを構築する方法を知っているかどうかにあります。 この講座では、Claude Coworkの実際の活用法をステップバイステップで案内します。理論だけに集中するのではなく、プロジェクト管理、ブラウザ自動化、会議の準備、持続的なメモリシステム、スキル、プラグイン、デスクトップ制御といった実用的な例を通じて実習します。 このコースは初心者でも簡単に進められるよう、すべての内容をシンプルかつ実用的な方法で説明します。コースを終える頃には、受講生の皆さんはリサーチ、計画、整理、自動化、そして日常業務において、Claude Coworkを真の生産性パートナーとして活用する方法を理解しているはずです。

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

本講義では、Microsoft 365エコシステムのスマートな業務パートナーであるM365 Copilotを中心に、セキュリティと著作権が保護された環境でAIを活用して業務革新を実現する方法を扱います。Copilotの主要機能と様々なMicrosoft 365サービスとの連携活用方案を紹介し、正確で効果的な回答を引き出すためのプロンプティング技法も併せて提示します。

AIを導入したものの、依然として反復業務に時間を取られていませんか？ 問題はAIではなく「システム」です。この講義では、Notion AI一つで業務秘書、コンテンツ秘書、マーケティング秘書、顧客管理秘書、個人生産性秘書まで、6つのAI秘書チームを自ら構築するプロセスを案内します。 実務で数百件の反復業務を自動化してきた経験をもとに、メモの整理から会議録の自動生成、ブログ執筆、CRM構築、カカオトーク通知メッセージの自動送信まで、実際のワークフローを最初から最後まで一緒に作り上げます。 受講後には、Notionのビジネスプランだけで、自分だけのAI秘書チームが自動で働くシステムを手に入れることができます。

Obsidianを単なるメモ帳から個人の知識データベースへと進化させ、Claude Codeを活用して自分のノートや文書を理解するAIアシスタントを構築します。反復作業を自動化するワークフローを自ら制作し、日々の作業や学習内容が複利で積み重なり、自分だけのノウハウへと変換される知識システムを完成させます。

Claude Codeは、現在最も強力なAIコーディングエージェントの一つとして急速に成長しています。しかし、単にClaude Codeをインストールするだけでは、生産性を最大限に引き出すことはできません。実際にClaude Codeを効果的に活用するには、コンテキスト管理、メモリシステム、スキル（Skills）、サブエージェント（Subagents）、エージェントチーム（Agent Teams）といった高度な機能を理解する必要があります。 本講義では、Claude Codeのインストールおよび初期設定から始まり、実務で活用される高度なワークフローまでを段階的に学習します。 受講生は、Claude CodeをVS Codeと連動させ、さまざまなモデルを選択・活用する方法を学びます。また、Context Engineering、Memory管理、Skills、Subagents、Agent Teamsを活用して、複雑な開発作業を効率的に遂行する方法を習得します。 講義の後には、Claude Codeを単なるAIチャットボットではなく、実際の開発生産性を高めてくれるAI開発パートナーとして活用できるようになります。 講師は、実際のAI開発およびソフトウェアプロジェクトの経験に基づき、Claude Codeを実務に適用する方法を解説し、受講生がよく直面するコンテキスト管理の問題、トークンの浪費、非効率的なプロンプト作成の問題などを解決できるようサポートします。

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

Figmaデザイン + AI活用コーディング + デプロイまでフルスタックコース！！ [Figma + バイブコーディング (HTML/CSS/Tailwind/React) + Git + vercel デプロイ] 自分のデザインそのまま！！1ピクセルの誤差もなくバイブコーディングで完成！ AI活用で実務の生産性を5倍高めるフルスタック攻略本！ デザインもコーディングもすべて可能なフルスタックデザイナー、あなたもなれます。 ✅ デザインの意図まで一ピクセルの誤差なく具現 ✅ AIが理解するデザイン設計 ✅ AIを正確にコントロールするプロンプト制作能力 ✅ AIが自由に作成したコードをサクサク修正する能力 デザインからコーディング、デプロイまで1/5に短縮される驚きの体験をお届けします。

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