inflearn logo
知識共有
inflearn logo

ポートフォリオ サイトを作成して公開まで!: Web 開発入門活用編

HTML&CSS、JavaScript を学んだら、それらを利用して自分でポートフォリオ サイトを作成し、公開してみましょう。実際に使ってみると、私たちのスキルを向上させるのに大いに役立ちます。

難易度 入門

受講期間 無制限

HTML/CSS
HTML/CSS
JavaScript
JavaScript
github-pages
github-pages
Portfolio
Portfolio
HTML/CSS
HTML/CSS
JavaScript
JavaScript
github-pages
github-pages
Portfolio
Portfolio

お知らせ

23 件

  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです!

    プロジェクトが大きくなるにつれてCLAUDE.mdも一緒に肥大化し、Claudeが的外れなルールに従ってしまいます... モノレポでCLAUDE.md一つですべてを管理しようとするのは限界を感じます...

    最近このような悩みをお持ちの方が多いようで、今回の追加講義でしっかりとまとめました!

    今回の講義は、単にCLAUDE.mdを複数のファイルに分割するテクニックではありません。フォルダーごとにマニュアルを分けておくことで、Claudeが該当するフォルダーで作業する時だけ自動的に読み込むようにする、検証済みの戦略です。

    今回の講義で扱う内容

    • 下位CLAUDE.mdの核心原理 — 該当フォルダを作業する時だけ自動ロードされる構造

    • Umbraco CMSの実例 — CLAUDE.md 23個で大規模プロジェクトを管理する方法

    • Braintree/PayPalの実例 — 決済機能別CLAUDE.md26個の運用パターン

    • .claude/rules/ vs 下位のCLAUDE.md — いつ何を使うべきかの比較表

    • ファイルサイズガイドライン — CopilotKit(29K )の30行ルート CLAUDE.md 事例

    今回の講義の核心は、ルールを減らすことではなく、今作業しているフォルダのルールだけをClaudeに見せる方法です!

    👉講義を見に行く!

    😊受講中の皆様へ

    今回の追加講義は、受講生の皆様なら追加費用なしですぐにご受講いただけます!

    講義がお役に立ちましたら、受講レビューの一言が本当に大きな力になります。まだレビューを書いていない方は、短くても構いませんので残していただけると幸いです! 🙏

    👉受講レビューを書く

    🎯 まだ受講前の方へ

    今やAIコーディングツールを使うか使わないかではなく、いかに使いこなすかが実力の差を生む時代です。

    リリース4ヶ月で4,500人以上が受講しており、開発者だけでなくマーケター、データ分析家、学生、非開発者まで、多様な方々が参加しています。

    最近の受講レビュー

    ただただ最高です自分の知らない部分が本当に多いです。正直勉強することも多いですが、その分分かりやすく教えてくれて実用的です。マジでおすすめします

    現在、リリース4ヶ月で受講生4,000名突破を記念して、ジムコーディングの全講座25%割引を実施中です。知識共有者が設定できる最大割引率です。4/6(月)までの期間限定ですので、この機会をお見逃しなく!

    👉今すぐ割引価格で受講する


    ありがとうございます! 🙇‍♂~~!!

    0
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです!

    Claude Code完全マスター講義がリリース4ヶ月で受講生4,000人を突破しました。

    開発者だけでなく、マーケター、企画者、非専門家まで、本当に多様な方々が参加してくださいました。

    この数字がただ積み上がったものではないということを、受講生の皆さんのレビューを拝見するたびに感じております。心より感謝申し上げます 🙏

    その感謝の気持ちを最も直接的な形でお伝えしたくて準備しました。

    📌 ジムコーディング全講座25%割引イベント

    📌3/23(月) ~ 4/6(月) 深夜まで、ちょうど2週間限定で開催

    👉今すぐ割引価格で受講する


    まだClaude Codeの講義を受講されていないなら

    4,000人が選んだのには理由があります。

    • 永久無料アップデート — AIは毎週変わり、講義も常に追いついていきます

    • 実践プロジェクト4個完成 — 講義が終われば、自分の手で作ったサービスが4つ

    • 公式ドキュメントに基づいた学習 — Anthropic公式ドキュメントに基づき、情報の信頼性を確保

    最近の受講感想

    1回目では、一体何の話なのか、またなぜそのようにしなければならないのか、目的と意味が全く分かりませんでした。

    2回目から少しずつ慣れてきて、一人でプロジェクトを進められるようになり、必要な部分を探しながら進められるようになりました。

    3回目には十分に理解できた状態で見たので、大変だった1回目とは違って、楽しく講義を見ることができました。

    Claude Codeを一度も使ったことがなくても大丈夫です。最初から段階別に進めていきますから。

    👉受講生のレビューを見る


    Claude Codeをすでに受講中の方へ

    この機会にReact / Vue / Next.jsの講義をあわせて視聴されることをおすすめします。

    AIコーディングツールは、フレームワークを正しく理解しているほど100%活用が可能です。

    一緒に見るとシナジーが違います。

    👉ジムコーディングの全講義を見る


    いつも感謝しております 🙇‍♂

    ジムコーディングより

    0
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです。

    講義でCursorを使っていましたが、必ずCursorを使わなければなりませんか?
    VSCodeを使ってもいいですか?
    Anti-Gravityを使っていますが大丈夫ですか?

    この質問、Q&Aやコミュニティで本当にたくさんいただきました。そこで今回、すっきりと整理する講義としてアップデートしました!

    結論から申し上げますと、すべて可能です。 Claude Codeはターミナルで実行するツールなので、ターミナルさえあればエディタの種類は問いません。

    しかし、「なぜすべて可能なのか」、「ではなぜ講義ではCursorを使ったのか」まで知っておかないと、スッキリした気持ちで始められませんよね。今回の講義で、その部分を原理からしっかりと整理してお伝えします。

    アップデートされた講義 (セクション 5)

    今すぐ見に行く → Cursor AIのインストール:VSCode、Cursor、Antigravityの関係

    受講中の方々へ

    講義がお役に立ちましたら、受講レビューの一言が大きな力になります。皆様のレビューの一つひとつが、より良い講義を作る原動力です。まだレビューを残されていない方は、短くても構いませんので残していただけると本当に嬉しいです! 🙏

    👉受講レビューを作成する

    まだ受講前の方々へ

    今やAIコーディングツールを使うか使わないかではなく、いかに使いこなすかが実力の差を生む時代です。リリースから3ヶ月で4,000人が受講しており、開発者だけでなくマーケター、データ分析家、学生、非開発者まで、多様な方々が共に学んでいます。

    最近の受講レビュー

    1回目では、一体何の話なのか、またなぜそのようにしなければならないのか、目的と意味が分かりませんでした。2回目から少しずつ慣れてきて、一人でプロジェクトを進められるようになり、必要な部分を探しながら進められるようになりました。3回目には十分に理解できた状態で見たので、大変だった1回目とは違い、楽しく講義を見ることができました。トレンドに合わせて、そして素早く新規講義をアップデートしてくださり、質問への回答も丁寧で、とても助かっています。素晴らしい講義をありがとうございます。

    👉今すぐ割引価格で受講する


    ありがとうございます!🙇‍♂

    0
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです!

    多くの方が気になっていたClaude CodeでPPT作成講義がついに追加されました!🎉

    セクション 30. 自分だけのワークフロー作りに新しいレッスンが追加されました。今回の講義では、単にPPTを作成するだけでは終わりません。

    今回の講義で扱う内容

    • skill-creatorで公式ドキュメントの構造に合わせたウェブPPTスキルを直接制作

    • サブエージェントを並列で活用したリサーチ収集方法

    • AIが作成した結果を検討・修正する実践過程

    • 完成したスキルをプラグインとしてパッケージングし、マーケットプレイスに登録する一連のパイプライン

    スキルを作り、プラグインとしてまとめ、マーケットプレイスに公開して他のプロジェクトやチームメンバーと共有するところまで、一度に学ぶことができます。

    👉講義を見に行く!


    😊受講中の方へ

    新しい講義が追加されるたびに、追加費用なしですぐに受講いただけます。今すぐご確認ください!

    そして、もし講義が役に立ちましたら、受講レビューの一言が本当に大きな励みになります。まだレビューを残されていない場合は、短くても書いていただけると幸いです! 🙏

    👉受講レビューを書く


    🎯 まだ受講前の方へ

    今回の講義で扱うスキルシステム、サブエージェント、プラグインマーケットプレイスは、Claude Codeの核心機能です。これらの機能を基礎から実践まで体系的に学べる講義ですので、興味のある方はぜひこの機会にチェックしてみてください!

    👉割引が終わる前に


    ありがとうございます! 👏

    2
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです。

    スキルとプラグインは何が違うのですか?PPTはどうやって作られたのですか?

    最近このような質問がよく寄せられるので、いっそのこと動画でしっかりと準備しています!

    ですので、いっそのこと追加の動画としてしっかり準備しています!

    単にPPTを作成する様子をお見せするのではなく、自分だけのスキルを直接作成し、プラグインとしてパッケージ化して複数のプロジェクトで再利用し、マーケットプレイスに登録してチームメンバーと共有することまで、すべてを扱います。Claude Codeを開発以外でも実務で活用する方法をしっかりとお見せする予定です。

    動画で扱う内容

    • Web PPTスキルを最初から直接作成する全プロセス

    • skill-creatorで公式ドキュメントの構造に合わせたスキルを作成

    • サブエージェントを並列で活用したリサーチ収集

    • 完成したスキルをプラグイン + マーケットプレイスで共有する方法

    今週中に追加講義としてアップロードする予定です。そして、受講されている方々には、動画で作成するスキルファイルも一緒に提供する予定です。


    😊 受講中の皆様へ

    講義がお役に立ちましたら、受講レビューの一言が大きな励みになります。皆様のレビューの一つひとつが、より良い講義を作る原動力です。まだレビューを書いていない方は、短くても構いませんので残していただけると本当に嬉しいです! 🙏

    👉受講レビューを書く


    🎯 まだ受講前の方へ

    AIを活用した開発は、もはや選択ではなく必須となりました。

    最近の受講レビュー

    AI時代に非開発者であるにもかかわらず自分だけのサービスを作ってみようと関連する講義を探していたところ、この講義を受講することになりました。結果としてこの講義を選んだことに全く後悔がないほど、非常に満足しています。講義内容も充実していましたが、何より伝え方が素晴らしく、難しい内容であるにもかかわらず理解しながら進めることができました。まだまだ力不足ですが、復習を通じてコツコツと勉強してみようと思います。素晴らしい講義を提供していただき、ありがとうございます!

    今回の動画で扱うスキル、サブエージェント、プラグインシステムを基礎から実践まで体系的に学べる講座です。興味のある方は、ぜひ一度チェックしてみてください!

    👉今すぐ割引価格で受講する


    ありがとうございます! 👏

    2
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです!

    Claude Code 完璧マスター講座が、リリースからわずか3ヶ月で受講生3,234名を突破しました! 🎉🎉

    インフロンでも、これほど短期間にこれだけの受講生が集まるのは異例だと言われるほど、本当に多くの方々が関心を寄せてくださいました。受講してくださったすべての方々に心から感謝申し上げます。

    その感謝の気持ちを込めて、エージェントチーム深化編を新たに追加予定です。


    今回のアップデート内容

    エージェントチームを実務でコストは半分、品質は2倍にするための4つの核心戦略を扱います。

    • コンテキスト継承の違い — チームメンバー vs サブエージェント、スキル継承方式の核心的な違いを正確に理解する

    • Plan Approval — 実装前の計画承認ワークフローでトークンの無駄を根本から遮断

    • モデルミキシング&コスト最適化 — リードはOpus、チーム員はSonnetの構成でコストを大幅に削減 + 4つのコスト削減戦略

    • Hooks自動品質ゲート — TaskCompletedフックでテスト通過まで完了をブロックする自動化

    講義で使用されたスライド、設定ファイル、プロンプトテンプレートも受講生の皆様に提供いたします。


    大規模アップデート記念割引、明日(3/5)終了!

    現在、大規模アップデートを記念して最後の特別割引を実施中です。

    明日(3/5)で割引が終了します。

    割引期間が終わってから、メールでお問い合わせをくださる方が本当に多かったです。「また割引はしませんか?」「見逃してしまったのですが、もしかして…」といったお問い合わせが絶えないため、見逃す方がいないよう事前にお知らせいたします。

    この価格で受講できる最後のチャンスですので、興味のある方はぜひチェックしてください!

    👉アップデート割引リンク!


    💬受講中の方へ

    すでに受講中の方は、別途決済なしですぐに新しい講義をご覧いただけます!

    講義がお役に立ちましたら、受講レビューの一言が大きな励みになります。皆様のレビューの一つひとつが、より良い講義を作る原動力です。まだレビューを書いていない方は、短くても構いませんので残していただけると本当に嬉しいです! 🙏

    👉受講レビューを書く


    私の講義を見つけてくださり、心から!!感謝申し上げます!!!

    🙇‍♂

    0
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです。

    クロードコードマスター v2.0 第2次アップデートをご案内いたします。

    今回のアップデートの核心はAgent Teamsです。これまでのClaude Codeが一人で働くアシスタントだったとすれば、これからは複数のAIがチームを組んで同時に働きます。互いに対話し、タスクを分担し、自律的に次の仕事を進めていきます。

    claude-code2-opt.gif

     

    🔥 主な追加内容

    • Agent Teamsの第一印象 — このように動作します - 実際の動作画面を最初にお見せします

    • サブエージェント vs Agent Teams:違いと5つの核心 - サブエージェントとの違い、核心用語、ディスプレイモード、チーム構造とコミュニケーション方式、実践演習まで

    • Agent Teamsの実践活用ニーズを反映して今後アップデート👍

    👉アップデートを確認する


    🧑‍🎓 すでに受講中の方

    Agent Teamsの講義が追加されました。すぐに受講いただけます。

    そして一つだけお願いがあります。私の講義が少しでもお役に立てたなら、受講レビューを一行だけでも残していただけないでしょうか。皆様の一行が、私にとって次のアップデートを作る力になります。

    👉受講レビューを書きに行く


    🙋‍♂ まだ開始前の方へ

    Claude Codeは急速に進化しています。Agent Teamsが追加されたことで、一人で働いていたAIがチームとして動く時代になりました。

    この変化を最も早く、最も体系的に学べる場所がこの講義です。

    「講座のリリース後に、テキストでもなく動画がアップデートされる?しかも追加動画まで?受강レビューも見ずにカリキュラムだけを見て受講を申し込みました。そして、どのセクションも捨てることのない素晴らしい講座だったと、受講して本当に良かったと思っています」

    — 実際の受講生レビュー

    👉受講生の感想をもっと見る


    🔥 Agent Teams アップデート記念 — 特別30%割引

    Agent Teamsのアップデートを記念して、7日間限定の30%割引を実施します。3月5日の深夜(D-7)に割引が終了します。

    👉30%割引適用リンク

    0
  • gymcoding님의 프로필 이미지

    こんにちは、ジムコーディングです。

    Claude Code Master v2.0 アップデートをご案内いたします。

    🔥 主な変更事項(8つのセクション、19の講義)

    • インストールガイド macOS/Windows 全面再撮影 + Windows環境変数問題の解決動画を追加

    • トークン節約の基本モデル設定、ステータスバーとトークン使用量の関係 — 新規動画2本

    • スラッシュコマンド・ステータスバー・出力スタイル — 4つの講義すべて再撮影

    • CLAUDE.md メモリ管理の再撮影 + モジュール型ルール、Auto Memoryの新規動画

    • 向上したプランモード、Extended Thinking、カスタムコマンドスキルの統合など、高度な機能を追加

       

    👉 講義時間の変化 16時間10分 17時間43分

    👉 アップデートを確認する: https://www.gymcoding.co/courses/claude-code-master/changelog

    image.png

     


    🧑‍🎓 すでに受講中の方

    私の講義を見つけてくださり、心より感謝申し上げます。受講生の皆様の関心、受講レビュー、そして講義への質問が、私が講義を継続的にアップデートできる原動力となりました。ありがとうございます!

    そして、私の講義が少しでもお役に立ちましたら、受講レビューを残していただければ心より感謝申し上げます。

    皆様の一言が、私にとって次のアップデートを作る力になります。

    👉受講レビューを書きに行く: https://inf.run/r4Wib


    🙋‍♂ まだ開始前の方

    AI講義を検討している方々が最も多くされる質問があります。

    今やAIは選択ではなく必須となりました。

    Claude Codeにご興味がある方なら、私の講義を強くお勧めします。

    最近の受講レビュー

    自ら危機感を感じ、本格的にAIの勉強をしようと決心した後、
    偶然ジムコーディングさんのYouTubeをきっかけに、講義まで受講することになりました。

    実は、講義を受講する前にかなり迷いがありました。

    AI関連の講義は本当に多いですが、技術の発展とそのトレンドの変動が非常に激しい分野であるため、
    講義を始めた瞬間、すでに過去の内容を学んでいるのではないか?
    単純なプロンプトの使い方やツールの存在を知るだけで終わるのではないか?
    それなら、あえて費用をかけて講義を受講する必要があるのか?などなど。

    受講を決める前にカリキュラムの目次を見てみると、かなり気に入りました。
    それだけでなく、講義が常に最新基準でアップデートされているのが見えました。
    講義のリリース後に、テキストでもない動画がアップデートされる?
    しかも追加動画まで?

    受講レビューも見ずに、カリキュラムだけを見て受講申し込みをしました。

    そして、本編がほぼ終わり、追加講義が残っている時点でこのレビューを残します。

    どのセクションも捨てることのない素晴らしい講義で、受講して正解だったと思っています。
    実践プロジェクト基準のジムコーディングさんのノウハウが詰まった進行がとても良かったです。
    おかげで、単なる勉強の次元を超えて、多くのものを得ることができました。


    ジムコーディングさんとInflearnに感謝いたします。

    受講生レビューを見る

    🔥 只今 v2.0 アップデート記念で特別割引中です 🔥

    → 割引適用リンク: https://gymcoding.co/vip

     

    ありがとうございます。
    ジムコーディングより

    0

期間限定セール、あと5日日で終了

¥8,476

24%

¥11,181