project based learning

プロジェクトベースの学習

意欲的なソフトウェア開発者がアプリケーションをゼロから構築する方法を学ぶプログラミング チュートリアルのリスト。これらのチュートリアルは、さまざまな主要プログラミング言語に分かれています。チュートリアルには複数のテクノロジーや言語が含まれる場合があります。

まず、このリポジトリをフォークするだけです。貢献ガイドラインについては、CONTRIBUTING.md を参照してください。

目次：

• C#
• C/C++
• クロージュア
• ダーツ
• エリクサー
• アーラン
• F#
• 行く
• ハスケル
• HTML/CSS
• ジャワ
• JavaScript
• コトリン
• ルア
• OCaml
• PHP
• パイソン
• R
• ルビー
• さび
• スカラ座
• 迅速
• 追加のリソース

C/C++:

• インタプリタを構築する (第 14 章以降は C で書かれています)
• メモリ アロケータ 101 - 単純なメモリ アロケータを作成する
• C でシェルを作成する
• FUSE ファイルシステムを作成する
• 独自のテキストエディタを構築する
• 独自の Lisp を構築する
• C で NES ゲームをプログラムする方法
• OSを一から書く
• OSをゼロから作る方法
• CHIP-8 エミュレータの構築
• C++ と SDL でゲーム プログラミングを始める
• Key-Value ストアの実装
• 小さな 3D グラフィックス プロジェクト
  • Tiny Renderer または OpenGL の仕組み: 500 行のコードでソフトウェアをレンダリングする
  • 256 行のベア C++ で理解できるレイトレーシング
  • カドーン！ 180 行の裸の C++
  • 486 行の C++: 週末に楽しめる昔ながらの FPS
• C++ で最小限の x86-64 JIT コンパイラーを作成する
  • パート 1
  • パート 2
• C++ 用のライブ コード リローダー ライブラリを構築する
• Cでハッシュテーブルを書く
• 簡単なデータベースを構築してみよう
• カーネルを書いてみよう
• C でブートローダーを作成する
• 500 行のコードで構成される Linux コンテナ
• 独自の仮想マシンを作成する
• KVM の学習 - 独自の Linux カーネルの実装
• C/C++ を使用して独自の Redis を構築する
• C コンパイラを作成する
  • パート 1: 整数、字句解析、およびコード生成
  • パート 2: 単項演算子
  • パート 3: 二項演算子
  • パート 4: さらに多くの二項演算子
  • パート 5: ローカル変数
  • パート 6: 条件文
  • パート 7: 複合ステートメント
  • パート 8: ループ
  • パート 9: 関数
  • パート 10: グローバル変数
• LLVM を使用した言語の実装
• Meta Crush Saga: C++17 コンパイル時ゲーム
• 高性能行列乗算
• ゼロから始めるスペースインベーダー
  • パート 1
  • パート 2
  • パート 3
  • パート 4
  • パート 5
• C++ プラットフォームに依存しないテトリス チュートリアル
• Linux デバッガの作成
  • パート 1: セットアップ
  • パート 2: ブレークポイント
  • パート 3: レジスタとメモリ
  • パート 4: エルフとドワーフ
  • パート 5: ソースと信号
  • パート 6: ソースレベルのステッピング
  • パート 7: ソースレベルのブレークポイント
  • パート 8: スタックの巻き戻し
  • パート 9: 変数の処理
  • パート 10: 高度なトピック
• コンパイラを書いてみましょう
  • パート 1: 概要、言語の選択、および計画の実行
  • パート 2: レクサー
  • パート 3: パーサー
  • パート 4: テスト
  • パート 5: コードジェネレーター
  • パート 6: 入力と出力
  • パート 7: 配列
  • パート 8: 文字列、前方参照、および結論

ネットワークプログラミング

• TCP/IP スタックをコーディングしてみよう

  • パート 1: イーサネットと ARP
  • パート 2: IPv4 と ICMPv4
  • パート 3: TCP の基本とハンドシェイク
  • パート 4: TCP データ フローとソケット API
  • パート 5: TCP 再送信

• 同時実行サーバーのプログラミング

  • パート 1 - はじめに
  • パート 2 - スレッド
  • パート 3 - イベント駆動型
  • パート 4 - libuv
  • パート 5 - Redis のケーススタディ
  • パート 6 - コールバック、Promise、および async/await

• MQTT ブローカーを最初から作成する

  • パート 1 - プロトコル
  • パート 2 - ネットワーキング
  • パート 3 - サーバー
  • パート 4 - データ構造
  • パート 5 - トピックの抽象化
  • パート 6 - ハンドラー
  • ボーナス - マルチスレッド化

OpenGL:

• OpenGL を使用した C++ で 2D Breakout ゲームのクローンを作成する
  • 起こる
  • セットアップ中
  • レンダリングスプライト
  • レベル
  • 衝突
    • ボール
    • 衝突検知
    • 衝突の解決
  • 粒子
  • 後処理
  • パワーアップ
  • オーディオ
  • テキストをレンダリングする
  • 最終的な考え
• ハンドメイドヒーロー
• C++/OpenGL で Minecraft を作成する方法 (ビデオ)

C#:

• 簡単な RPG ゲームを構築して C# を学びましょう
• C# でローグライク ゲームを作成する
• C# と Xamarin を使用して空のアプリを作成する (作業中)
• Xamarin と Visual Studio を使用して iOS フォト ライブラリ アプリを構築する
• CoreWiki の構築 これは、ASP.NET Core と Razor Pages を使用して完全に C# で記述された Wiki スタイルのコンテンツ管理システムです。ソースコードはここで見つけることができます。

クロージュア:

• Clojure を使用して Twitter ボットを構築する
• スペルチェッカーの構築
• Clojure および Atlassian Connect との JIRA 統合の構築
• Clojure を使用したプロトタイピング
• ClojureScript のテトリス

ダーツ:

フラッター:

• 管理パネルを備えた Amazon クローン
• フードデリバリーアプリ
• Google ドキュメントのクローン
• インスタグラムのクローン
• マルチプレイヤー三目並べゲーム
• TikTokクローン
• チケット予約アプリ
• 旅行アプリ
• ツイッチクローン
• WhatsApp クローン
• ワードルクローン
• ズームクローン
• Netflix クローン

エリクサー

• Elixir と Phoenix を使用したシンプルなチャット アプリの構築
• Elixir、Phoenix、Mnesia を使用して超高速リンク短縮ツールを作成する方法

アーラン

• ChatBus : Erlang/OTP を使用して最初のマルチユーザー チャット ルーム アプリを構築する
• Erlang、Rebar、Cowboy、Bullet を使ったチャット アプリの作成

F#:

• 100 行の F# で独自の Excel を作成する

ジャバ:

• インタプリタを構築する (第 4 章から 13 章は Java で書かれています)
• Java を使用してシンプルな HTTP サーバーを構築する
• Android 懐中電灯アプリを構築する (ビデオ)
• ユーザー認証を使用して Spring Boot アプリを構築する

JavaScript:

• 30 のチュートリアルを使用して 30 日間で 30 のものを構築する
• Pure JS でアプリを構築する
• Jupyter Notebook 拡張機能を構築する
• JavaScript を使用して三目並べゲームを構築する
• バニラ JavaScript を使用してシンプルな天気アプリを構築する
• JavaScript で Todo リスト アプリを構築する

HTML と CSS:

• ローディング画面を構築する
• JS を使用して HTML 電卓を構築する
• JavaScript、HTML、CSS のみを使用して Snake を構築する

モバイルアプリケーション:

• React Native Todo アプリケーションを構築する
• Redux Thunk を使用して React Native アプリケーションを構築する

ウェブアプリケーション:

反応:

• サーバーレス React.js アプリを作成する
• Trello クローンを作成する
• React、Node、MongoDB、SocketIO を使用してキャラクター投票アプリを作成する
• React チュートリアル: Yelp のクローン作成
• Mocha、React、Redux、Immutable を使用したテストファースト開発でフルスタックの映画投票アプリを構築する
• React と Node を使用して Twitter ストリームを構築する
• React.js と Node.js を使用してシンプルなミディアム クローンを構築する
• MailChimpをJSに統合する
• React + Parcel を使用して Chrome 拡張機能を構築する
• React Native で ToDo アプリを構築する
• チャットアプリケーションを作成する
• React Native でニュース アプリを作成する
• React の Webpack を学ぶ
• Puppeteer と Jest を使用した React アプリのテスト
• 独自の React ボイラープレートを構築する
• React で人生ゲームをコーディングする
• 基本的な React+Redux 入門チュートリアル
• 予約スケジューラを構築する
• 感情分析を備えたチャット アプリを構築する
• フルスタック Web アプリケーションのセットアップを構築する
• React と Firebase を使用して Todoist クローンを作成する
• ランダム見積マシンを構築する
  • パート 1
  • パート 2
  • パート 3
  • パート 4
  • パート 5
  • パート6
  • パート 7
• React Phone Eコマース プロジェクト(ビデオ)

角度:

• Angular 1.x で Instagram クローンを構築する

• Angular 2+ を使用してオフライン対応の Hacker News クライアントを構築する

  • パート 1
  • パート 2

• Django と AngularJS (Angular 1.x) を使用して Google+ クローンを構築する

• Angular 8 で美しい現実世界のアプリを構築する :

  • パート I
  • パート II

• BootStrap 4 と Angular 6 を使用してレスポンシブ レイアウトを構築する

• Angular 5 を使用した ToDo アプリ

  • Angular の概要
  • パート 1

ノード：

• NodeJS を使用してリアルタイム Markdown エディターを構築する
• Node、Postgres、Knex を使用したテスト駆動開発
• Node.js で Twitter ボットを作成する
  • パート 1
  • パート 2
• シンプルな検索ボットを 30 分で構築する
• ジョブスクレイピングWebアプリを構築する
• GitHub アプリの構築
• JavaScript、Node.JS、MongoDB、Web Sockets を使用して独自の Uber-for-X アプリを構築する方法
  • パート 1
  • パート 2

ヴュー

• Vue 2 + Firebase: Firebase 認証システムを使用して Vue アプリを 15 分で構築する方法
• Vue.js アプリケーション チュートリアル – Vue を使用したシンプルな予算作成アプリの作成
• Vue、GraphQL、Apollo を使用してブログを構築する
• MEVN (MongoDB、Express、Vue、Node) スタックを使用してフルスタック Web アプリケーションを構築する
  • パート 1
  • パート 2
• Vue.js To-Do リストのチュートリアル (ビデオ)
• Vue 2 + Pub/Sub: ゲーム用のピアツーピア マルチユーザー プラットフォームを構築する

その他（ハピ、エクスプレスなど）：

• プログレッシブ Web アプリケーション (PWA) を構築する
  • パート 1
  • パート 2
  • パート 3
• JS を使用してネイティブ デスクトップ アプリを構築する
• NodeJs、GraphQL、Hapi を使用して強力な API を構築する
  • パート I

D3.js

• 例を使用して D3 を学習する
• 折れ線グラフの作成方法を学ぶ

ゲーム開発:

• Phaser を使用して 2D ブレイクアウト ゲームを作成する
• Phaser を使用して HTML5 と JavaScript で Flappy Bird を作成する
  • パート 1
  • パート 2

デスクトップアプリケーション:

• React と Electron を使用してデスクトップ チャット アプリを構築する

その他:

• 20 行未満のコードで Web フレームワークを構築する方法
• Redux を自分で構築する
• 独自の仮想 DOM を作成する方法
• AWS 上の WebSocket を使用してリアルタイム サーバーレス GraphQL API を構築する

コトリン:

• Keddit - Android アプリケーションを開発しながら Kotlin を学ぶ

ルア:

愛：

• BYTEPATH: Lua と LÖVE を使用した完全なゲームの作成
  • パート 0: はじめに
  • パート 1: ゲーム ループ
  • パート 2: 図書館
  • パート 3: 部屋とエリア
  • パート 4: 演習
  • パート 5: ゲームの基本
  • パート 6: プレーヤーの基本
  • パート 7: プレイヤーの統計と攻撃
  • パート 8: 敵
  • パート 9: ディレクターとゲームプレイ ループ
  • パート 10: コーディングの実践
  • パート 11: パッシブ
  • パート 12: その他のパッシブ
  • その13: スキルツリー
  • パート 14: コンソール
  • パート 15: 最終回

パイソン:

ウェブスクレイピング:

• Python を使用して Twitter データをマイニングする
• Scrapy と MongoDB を使用して Web サイトをスクレイピングする
• Python と Selenium WebDriver を使用してスクレイピングする方法
• BeautifulSoupを使用してどの映画を見るべきですか

ウェブアプリケーション:

• Flask でマイクロブログを構築する
• Django でブログ Web アプリを作成する
• 独自のアドベンチャー プレゼンテーションを選択してください
• Flask と RethinkDB で Todo リストを構築する
• Django とテスト駆動開発で Todo リストを作成する
• Python で RESTful マイクロサービスを構築する
• Docker、Flask、React を使用したマイクロサービス
• Flask でシンプルな Web アプリを構築する
• 20 分以内に Django API を作成
• Django、Postgres、JavaScript を使用してコミュニティ主導の配信アプリケーションを構築する
  • パート 1
  • パート 2
• Vue、django-notifs、RabbitMQ、uWSGI を使用したリアルタイム チャット アプリケーション
  • パート 1
  • パート 2
  • パート 3
  • パート 4
  • パート 5
  • パート6

ボット:

• Reddit ボットを構築する
• Reddit ボットの作り方 - YouTube (ビデオ)
• Facebook メッセンジャー ボットを構築する
• Reddit + Facebook メッセンジャーボットの作成
• Python を使用して Telegram ボットを作成する方法
  • パート 1
  • パート 2
• Python で Twitter ボットを作成する

データサイエンス:

• いくつかのプロジェクトを実行してデータ サイエンスのための Python を学ぶ (ビデオ):
  • パート 1: はじめに
  • パート 2: Twitter 感情分析
  • パート 3: レコメンデーション システム
  • パート 4: 株価の予測
  • パート 5: TensorFlow の Deep Dream
  • パート 6: 遺伝的アルゴリズム

機械学習:

• Python で線形回帰をゼロから作成する (ビデオ)
• Python での段階的な機械学習
• ワインの品質を予測する
• 果物の分類問題を解く
• Python で教師なし学習を学ぶ
• Python で独自のニューラル ネットワークをゼロから構築する
• sklearn を使用しない Python での線形回帰
• sklearn を使用しない多変量線形回帰
• KNN を使用した音楽レコメンダー
• Quora で類似の質問を見つける -
  • BOW、TFIDF、Xgboost の使用
  • Word2Vec と Xgboost の使用
• Python と機械学習を使用してフェイクニュースを検出する

OpenCV:

• ドキュメント スキャナーを構築する
• OpenCV とディープラーニングを使用して顔検出器を構築する
• YOLOv3(ビデオプレイリスト)を使用して最速のカスタムオブジェクト検出システムを構築
• OpenCV、Python、ディープラーニングを使用して顔認識システムを構築する
• 画像内の顕著な特徴を検出する
• バーコードスキャナーを構築する
• Python で顔クラスタリングを学ぶ
• カムシフトによるオブジェクト追跡
• OpenCV とディープラーニングによるセマンティック セグメンテーション
• 画像とビデオ内のテキスト検出
• OpenCVを使用したピープルカウンター
• OpenCV を使用した複数のオブジェクトの追跡
• OpenCVによるニューラルスタイル転送
• OpenCV OCR とテキスト認識
• 文字の傾き補正のチュートリアル
• 顔のランドマーク検出のチュートリアル
• Mask-R-CNN を使用した物体検出
• 自動ターゲット検出のチュートリアル
• OpenCVを使用したEigenFaces
• より高速な (5 ポイント) 顔ランドマーク検出チュートリアル
• 手のキーポイントの検出
• Dlib 相関オブジェクト追跡 -
  • 単一オブジェクトトラッカー
  • 複数のオブジェクトトラッカー
• OpenCV と Python による画像の結合
• OpenCV を使用したインスタンスのセグメンテーション
• フェイスマスク検出器

ディープラーニング:

• 畳み込みニューラル ネットを使用して顔のキーポイントを検出する
• Python と OpenCV を使用して平均顔を生成する
• CNN を使用してキャプチャ システムを破壊する
• 事前トレーニングされたインセプション モデルを使用して画像予測を提供する
• 最初の CNN を作成する
• 顔認識パイプラインを構築する
• 画像キャプションジェネレーターを構築する
• 独自の顔認識システムを作成する
• 言語検出 AI を 20 分でトレーニングする
• ニューラルネットワークによる物体検出
• Twitter 感情分析を学ぶ -
  • パート I - データのクリーニング
  • パート II - EDA、データ視覚化
  • パート III - ジップの法則、データの視覚化
  • パート IV - 特徴抽出 (カウント ベクトル化)
  • パート V - 特徴抽出(Tfidf ベクトル化)
  • パート VI - Doc2Vec
  • パート VII - フレーズ モデリング + Doc2Vec
  • パート VIII - 次元削減
  • パート IX - Tfdif ベクトルを使用したニューラル ネット
  • パート X - word2vec/doc2vec を使用したニューラル ネット
  • パート XI - Word2Vec を使用した CNN
• カスタム画像分類に転移学習を使用する
• 11 行の Python で簡単なニューラル ネットワークをコーディングする方法を学ぶ
• 勾配降下法を使用してニューラル ネットワークを構築する
• Keras モデルをトレーニングして色を生成する
• カスタム データセットで Keras を使ってみる
• Faces94 データセットで EigenFaces と FisherFaces を使用する
• Kaggle MNIST 数字認識器のチュートリアル
• tf.keras を使用したファッション MNIST チュートリアル
• Keras を使用してルートの状態を自動的に分類する CNN
• Keras 対 Tensorflow
• ディープラーニングと医療画像解析によるマラリア検出
• Keras を使用した画像分類のための転移学習
• Python で CNNS を使用してスマイル分類器をコーディングする
• scikit-learn を使用した自然言語処理
• テイラー・スウィフトの歌詞ジェネレーターをコード化する
• PyTorch Lightning を使用したマスク検出

その他:

• 単純なインタプリタを構築する
• Python でシンプルなブロックチェーンを構築する
• Python で NoSQL データベースを作成する
• OpenCV/Python/iOS を使用したガスポンプ スキャナーの構築
• Python と Kafka を使用して分散ストリーミング システムを構築する
• ストック Python で基本的な x86-64 JIT コンパイラーを最初から作成する
• 低レベル (Linux) デバッガの作成
  • パート 1
  • パート 2: C
• 検索エンジンの実装
  • パート 1
  • パート 2
  • パート 3
• ライフ ゲームを構築する
• ターミナルのアスキーアートを作成する
• 三目並べ AI を作成する
• フォトモザイクアートを作成する
• ターミナルでゲーム「Snake」をビルドする
• 自分で Git を書く
• Python バイトコード ランナーの Python 実装
• Python を使用して音声アシスタントを作成する

行く：

• Golang、Angular 2、WebSocket を使用してリアルタイム チャット アプリを作成する
• Gin を使用した Go Web アプリケーションとマイクロサービスの構築
• Go での動作駆動型開発に Godog を使用する方法
• Go でブロックチェーンを構築する
  • パート 1: 基本的なプロトタイプ
  • パート 2: 作業の証明
  • パート 3: 永続性と CLI
  • パート 4: トランザクション 1
  • パート 5: 住所
  • パート 6: トランザクション 2
  • パート 7: ネットワーク
• Go でコンテナを最初から構築する - Liz Rice (Microscaling Systems)(ビデオ)
• GoLang を使用して Web アプリケーションを構築する
• ReactJS を使用して Go でチャット アプリケーションを構築する
  • パート 1: 初期セットアップ
  • パート 2: 簡単なコミュニケーション
  • パート 3: フロントエンドの設計
  • パート 4: 複数のクライアントの処理
  • パート 5: フロントエンドの改善
  • パート 6: バックエンドの Docker 化
• Go WebAssembly チュートリアル - 電卓の構築チュートリアル
• Go の REST サーバー
  • パート 1 - 標準ライブラリ
  • パート 2 - ルーター パッケージの使用
  • パート 3 - Web フレームワークの使用
  • パート 4 - OpenAPI と Swagger の使用
  • パート 5 - ミドルウェア
  • パート 6 - 認証
  • パート 7 - GraphQL
• Go で URL 短縮ツールを構築しましょう - Jin と Redis を使用
  • パート 1 - プロジェクトのセットアップ
  • パート 2 - ストレージ層
  • パート 3 - ショートリンクジェネレーター
  • パート 4 - 転送
• Go での TCP チャットの構築(ビデオ)
• Go で BitTorrent クライアントをゼロから構築する
• Go、PostgreSQL、Docker を使用した REST API マスタークラス (ビデオ プレイリスト) in progress

PHP:

• Laravel でブログを構築する方法 (ビデオ)
• 自分のブログを作成する (純粋な PHP で)
• SilverStripe を使用した不動産 Web サイトの構築例
• Laravel 5.4 と VueJS を使用したリアルタイム チャット アプリの構築 (ビデオ)
• ソーシャルネットワークの構築: Laravel 5 - Youtube (ビデオ)
• Laravel を使用してフル機能のマルチテナント アプリを構築する
  • パート 0: はじめに
  • パート 1: セットアップ
  • パート 2: 役割と許可
  • パート 3: 招待状
  • パート 4: 認証
  • パート 5: テスト
  • パート 6: ユーザープロファイル
  • パート 7: 導入
• Laravel CRUD アプリケーションを最初から構築する

OCaml:

• OCaml で LLVM を使用した言語を実装する
• OCamlでゲームボーイエミュレータを書く

ルビィ:

• Ruby でネットワーク スタックを構築する
• 独自の Redis を構築する
  • パート 0: はじめに
  • パート 1: ベアボーン TCP サーバー
  • パート 2: ピンポン
  • パート 3: 同時クライアント
  • パート 4: エコー
• Ruby で Git を再構築する

Ruby on Rails:

• Ruby on Rails チュートリアル
• Ruby on Rails を使って Instagram をゼロから構築する
• Rails を使用してソーシャル ネットワークを構築する
• Ruby on Rails アプリケーションを構築する方法

ハスケル:

• Haskell を書いてみましょう - 最新の関数型コンパイラを構築します
• 48 時間以内に自分でスキームを作成する
• スキームを書いてください、バージョン 2
• 独自の IRC ボットを作成する
• ムービーモナドの作成
• Haskell で Web サイトを作成する(古い)

R:

• Shiny で Web アプリを構築する
• 暗号通貨ボットを構築する
• R でアソシエイト ルール マイニングを学ぶ

さび：

• RustのシンプルなWebアプリ
  • パート 1
  • パート 2a
  • パート 2b
• 純粋な Rust で OS を作成する
• Rustでブラウザエンジンを構築する
• Rustでマイクロサービスを書く
• リンクされたリストが多すぎるRustを学ぶ
• Rust の詳細: スケーラブルなチャット サービスをゼロから作成する
  • パート 1: WebSocket の実装。導入。
  • パート 2: メッセージの送受信
• デスクトップと Web 用の Rust ローグライクを作成する
• Rustを使用したシングルページアプリケーション
• RustでNESエミュレータを書く
• ニューラルネットワークと遺伝的アルゴリズムを使用して進化のシミュレーションを作成し、アプリケーションをWebAssemblyにコンパイルします
  • パート 1
  • パート 2
  • パート 3
  • パート 4

スカラ:

• シンプルなアクターベースのブロックチェーン
• 魔法なし: 正規表現

迅速：

• Swift でハッキング - 39 のプロジェクトを実行して Swift を学びます
• ゼロから始めるレトロな一人称シューティングゲーム

追加リソース

• React Redux リンク
• Udemy.com
• フルスタックPython
• ノードスクール
• スコッチIO
• 運動
• Egghead.io
• マイケル・ハーマンのブログ
• Thinkster.io
• エンライト
• ハッククラブのワークショップ
• コードクラフター