LoginSignup
48

More than 1 year has passed since last update.

【個人開発】エンジニアは全員サーフィンやるべきだと思ったので、サーフィンしながらタイピングできるサービスを作ってみた。

Posted at

はじめに

S5ZHskYu8cDwNqRz9V7n1628473413-1628473421.gif

エンジニアやエンジニア志望の皆さん、最後に海に行ったのはいつですか?

元々インドアで仕事や勉強をしがちで、コロナ禍もありよほど好きな人でなければ1年以上海に行ってないのではないでしょうか?

申し遅れました、りゅうじと申します。

【Twitter】

https://twitter.com/otokomigakimasu

【今回作ったサービス】

https://surf-typing.herokuapp.com/

サーフィンが好きでよく海に行く私は、普段インドアで仕事や学習を頑張っていらっしゃる皆さんこそ海に行くべきだと断言できます。もっと言えばサーフィンをやってみるべきです。

いつもPCと向き合っていて心身が受けているストレスは無自覚の内に蓄積されています。

その全てを海が洗い流してくれます。

しかし現実的に海が近い場所にないなら簡単には行けないし、サーフィンを趣味としていなければ真夏以外で海に行く事は少ないかと思います。

いつも通りPCを開いて海を感じられながら視覚的にサーフィン体験ができ、仕事や学習の効率化の為にタイピングも練習できて、心が癒されるものがあったらと思い…。

作りました。

https://surf-typing.herokuapp.com/

SurfTypingイメージ動画.jpg

サービス概要

サーフムービーをバックに波の音とアコースティックギターの音色を聴きながらタイピング練習ができます。

a84ce0c9d4cd448fcd2902053b3f69e2 (1).gif

問題の言葉は私がこれまでの人生で好きな言葉だったり、誰かに頂いた言葉だったり、自分の中で響いた言葉だったり…を出題しています。

人は普段見聞きしている言葉に影響を受けて生きています。

私はこれまでPCを購入してから既存のタイピングゲームを毎日欠かさず練習しておりました。

その中でタイピングゲームの問題の言葉が自身が想像しているよりも心に影響がある事を体感しています。

なので、問題を前向きな言葉だったり自身の思想を元にすれば、タイピングゲームからでも使っていただいた方を癒したり元気づけたり、私の人柄だったり、共有したい言葉を発信できると考えたからです。

1a18d31a0b3cfdc0fbe2157bbbf859a4 (1).gif

使用技術

  • Ruby 2.6.6
  • Rails 6.0.3
  • JavaScript

主なGem

  • meta-tags
  • rubocop
  • webpacker

こだわったポイント

すべての素材を自分で用意しました

使用した動画はGoProという手ブレ無しで撮影できるビデオカメラを購入して撮影してきました。
D0D5D2A6-A60D-4A9E-BEED-7554326D4578.jpeg

流れる波の音・アコースティックギターの音色・メロディも全て自分で作成し演奏しています。

エラー音はギターのハーモニクスを使いました

エラー音が不快な音だとゲームをしていてストレスを感じます。

不快ではなく、きちんとエラー音として認識できる音を考えた結果、ギターのハーモニクスという綺麗な音が鳴らせる奏法のものを取り入れました。

気軽に使ってほしい想いからユーザー登録機能などを排除

いつものPC作業に入る前だったり、合間の時間に使ってほしいと思ったので、極力必要でないと感じた機能を排除する事を意識しました。

z派 j派 どちらにも対応

こちらは当初のリリース時は対応しておりませんでした。

私自身、対応させたかったのですが

リリース前の開発段階では実装の方法を模索してもわからなく、必要最低限の機能だと感じなかったので、後回しにしMVPという事でリリースしていました。

しかし

  • ji 'と'zi '
  • 'ju'と 'zyu'
  • 'jo'と'zyo'

をどちらにも対応させてほしいという要望を多数頂きアップデート致しました。

今後実装したい事

  • ステージを複数用意し選択できるようにする
  • タイピングの成績の記録を残せるようにする

終わりに

最後まで読んでいただきありがとうございました。

色々書いてきましたが、私は海が…サーフィンが…ギターが好きだから、このアプリを作りました。問題の言葉は私の思想であり想いです。なのでこのアプリは私自身です。

私という人間を通して、皆さんが少しでも気持ちが明るくなったり、癒しになってもらえたり…。その中でタイピングが自然と速くなっていく手助けができたら嬉しいです。

それではまたSurfTypingでお会いしましょう!

【Twitter】

https://twitter.com/otokomigakimasu

【今回作成したサービス】

https://surf-typing.herokuapp.com/

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
48