2023/07/19
PHP開発・謎解きSNS「NAZOO」発表【カリキュラム卒業生】
![グロウコミュニティ株式会社PHP自作発表会](https://grow-community.net/wp-content/uploads/2023/07/101b714d8d0d11b5379d8ace2de0b9b6-1024x536.jpg)
グロウコミュニティ株式会社では、未経験エンジニアの方を育てる独自の研修カリキュラムがございます。
![](https://grow-community.net/wp-content/uploads/2023/07/Tech-Grow-UP-14.59.32-1024x363.jpg)
※PHPかJAVAの選択制
PHPカリキュラムの卒業時には、自作で1つWebアプリを制作するのですが、今回は、Tさんが開発したWebアプリを発表してくださいました。
その名も、謎解きSNS「NAZOO(ナズー)」!
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/5-1024x760.jpg)
「NAZOO」は、自分で問題を作って投稿したり、他の人が作った問題を解いたり、謎解きを楽しめるSNSです!
気に入った問題には「いいね」をつけて保存することができ、「いいね」が多くつくと、人気クイズとしてランキングに掲載されます✨
PHPのフレームワークであるLaravelを使用して作成したそうです。
なぜ謎解きSNS「NAZOO」を作ろうと思ったの?
![](https://grow-community.net/wp-content/uploads/2023/07/0P8A4220-1024x683.jpg)
![](https://grow-community.net/wp-content/uploads/2023/07/0P8A4220-1024x683.jpg)
「ここ数年、テレビ番組や『リアル脱出ゲーム』といったコンテンツで謎解きが流行っています。
しかし、気軽に問題を解いてみたくとも、放送時間が決まっていたりイベントに申し込みをしないといけないため、なかなか手を出せない人もいるかと思います。
そこで、このようなSNSという形で、いつでも気軽に謎解きを楽しめるようにしたいと思い作成しました!」
「NAZOO」の機能について
一般ユーザーと管理者ユーザーそれぞれでログインできるようになっており、機能もユーザーによって異なります。
【一般ユーザー】
ログインすると、いろいろな人が投稿した問題一覧が表示されます。
![グロウコミュニティ株式会社PHP自作発表会](https://grow-community.net/wp-content/uploads/2023/07/3-1024x760.jpg)
![グロウコミュニティ株式会社PHP自作発表会](https://grow-community.net/wp-content/uploads/2023/07/3-1024x760.jpg)
「回答」を押すと、問題が解けるページへ。
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/16-1024x760.png)
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/16-1024x760.png)
回答を入力して送信すると、すぐに結果判定されます。
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/78d927136f522ae0438aa4894f76d05a-e1689734845153-1024x276.png)
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/78d927136f522ae0438aa4894f76d05a-e1689734845153-1024x276.png)
「いいね」をクリックでお気に入り登録できます。
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/10-e1689734955466-1024x348.jpg)
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/10-e1689734955466-1024x348.jpg)
「いいね」がたくさんつくとランキング画面で上位に!✨
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/5-1024x760.jpg)
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/5-1024x760.jpg)
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/5-1024x760.jpg)
お気に入りのユーザーをフォローすることもできます.
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/10-1-e1689734938256-1024x338.jpg)
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/10-1-e1689734938256-1024x338.jpg)
「絞り込み」でフォローしているユーザーの投稿だけに表示を切り替えられます。
![グロウコミュニティ株式会社エンジニア作品](https://grow-community.net/wp-content/uploads/2023/07/cde98715d1dc7fb9375ac7570c5299df-1024x760.jpg)
![グロウコミュニティ株式会社エンジニア作品](https://grow-community.net/wp-content/uploads/2023/07/cde98715d1dc7fb9375ac7570c5299df-1024x760.jpg)
お次は投稿してみましょう!
「投稿する」を押すと問題作成画面になります。
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/4-e1689735132962-1024x701.png)
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/4-e1689735132962-1024x701.png)
↓こんな感じで問題を入力します。画像やヒントも設定できます◎
![グロウコミュニティ株式会社エンジニア作品](https://grow-community.net/wp-content/uploads/2023/07/7d41c1621089b1014724f4a23832e5eb-1024x760.jpg)
![グロウコミュニティ株式会社エンジニア作品](https://grow-community.net/wp-content/uploads/2023/07/7d41c1621089b1014724f4a23832e5eb-1024x760.jpg)
投稿するとこのように表示されます!
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/17-1024x760.png)
![グロウコミュニティ株式会社テックグロウアップ](https://grow-community.net/wp-content/uploads/2023/07/17-1024x760.png)
「マイページ」を押すと自分のアカウント情報が表示されます。
「編集」ボタンからアカウント情報の編集も可能です。
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/6-1024x760.jpg)
![グロウコミュニティ株式会社研修カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/6-1024x760.jpg)
【管理者ユーザー】
管理者ユーザーでは、ユーザーの一覧として登録日やメールアドレスの確認ができるようになっています。
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/9-1024x760.jpg)
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/9-1024x760.jpg)
通報機能もあるため、通報された投稿やユーザーは、管理者権限で削除も可能です。
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/8-e1689735328371-1024x557.jpg)
![グロウコミュニティ株式会社未経験からITエンジニア](https://grow-community.net/wp-content/uploads/2023/07/8-e1689735328371-1024x557.jpg)
今後の展望
![グロウコミュニティ株式会社の社員さん](https://grow-community.net/wp-content/uploads/2023/07/0P8A4217-1024x683.jpg)
![グロウコミュニティ株式会社の社員さん](https://grow-community.net/wp-content/uploads/2023/07/0P8A4217-1024x683.jpg)
「実は、まだまだ追加したいことがありまして…」
さすがはTさん…!
「もともとNAZOOと名付けたのは、問題を解いていくことで
『動物園のように動物を集められるようにしたい』という発想が元になっていました。
正解数などに応じてトロフィーのような動物をゲットできる機能を追加したいですね」
だからNAZOOなんですね!動物いっぱい集めて自分だけの動物園が作れたら面白そうですね。
「あとは、いいねやフォローだけでなく、コメントもできるようにしたいと思ってます。
それと、問題にジャンルを設定してフィルタリングできるようにしたり、検索機能をつけてユーザー名や問題文などを検索できるようにしたいです」
生き生きと話してくれたTさん。今後もNAZOOの進化が楽しみですね!
今回のPHP開発を通じての感想
最後に、今回制作をしてみてどうでしたか?
「設計からすべて自分で考えたため、一から制作する流れを学ぶことができました。
また、今回の制作でLaravelやTailwind CSSを使用することになり、新たなスキルを身につけることができました。
今後も現場などで役立てていきたいです!」
Tさんは未経験からカリキュラムを受講され、現在は金融系システム開発のプロジェクトに参画しています。
Tさん、ありがとうございました!
▼Tさんのインタビューはこちら▼
![グロウコミュニティ株式会社社員さん](https://grow-community.net/wp-content/uploads/2023/07/Tech-Grow-UP-2-1024x363.png)
![グロウコミュニティ株式会社社員さん](https://grow-community.net/wp-content/uploads/2023/07/Tech-Grow-UP-2-1024x363.png)
▼Tさんが受講したTech Grow UP▼
![グロウコミュニティ株式会社カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/Tech-Grow-UP-14.59.32-1024x363.jpg)
![グロウコミュニティ株式会社カリキュラム](https://grow-community.net/wp-content/uploads/2023/07/Tech-Grow-UP-14.59.32-1024x363.jpg)
前の記事 :
【グロウコミュニティ社員主催】ITツールを学ぶ共有会開催!
次の記事 :
【求人追記】グロウコミュニティ株式会社、福岡支社開設!求人情報や住所(行き方)を公開します