ホーム>プログラミング関連>パイソン
ダウンロード

チュートリアルも素晴らしいですが、プロジェクトを構築することが最良の学習方法です。プロジェクトベースの学習を行い、正しい方法でコードを学習しましょう。

ProjectLearn は、学習者がアプリケーションを最初から構築するプロジェクト チュートリアルの厳選されたリストを提供します。これらは、Web 開発、モバイル開発、ゲーム開発、機械学習、深層学習、人工知能などのさまざまなカテゴリに分類されます。

このリストには、ReactJS、NodeJS、VueJS、Flutter、React Native、.NET Core、Unity、TensorFlow、OpenCV、Keras など、多くの需要の高い言語とテクノロジに関するプロジェクト チュートリアルが含まれています。

このリストに貢献するには、CONTRIBUTE.md にアクセスして詳細を確認してください :)

プロジェクトのチュートリアルのリスト:

ウェブ開発:

プロジェクトテクノロジーリンク
React.JS で素晴らしい 3D Web 開発者ポートフォリオを構築してデプロイする Three.js チュートリアルvite、React、JavaScript、Three.js、Tailwindリンク
Next.Js Drizzle ORM と Cryptomus Payment を備えたフルスタックのクイックコマース アプリNext.js、React、JavaScript、Drizzle ORM、Cryptomusリンク
管理者ダッシュボードを使用してフルスタックの e コマース ストアを構築するNext.js、React、JavaScript、Tailwind、Stripeリンク
フルスタックの Uber クローンを構築するNext.js、React、JavaScript、Tailwind、Stripeリンク
React を使用してフルスタック ソーシャル メディア アプリを構築およびデプロイするReact、JavaScript、HTML、CSS、Tailwindリンク
HTML CSS と JavaScript で独自の ChatGPT クローンを作成するHTML、CSS、JavaScript、OpenAI API、APIリンク
NextJS を使用して Reddit 2.0 クローンを構築するReact、SQL、Supabase、Next.js、GraphQLリンク
React を使用して YouTube クローンを構築するエクスプレス、ノード、JavaScript、HTML、CSSリンク
JavaScript グラフ作成ライブラリを使用して分岐棒グラフを作成するJavaScript、HTML、CSSリンク
カードコンポーネントを構築して CSS の基礎を学ぶHTML、CSSリンク
サーバーレスミームをサービスとして作成するJavaScript、Rust、CSS、HTMLリンク
天気予報ウェブサイトJavaScript、HTML、CSS、反応リンク
リンク短縮ウェブサイトJavaScript、Vue、HTML、CSS、Reactリンク
盗作チェッカー Web サイトPython、ブートストラップリンク
カスタム Google マップ テーマを構築するJavaScript、HTML、CSSリンク
JavaScript を使用してスーパー マリオをテーマにした Google マップを作成するJavaScript、HTML5、CSS3リンク
コミュニティ主導の配信アプリケーションを構築するPython、ジャンゴ、PostgreSQL、JavaScript、マップボックスリンク
ローカル ストアの検索および検出アプリケーションを構築するPython、ジャンゴ、PostgreSQL、JavaScript、マップボックスリンク
React.js と Node.js を使用したミディアム クローンReact、ノード、CSS3、JavaScript、HTML5リンク
React JS を使用した Facebook クローンReact、Firebase、CSS3、JavaScript、HTML5リンク
JavaScript30 - 30 日間のバニラ JS コーディング チャレンジJavaScriptリンク
Gatsby と GraphCMS を使用した旅行バケット リスト マップギャツビー、リーフレット、GraphCMS、HTML、CSSリンク
Vue.js を使用したメモリー カード ゲームVue、JavaScript、HTML、CSSリンク
Strapi と GatsbyJS コース - ポートフォリオ プロジェクトストラップ、ギャツビー、JavaScript、HTML、CSSリンク
ストーリーブック - Node、Express、MongoDB、Google OAuth MongoDB、ノード、JavaScript、HTML、CSSリンク
呼吸とリラックスのアプリ - JavaScript と CSS アニメーションJavaScript、HTML、CSSリンク
暗号通貨価格の Node.js CLIノード、JavaScriptリンク
React と Tailwind CSS イメージ ギャラリー反応、追い風、JavaScript、HTML、CSSリンク
React を使用したポモドーロ クロック反応、JavaScript、HTML、CSSリンク
Laravel をゼロから使用したキーワード密度ツールLaravel、PHP、JQuery、AJAX、SEOリンク
Yii2 PHP フレームワークを使用した YouTube クローンYii2、PHPリンク
React、GraphQL、Amplify を使用した Reddit クローン反応、増幅、AWS、GraphQL、ノードリンク
React と GraphQL を使用したフルスタック Yelp クローンReact、GraphQL、HTML、CSS、JavaScriptリンク
React フックと Context API を使用した Pokémon Web App反応、HTML、CSS、JavaScriptリンク
JavaScript と Rails を使用した流域監視Ruby、Rails、JavaScriptリンク
React と Redux を使用した気候データ ダッシュボードReact、Redux、HTML、CSS、JavaScriptリンク
CSSのみを使用してUNOカードを反転するHTML、CSSリンク
Redis、WebSocket、Go を使用したチャット アプリRedis、Webソケット、Go、Azureリンク
React Navigation を使用した Spotify ログイン アニメーション反応、HTML、CSS、JavaScriptリンク
CSS だけを使用した動的天気インターフェースHTML、CSSリンク
Airtable と Vue を使用したシンプルな CRUD アプリAirtable、Vue、Vuetify、API、HTMLリンク
MEVN スタックを使用したフルスタック RPG キャラクター ジェネレーターMongoDB、Express、Vue、ノード、HTMLリンク
PERN スタックを使用した Todo アプリPostgreSQL、Express、React、ノード、HTMLリンク
Gatsby を使用した夏のロードトリップ マッピング アプリリアクト、ギャツビー、リーフレットリンク
Socket.io を使用したマルチプレイヤー カード ゲームPhaser 3、Express、Socket.io、JavaScriptリンク
Gatsby を使用した COVID-19 ダッシュボードと地図アプリリアクト、ギャツビー、リーフレットリンク
React を使用したフラッシュカード クイズReact、API、JavaScript、HTML5、CSS3リンク
純粋な JavaScript によるもぐらたたきJavaScript、HTML5、CSS3リンク
React を使ったミームメーカーReact、JavaScript、HTML5、CSS3リンク
React を使用した Evernote クローンReact、Firebase、ノード、JavaScript、HTML5リンク
Vue を使用した開発者 Meetup アプリVue、Firebase、Vuetify、JavaScript、HTML5リンク
Vue を使用したリアルタイム チャット アプリVue、Firebase、Vuex、JavaScript、HTML5リンク
Vue を使用した暗号通貨トラッカーVue、Vuetify、API、JavaScript、HTML5リンク
Vue を使用したマルチプレイヤー クイズ ゲームVue、プッシャー、ノード、Express、JavaScriptリンク
Vue を使用したマインスイーパー ゲームVue、Vuex、Vuetify、JavaScript、HTML5リンク
Vue を使用した Instagram クローンVue、CSSGram、JavaScript、HTML5、CSS3リンク
Angular を使用したハッカー ニュース クローンAngular、Lighthouse、JavaScript、HTML5、CSS3リンク
チャットインターフェースHTML5、CSS3リンク
純粋な CSS3 ツールチップHTML5、CSS3リンク
ソーシャルメディアボタンHTML5、CSS3リンク
紹介カードHTML5、CSS3リンク
CSS3 フレックスボックスを備えたナビゲーション バーHTML5、CSS3リンク
CSS3 フレックスボックスを使用したモバイル アプリのレイアウトHTML5、CSS3リンク
Reddit からインスピレーションを得たローディング スピナーHTML5、CSS3リンク
CSS3 グリッドを使用したカレンダーJavaScript、HTML5、CSS3リンク
React のテトリス ゲームReact、JavaScript、HTML5、CSS3リンク
2Dブロック崩しゲームJavaScript、HTML5、CSS3リンク
スプライトアニメーションJavaScript、HTML5、CSS3リンク
スネークゲームJavaScript、HTML5、CSS3リンク
メモリーゲームJavaScript、HTML5、CSS3リンク
簡単な認証と認可GraphQL、Apollo、ノード、JavaScript、HTML5リンク
暗号通貨トラッカーNextJS、GraphQL、Apollo、ノード、JavaScriptリンク
Vanilla Javascript を使用したインスタント検索JavaScript、HTML5、CSS3リンク
電卓アプリJavaScript、HTML5、CSS3リンク
TodoアプリVue、JavaScript、CSS3、HTML5リンク
ブログアプリVue、GraphQL、Apollo、JavaScript、CSS3リンク
シンプルな予算作成アプリVue、ブルマ、JavaScript、CSS3、HTML5リンク
検索ボットノード、Twilio、Cheerio、API、オートメーションリンク
ツイッターボットノード、JavaScript、API、オートメーションリンク
リアルタイムマークダウンエディタノード、JavaScript、Express、Redis、HTML5リンク
TodoアプリAngular、TypeScript、RxJS、HTML5、CSS3リンク
ハッカーニュースクライアントAngular、RxJS、Webpack、HTML5、CSS3リンク
ランダム見積マシンReact、JavaScript、HTML5、CSS3リンク
Todoist クローンReact、Firebase、JavaScript、テスト、HTML5リンク
感情分析機能を備えたチャットアプリNextJS、プッシャー、センチメント、ノード、リアクトリンク
予約スケジューラReact、Twilio、CosmicJS、マテリアル UI、JavaScriptリンク
人生ゲーム反応、2D、JavaScript、HTML5、CSS3リンク
ニュースアプリReact Native、ノード、API、React、JavaScriptリンク
チャットアプリReact、Redux、Redux Saga、Web ソケット、ノードリンク
TodoアプリReact Native、GraphQL、Apollo、API、Hasuraリンク
Chrome拡張機能反応、パーセル、JavaScript、HTML5、CSS3リンク
映画投票アプリReact、Redux、API、不変、JavaScriptリンク
Trello クローンReact、Elixir、Phoenix、JWT、JavaScriptリンク
Wiki スタイルの CMS C#、.NET、Razor ページリンク
ReactJS を使用した Spotify クローンReact、HTML5、CSS3リンク
Microsoft ホームページのクローンHTML5、CSS3、JavaScriptリンク
シンプルなガントチャートHTML5、CSS3、JavaScriptリンク
ジョブスクレイピングアプリノード、JavaScript、REST、API、Expressリンク
Eコマースアプリ反応、ブートストラップ、JavaScript、HTML5、CSS3リンク
Netflix ランディング ページHTML5、CSS3、JavaScriptリンク
AIチャットボットWeb Speech API、ノード、JavaScript、Express、Socket.ioリンク
ソーシャルネットワーキングアプリReact、ノード、Redux、Firebase、RESTリンク
Node.js でシンプルな暗号通貨ブロックチェーンを構築するノード、JavaScript、暗号化、ブロックチェーンリンク
ビットトレントクライアントノード、JavaScript、TCP、コンピュータネットワークリンク
JavaScript を使用した Todo リスト アプリJavaScript、HTML5、CSS3リンク
Anime.js を使用した JavaScript アニメーションJavaScript、CSS3、ライブラリ、HTML5、APIリンク
React を使用した求人掲示板アプリReact、ノード、Cron、JavaScript、HTML5リンク

モバイル開発:

プロジェクトテクノロジーリンク
React Native を使用して Uber Eats クローンを構築する反応ネイティブ、JavaScript、Android、iOSリンク
React Native を使用して Uber クローンを構築する反応ネイティブ、JavaScript、Android、iOSリンク
Flutter SDK を使用してストーリーのあるチャット アプリを構築するフラッター、ダーツリンク
新型コロナウイルス感染症の症例を追跡するためのロビンフッド スタイル アプリを構築するコトリン、アンドロイドリンク
Tinder スタイルのスワイプ モバイル アプリコトリン、Java、Swiftリンク
暗号通貨価格リストモバイルアプリReact Native、Swift、Flutter、Dartリンク
レストランソーシャルモバイルアプリReact Native、Swift、Flutter、Dartリンク
休憩時間リマインダーモバイルアプリReact Native、Kotlin、Java、Swiftリンク
請求書発行と支払いリマインダー モバイル アプリReact、ノード、Express、MongoDBリンク
カウントダウンモバイルアプリSwift、Java、React Nativeリンク
Swift を使用した Flappy Bird iOS ゲームスウィフト、XCode、iOSリンク
Swift を使用した Bull's Eye iOS ゲームスウィフト、XCode、iOSリンク
SwiftUIを使用したレストランiOSアプリスウィフト、XCode、iOSリンク
Swift を使用した Dice iOS アプリスウィフト、XCode、iOSリンク
TrueCaller クローンJava、MySQL、XAMPP、Androidリンク
天気アプリJava、API、Androidリンク
EコマースアプリJava、Firebase、Androidリンク
チャットアプリJava、Firebase、Androidリンク
Todoアプリフラッター、ダーツ、Android、iOSリンク
トラベルアプリのUIフラッター、ダーツ、Android、iOSリンク
レディットクライアントアンドロイド、コトリンリンク
Todoアプリ反応ネイティブ、Android、iOS、JavaScriptリンク
フォトライブラリビューアC#、iOS、Xamarin、Visual Studio、Androidリンク
React Native を使用した WhatsApp クローンReact Native、ノード、GraphQL、Apollo、JavaScriptリンク

ゲーム開発:

プロジェクトテクノロジーリンク
Kaboom.js を使用してスーパー マリオ ブラザーズ、ゼルダ、スペース インベーダーを構築するJavaScript、カブームリンク
TypeScript を使用して Arkanoid ゲームを作成するTypeScript、HTML、CSS、JavaScriptリンク
シンプルなゲームLua、LÖVE、Python、Pygame Zeroリンク
Python オンライン マルチプレイヤー ゲームパイソンリンク
ビートエムアップ格闘ゲームUnity、C#リンク
Godot 3.1を使用したシンプルな3Dゲームゴドー、C#、3Dリンク
Godot のシンプルなパズル ゲーム - Box and Switchゴドー、C#、2Dリンク
Godot 3 でゼロからゲーム インターフェイスを作成ゴドー、C#、2Dリンク
Godot の 2D ゲーム: プレイヤーと敵ゴドー、C#、2Dリンク
Socket.io を使用したマルチプレイヤー カード ゲームPhaser 3、Express、Socket.io、JavaScriptリンク
Unity 2D とミラーを使用したマルチプレイヤー カード ゲームC#、Unity、2D、ミラーリンク
Rustのローグライクチュートリアル錆び、2Dリンク
Rust の冒険 - 基本的な 2D ゲーム錆び、2Dリンク
Ruby を使用したターミナル スネーク ゲームルビー、2Dリンク
OpenGLを使用したスペースインベーダーOpenGL、C/C++、2Dリンク
C の数独ソルバーC/C++、2Dリンク
C のチェス エンジンC/C++、2Dリンク
Swift を使用した Flappy Bird iOS ゲームスウィフト、XCode、iOSリンク
Swift を使用した Bull's Eye iOS ゲームスウィフト、XCode、iOSリンク
純粋な JavaScript によるもぐらたたきJavaScript、HTML5、CSS3リンク
Vue を使用したマルチプレイヤー クイズ ゲームVue、プッシャー、ノード、Express、JavaScriptリンク
Vue を使用したマインスイーパー ゲームVue、Vuex、Vuetify、JavaScript、HTML5リンク
React のテトリス ゲームReact、JavaScript、HTML5、CSS3リンク
2Dブロック崩しゲームJavaScript、HTML5、CSS3リンク
スプライトアニメーションJavaScript、HTML5、CSS3リンク
スネークゲームJavaScript、HTML5、CSS3リンク
メモリーゲームJavaScript、HTML5、CSS3リンク
戦車射手3D、Unity、C#リンク
2D ローグライク2D、Unity、C#リンク
ジョン・レモンのホーンテッド・ジョーント 3D 3D、Unity、C#リンク
VR 初心者向け: エスケープ ルームVR、Unity、C#リンク
ルビーの冒険2D、Unity、C#リンク
RPGゲーム2D、Unity、C#リンク
ボールを転がす3D、Unity、C#リンク
FPS マイクロゲームUnity、C#リンク
プラットフォーマー マイクロゲームUnity、C#、2Dリンク
カートのマイクロゲームUnity、C#リンク
アーケード シュータールア、ラブリンク
人生ゲーム反応、2D、JavaScript、HTML5、CSS3リンク
ハンドメイドヒーローC/C++、OpenGL、2Dリンク
起こるC/C++、OpenGL、2Dリンク
テトリスC/C++、2Dリンク
ファミコンゲームC/C++、Python、2Dリンク
ローグライク ゲームC#、.NET、ローグシャープ、モノゲーム、RLNetリンク
シンプルなRPGゲームC#、SQL、2Dリンク

機械学習と AI:

プロジェクトテクノロジーリンク
BeautifulSoup を使用して Web スクレイパーを構築するパイソン、美しいスープリンク
胸部X線写真から肺炎を検出するCNN CNN、パイソンリンク
AWS を使用した Python でのデータ視覚化の自動更新Python、AWS、Matplotlibリンク
GCP と Node を使用した Twitter 感情分析ツールAPI、GCP、ノード、JavaScriptリンク
CNN を使用した Twitter 感情分析Python、Matplotlib、Numpy、パンダリンク
テイラー・スウィフトの歌詞ジェネレーターPython、Keras、Numpy、パンダリンク
MNIST 数字認識装置Python、Keras、TensorFlow、Numpy、SciKitリンク
モデルをトレーニングして色を生成するPython、Keras、TensorFlow、Numpyリンク
画像キャプションジェネレーターPython、TensorFlow、Numpyリンク
CNN を使用してキャプチャ システムを破壊するPython、Keras、TensorFlow、OpenCV、Numpyリンク
平均的な顔を生成するPython、OpenCV、Numpy、C/C++リンク
画像の貼り合わせPython、OpenCV、Numpyリンク
手のキーポイントの検出Python、OpenCV、Numpy、C/C++リンク
固有顔Python、OpenCV、Numpy、C/C++リンク
ドローンターゲット検出Python、OpenCV、Numpyリンク
マスク R-CNN を使用した物体検出Python、OpenCV、Numpyリンク
顔のランドマークの検出Python、OpenCV、DLib、Numpyリンク
文字の傾き補正Python、OpenCV、Numpyリンク
OCR とテキスト認識Python、OpenCV、Tesseract、Numpyリンク
ピープルカウンターPython、OpenCV、Numpyリンク
テキスト検出Python、OpenCV、Numpyリンク
セマンティックセグメンテーションPython、OpenCV、Numpyリンク
オブジェクト追跡Python、OpenCV、Numpy、CamShiftリンク
顔のクラスタリングPython、OpenCV、Numpyリンク
バーコードスキャナーPython、OpenCV、ZBar、Numpyリンク
顕著性の検出Python、OpenCV、Numpyリンク
顔検出Python、OpenCV、Numpyリンク
ドキュメントスキャナPython、OpenCV、Numpy、SciKitリンク
音楽レコメンダーPython、SciKit、Numpy、パンダリンク
ワインの品質を予測するPython、Matplotlib、Numpy、パンダリンク
遺伝的アルゴリズムPython、SciKit、Numpy、パンダリンク
ディープドリームPython、TensorFlow、可視化リンク
株価予測Python、SciKit、Matplotlibリンク
映画推薦システムPython、LightFMリンク
Twitter 感情分析Python、APIリンク
感情分析機能を備えたチャットアプリNextJS、プッシャー、センチメント、ノード、リアクトリンク

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて