手を動かすレッスン。仲間に聞けるコミュニティ。
チームで作る実務経験まで。
全72モジュールのオンラインプログラミング学習サービスです。
4peiron は、初心者から実務レベルまでを一気通貫でカバーするオンライン学習サービスです。 ブラウザだけで学べる無料コースからスタートし、つまずいたらコミュニティで質問して解消。 チーム開発プランに参加すれば、ポートフォリオに書ける実務経験まで手に入ります。
海外・国内の開発現場で活躍する現役エンジニアが監修。流行の技術を表面的になぞるのではなく、 現場のコードレビューやアジャイル開発の進め方まで含めて「仕事で使える形」で学べるよう設計しています。
「はじめての Web」から 3DCG・セキュリティまで、全72モジュールのカリキュラム。
HTML の構造、CSS のレイアウトとスタイリング、JavaScript による DOM 操作。フレームワークの前に身につけたい Web 開発の土台。
HTML/CSS + JavaScript（現在 70 レッスン収録済み）
環境構築から本番デプロイまで、全20レッスンで 1 つのレシピ投稿アプリを作りきる Next.js 入門。App Router・Server Components・Server Actions・Prisma・認証・Cache Components まで一気に扱います。
全20レッスン収録済み
フレームワークなしの React を、Vite で動かしながら全50レッスンで通す入門。JSX・props・state・useEffect・フック・React Router・テストを押さえ、最後はタスク管理アプリを作って公開します。
全50レッスン収録済み
ブラウザで 3D を出す Three.js を、最初のシーンから公開まで全20レッスンで。ライトと PBR・Blender からの glTF 持ち込み・マウス操作・Bloom と軽量化まで扱います。
全20レッスン収録済み
Vite で動かしながら、全30レッスンで通す Vue 3（Composition API）入門。テンプレート構文・ref・props と emit・Vue Router・Pinia・テストを押さえ、最後は React との違いを整理します。
全30レッスン収録済み
コードを書かずに始める UI/UX デザインの入口、全20レッスン。余白・文字・色の原則から Figma の Auto Layout とコンポーネント、デザイントークン、ユーザビリティテストまで、デザインの良し悪しを数値で確かめます。
全20レッスン収録済み
HTML/CSS 入門の次に読む全20レッスン。カスタムプロパティ・Grid・コンテナクエリ・:has() から、デザイントークンと設計、Tailwind CSS v4 の実測まで扱います。
全20レッスン収録済み
支援技術と WCAG から、セマンティック HTML・ARIA・フォーカス管理・コントラストまで、全20レッスンの決定版。役割・名前・状態は Chrome のアクセシビリティツリーを取り出して確かめ、自動チェックの限界は axe-core・pa11y・Lighthouse を実際に走らせて示します。
全20レッスン収録済み
React でも Vue でもない三本目の、全30レッスンの決定版。コンパイラの出力・Runes・SvelteKit のルーティングと load・フォームアクション・テスト・アダプタを押さえ、最後は React / Vue / Svelte の三つを並べて選び方を整理します。
全30レッスン収録済み
HTML/CSS 入門の次にそのまま進める全20レッスン。文章が主役なら Astro、ログインと DB が要るなら Next.js——その線引きを、同じページをビルドして配信される JavaScript のバイト数を比べながら決めます。
全20レッスン収録済み
はじめの一歩から実務直結スキルまで。言語・Web 技術・インフラを網羅的にカバーし、新コースも順次追加。
学習中の「わからない」は Discord のコミュニティで質問。メンターや受講生どうしで解決するので挫折しにくい。
レッスンごとのクイズで知識を定着。弱点を見つけて確実にレベルアップできます。
実際の開発プロジェクトに参加し、コードレビューを通じてプロの視点を吸収。就職・転職の強い武器に。
名前の由来は、古代ギリシャ語の ἄπειρον（apeiron）＝「限りのないもの、無限なるもの」。 哲学者アナクシマンドロスは、あらゆるものが生まれてくる根源をこの「無限」と呼びました。 学びにも終わりはなく、書けるコードの範囲は広がりつづける—— 頭の「a」を「4（for）」に置きかえたのは、その無限をあなたのためにひらく、という意味です。 そんな想いを込めた学習サービスです。