寿司打クローンをJavascriptで作ってみた - タイピングゲームチュートリアル

#HTML #CSS #Javascript #タイピングゲーム #ウェブアプリ #チュートリアル #tutorial
＼ShinCode_Campでプログラミングを楽しもう／
幅広いプログラミングの知識を得るための動画プラットフォーム
🎁僕が作成したUdemy講座が見放題
🎁分からない箇所は質問し放題
🎁フルスタック技術が学べる
🎁コミュニティ機能付き
🎁いつでも解約可能
↓↓↓↓↓
code-s-school-...
❤️ チャンネル登録： / @programming_tutorial_...
❤️React×TrelloチュートリアルのUdemy92%割引クーポン：shincode.info/2...
❤️Three.js入門のUdemy94%割引クーポン：
shincode.info/2...
★今回のソースコード：github.com/Shi...
タイピングゲームで有名な寿司打をJavascriptでクローンを作ってみました。
バグや分からないことがあればコメント欄、またはDMでご質問ください。
★私のブログ：shincode.info
★私のTwitter： / shin_engineer

[@NYANG0R0]

作りながら学習することの威力を感じられます。またテンションが高いのでこっちも楽しくなれて好きです。

[@riceomu2135]

作れました！！！ コードをその都度説明してくれたので入力してて楽しかったです！！！

[@トムリドル-h9x]

ノリノリのしんちゃん可愛い💗

[@yoojiyang444]

面白くて勉強になる動画をありがとうございます！作りながら学ぶ動画を探していたのですごく助かりました！他の動画も見させて頂きます！

[@佐和高橋-t9f]

めっちゃ楽しく作れました！

[@篤ジャジャマル]

ちょうどタイピングゲームを作りたいと思っていたところなので、こちらの動画大変ありがたいです。 udemyの方もとにかく作って学ぶ形式なので、とても楽しく学習させていただいてます。 ありがとうございます。

[@KentaroxKondo]

寿司打のオリジナル版を作ろうと思って調べてみたら、案の定シンさんが先にやってた🤣 これ、表示文字の下に打つべきキーも表示させて「ju」や「zhu」、「zyu」なども許容する、と言うようなロジックにして、尚且つ日本語の漢字にはルビを振り、他言語モードも実装するとなるとなかなかチャレンジングになるかな？ テキストは自分で用意したいのでデータベースを使用して… あとはログイン機能をつけて履歴や他プレイヤーを含めたランキング、wpm計測とかもほしいかな。ここまでやるなら、無料でリリースは無理かな？？

[@vndfkmd]

最高！もっと動画出して欲しいです

[@masam2209]

素晴らしい。説明がすごくわかりやすかったです。今後もよろしくお願いします。

[@さんかめはめ]

テンションいつもよりはっちゃけててすこ笑

[@programming_tutorial_youtube]

この時は動画のスタイルに血迷ってましたね、、笑

[@さんかめはめ]

@@programming_tutorial_youtube 笑笑 どこかのコメントで24歳と仰ってて僕と同じ歳でここまで色んなことご存知なことに感銘を受けました！ 宜しければどういったお勉強をされていたのかお聞きしても宜しいでしょうか？？

[@おにぎりです-鉄オタ]

@@さんかめはめおにぎりです

[@GambareDev]

いいですね。 素晴らしいです

[@programming_tutorial_youtube]

ぐえんさん、どうもです。 結構がんばりました笑 何かのためになればうれしいです。

[@nekogrammer]

楽しく実装できました。素晴らしい動画ありがとうございます✨getTimerTimeが少し難しかったです。setIntervalが呼び出された後1秒ずれて呼び出される。これを1秒毎に計算処理することで（30-1,　30-2,　30-3.....）カウントダウンできる（1秒づつ減っていく。29,28,27...）現段階での解釈です。復習します！

[@m1lkey214]

説明が丁寧でわかりやすいです！

[@おにぎりです-鉄オタ]

作ってみます。スパックエディタで。

[@NYANG0R0]

キャラが好きです笑

[@abusukabarara]

apiはどのように探していますか？ 日本語の文章をランダムで作成するapiを探しているのですが、 なにか知っているのあったりしますか？

[@riel4811]

素人質問で申し訳ないんですが タイマーが30秒から1秒ずつ減っていって0秒になったらっていう条件での計算はfor文使ったりはしないんでしょうか

[@eeeg]

今模写完了したのですが、間違えた文字だけで、文章と同じ文字数がまで達すると、正解サウンドがなって次の画面に遷移してしまいますw

[@丸山稜-c4s]

動画アップ感謝します！すごく参考になります。ところで先生はおいくつなんですか？

[@programming_tutorial_youtube]

動画視聴ありがとうございます。 おそらく思っているより年齢はとってますね、24歳です。子供っぽくてすみません😓

[@しょう-t3o7p]

とても分かりやすい説明でした。ありがとうございます。 実際に作成したタイピングゲームのタイマーの秒数を短くして実行し、放置してみたところ、５回目くらいからTimeUp関数が複数回実行されているような不具合が起きました。 githubから見本のjsファイルをコピーして貼り付けても同じ不具合が起きており、自分のミスが原因での不具合かもともとの仕様か判断できません。 どうか、ご回答よろしくお願いします。

[@programming_tutorial_youtube]

コードがないと如何せんアドバイスができません。 できれば所定のコードを貼り付けてくださると何かアドバイスできるかもしれません。

[@tamago_v]

APIをGoogleで検索してもErrorがおきて出てこないのですが、何故でしょうか？こちら側の問題なのでしょうか？

[@programming_tutorial_youtube]

ネットワークに繋がっていますか？

[@tamago_v]

@@programming_tutorial_youtubeもう一度別の日に試してみたら繋がりました!! お騒がせしてすみません。。

[@dmcreatorjapan]

外人のKZbin Tutorialみたいで草 そして「困ったらドロップシャドウてけておけ」はデザインでやったらあかんやつ。

Não entendi porra nenhuma que vc falou mas agradeço

[@おにぎりです-鉄オタ]

html lang="ja"にしてください。

[@しゃかネコ]

酔ってますか…？

[@programming_tutorial_youtube]

この時はテンション高めでいってましたね、、

[@Dekiso-Konai]

Uncaught TypeError: Cannot read properties of undefined (reading 'split') at HTMLTextAreaElement. このエラーが出て原因がわかりません 指定された場所はここです const arrayValue = typeInputElement.Value.split(""); 教えていただけますでしょうか？

[@aikayu1op]

Valueじゃなくてvalueでは？

[@Dekiso-Konai]

@@aikayu1op ありがとうございます！無事解決しました😓こんな凡ミスをする自分が嫌になります

[@aikayu1op]

@@Dekiso-Konai 良かったですー プログラムに凡ミスはつきものなので気にする必要はないですよw