Recursionユーザーの成果物を紹介(2022年8月分)

いつもRecursionをご利用いただいてありがとうございます。

ユーザーの皆さんや支えて下さる方のおかげで、Recursionはリリースから2周年を迎えることができました。今後もプロダクトの改善、新しいコンテンツの追加など、Recursionをどんどん成長させつつ、皆さんの学習のお手伝いができるよう頑張っていきたいと考えています。

8月は初心者チーム開発を開催し、9名の方にご参加いただきました。初心者チームとは思えない完成度で、面白いアプリケーションを開発することができたようです。今回はシェアチャンネルに投稿された成果物と合わせて、初心者チーム開発で開発したアプリケーションをご紹介します。

それでは2022年8月の成果物を紹介します。

初心者チーム開発で作成した成果物

Recursionでは、未経験でも実務に近い環境を体験できるチーム開発の参加を推奨しています。初心者用チーム開発では、「Gitの使い方」や「JavaScriptでの簡単なアプリケーションの作成」を体験します。

Recursionガチャ!ガチャ! | Group Green

クリックすると拡大することができます

Project概要

Recursion初心者用チーム開発の成果物です。 このプロジェクトの目的はRecursionのコミュニティに入って間もないユーザーに、メンターやイベント企画者などを紹介することです。

GitHub URL : https://github.com/recursion-teamdev-green

GitHub Project URL : https://recursion-teamdev-green.github.io/project/

運営からのコメント

Jeffry

This is a fun project that brought different community members to play, great work on this beginner project! The code is easy to read and well organized, and you all made use of JS features like DOM manipulation, local storage, async timeouts and animations. Hope to see more projects like this in the future from users joining our community events.

Recursionユーザーの成果物紹介

Recursionのコミュニティでは、成果物を紹介できるチャンネルがあります。コンテンツ内のプロジェクトや、個人で開発したものなど、ぜひチャンネル内でシェアしてくださいね。

BlackJack | takeshiさん

クリックすると拡大することができます

Project概要

ブラックジャックを作成しました。このプロジェクトでは、OOPで学んだことをカードゲームという形でプロジェクトに落とし込み、MVCに気をつけて開発しました。

遊び方はシンプルで、ゲーム画面でユーザ名を入力するとゲームが始まり、ブラックジャックのルールに準じて自分のターンに行動します。ユーザー名を”AI”に設定するとAIモードで遊べます。ユーザーのチップがゼロになるとゲームオーバーです。

カリキュラム:コンピュータサイエンスプロジェクト

URL : https://recursionist.io/share/takeshi8989/lessoncode/445/htmlRunner1

運営からのコメント

Jeffry

The blackjack project is one of the more challenging projects so its always exciting to see advance users give it a try. The code is well structured into its separate sections, and more importantly the models are isolated. It relies on doing a loop on each turn until its the players turn, and waits for input. If you were to put these models somewhere else, it can be reused as a CLI version as well, which represents how decoupled MvC is. Great work on this Blackjack!

Online-Dating-App | Kohさん

クリックすると拡大することができます

Project概要

オンラインで相手を探してメッセージのやり取りができるSPAアプリです。ルーティング管理にVue-Router、状態管理にVuexを使用しました。また以下を使用して機能を追加してみました。

  • RANDOM USER GENERATOR – ランダムなユーザー情報を取得できるAPI
  • Talk API – 入力テキストから応答文を生成することで日常会話を可能にするAPI
  • Leaflet – Web地図のためのJavaScriptライブラリ

カリキュラム:Vue

Github Project URL : https://khkmgch.github.io/Online-Dating-App/

Github URL : https://github.com/khkmgch/Online-Dating-App

運営からのコメント

Jeffry

Great work handling vue, and using it effectively. The folder structure is well organized, and you made great use of all features vue has to offer as a front-end library. Using an API like a random user generator is also great for fast prototyping, and since talking to a server to retrieve information asynchronously also works very similar. I recommend this project to those that want to output vue.

Click Empire Game | Sawaさん

クリックすると拡大することができます

Project概要

ユーザーは20歳で、ファーストフード店でハンバーガーを焼く仕事からスタートし、お金を貯めることによって投資、不動産の購入をしていき、資産を築くゲームです。

カリキュラム:コンピュータサイエンスプロジェクト

Github Project URLhttps://s1-haya.github.io/Clicker-Empire-Game/

Github URLhttps://github.com/s1-haya/Clicker-Empire-Game

運営からのコメント

Jeffry

This theme looks really cool, and the source code is well written. The code is broken up into its own concentrated sections, with models separated from controllers/views. It supports cached storage through JS’s local storage. Its easy to read the code, and its setup in such a way that it can be easily extended.

File Directory System | takeshiさん

クリックすると拡大することができます

Project概要

カレントディレトリに対して、mkdir, cd, ls, touch, pwdのようなCRUDコマンドが適用できる擬似的なコマンドラインを作成します。

カリキュラム:コンピュータサイエンスプロジェクト

URLhttps://recursionist.io/share/takeshi8989/lessoncode/519/htmlRunner1

運営からのコメント

Jeffry

Congrats on tackling this File System project. Its a fun way to get to know unix-like commands, and also practice a lot of the data structures learned in intermediate and advanced. In this case, a linked list to SystemTree with linked list of nested lists to form a graph. Do note JS allows for a more dynamic implementation, but on a static language it would be intersting to see what data definitions or generics are applied.

【有料ユーザー限定】チーム開発に参加しよう

Recursionでは、いくつかの条件を満たしたユーザーのみが参加できるチーム開発プログラムがあります。Discordコミュニティで定期的に募集の案内をしていますので、ご興味のある方はぜひご参加ください。参加条件など詳しくはDiscordのチャンネルを確認してください。