![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
技術部メンバー
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
![アバター画像](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://www.sphere-net.co.jp/wp-content/uploads/2019/01/6843807E-BA37-41AF-B099-1A861818E3A3-80x80.jpeg)
最新記事 by 技術部メンバー (全て見る)
- 未経験求人!福岡のIT企業がPG候補募集 - 2024年7月25日
- SEO専門メディアのSEO対策研究所に弊社が掲載されました - 2024年7月22日
- 観光地の飲食経営者必見!効果的な集客方法 - 2024年7月17日
タイピングを毎日8時間、月間160時間、年間で1920時間しているシステムエンジニアの私は、友人からよくタイピングについて以下のような相談を受けていました。
・タイピングが苦手なのですが、無料でタイピングが早くなる方法はないですか?
と中学生の甥っ子から相談を受けたり、
・友人の息子がタイピングが早くなるゲームを探しているけど面白い知らないか?
と相談を受けたりしたことが続きました。
実は、私もその昔、同じようなことで、悩んでいたことがあったな~っということがキッカケで
私が自分でタイピングRPGゲームを制作しました。
![タイピングRPGゲームログイン画面](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/6E6BAFFC-B751-420B-85BC-71AC64C0F4ED.png)
![タイピングRPGゲームログイン画面](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/6E6BAFFC-B751-420B-85BC-71AC64C0F4ED.png)
![タイピングRPGゲームログイン画面](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/6E6BAFFC-B751-420B-85BC-71AC64C0F4ED.png)
初めての方でもカンタンにプレイできます。
この機会に、無料ですので、是非、あなたもこの名作(?笑)をプレイしてみてください。
タイピングRPGゲーム制作者、私の自己紹介ブログはこちら
タイピングの勉強におすすめ【初心者向け】
今回のタイピングゲームが提供できるメリットは、
初心者でもタイピングを面白く勉強できて、いつの間にか身に付けられる!
ということです。
![子供でもカンタンにできるタイピングゲーム](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/78A8017A-48D4-401D-A591-BDA84684B9A1.png)
![子供でもカンタンにできるタイピングゲーム](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/78A8017A-48D4-401D-A591-BDA84684B9A1.png)
![子供でもカンタンにできるタイピングゲーム](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_550/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/78A8017A-48D4-401D-A591-BDA84684B9A1.png)
その理由は、タイピングゲームにロールプレイングゲーム(RPG)の要素を加えているからです。
タイピング部分では、複数入力にも対応している点もいつの間にかタイピングを身に付けられるようにしています。
例えば、「問題」という文字列であれば「mondai」「monndai」と2パターンどちらでも正解となり、ユーザーがタイプしたキーに合わせて動的にローマ字部分の表示が変わります。
ゲーム画面の通信は全てAjaxを使用し、画面遷移は一切行わずプレイできるようにユーザー目線で制作しました。
PHP/javascript/awsでの作り方(開発言語など内容)
今回使用した技術は
・PHP7.4、Laravel7.29、Javascript(jquery)、HTML/CSS/Sass、MySQL8.0、Nginx、Docker/Compose、AWS、Twitter API
になります。
![タイピングゲームインフラ構成図](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_900/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/05E55A11-E494-4EE1-9AF7-991158AE5260.png)
![タイピングゲームインフラ構成図](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_900/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/05E55A11-E494-4EE1-9AF7-991158AE5260.png)
![タイピングゲームインフラ構成図](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_900/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/05E55A11-E494-4EE1-9AF7-991158AE5260.png)
機能一覧
機能は以下の通りです。
・ユーザー登録/ログイン機能(Laravel/ui)
・Twitter API を利用したユーザー登録/ログイン機能
・トークンを用いたパスワード変更機能
・ユーザー情報編集機能
・ユーザー退会機能
・Twitter投稿機能
以上、機能になります。
最後に
弊社は、福岡県博多区にある小さなシステム開発会社ですが、現在、システムエンジニア経験者・未経験者の採用も積極的に実施しています。
未経験者の場合、書類選考でポートフォリオをご提出いただければ、一次面談を実施しております。
もし、弊社での業務内容など入社をするにあたって、現在の職場や応募検討中の他社と比較する際に確認されたいことがありましたらお気軽にご応募ください。
![未経験プログラマー募集福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/8288E04C-97D0-41A5-886A-578CB7524B9D-1024x285.png)
![未経験プログラマー募集福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/8288E04C-97D0-41A5-886A-578CB7524B9D-1024x285.png)
![未経験プログラマー募集福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/8288E04C-97D0-41A5-886A-578CB7524B9D-1024x285.png)
![システムエンジニア中途採用福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/5D8A17CA-74A9-4C63-A413-211AEB8E984C-1024x285.png)
![システムエンジニア中途採用福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/5D8A17CA-74A9-4C63-A413-211AEB8E984C-1024x285.png)
![システムエンジニア中途採用福岡](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_285/https://www.sphere-net.co.jp/wp-content/uploads/2022/12/5D8A17CA-74A9-4C63-A413-211AEB8E984C-1024x285.png)