Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Golang で制限時間付き・ランダム表示のタイピングゲームを作ってみた。
Search
Nobuyoshi
February 06, 2020
Programming
0
450
Golang で制限時間付き・ランダム表示のタイピングゲームを作ってみた。
Golangで制限時間付き・ランダム表示のタイピングゲームを作って、
つまづいた事、解決方法についてお話します
Nobuyoshi
February 06, 2020
Tweet
Share
More Decks by Nobuyoshi
See All by Nobuyoshi
2年ぶりにCSSアニメーションを作ったよ!
uemura
0
190
今年初めてのBabylonJsを触ってみた
uemura
0
110
ポートフォリオサイトのお問い合わせフォームをSendgrid + microCMSで作成したお話
uemura
1
1.2k
Three.js(WebGL)で一年以上学習した成果と便利なクラス/ライブラリを紹介
uemura
0
210
Pug / SASS でピクロス(カービィ)を作成
uemura
0
120
僕の好きなcssプロパティ・値5選
uemura
0
350
複雑なHTML_CSS アニメーション 作品一覧 + 苦労したこと
uemura
0
100
Microcms + nuxt.jsで個人ブログサイトをデプロイした件
uemura
0
650
ウォーターフォール・アジャイルに関しての個人の見解
uemura
0
340
Other Decks in Programming
See All in Programming
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
Git Lint
bkuhlmann
4
740
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
3.1k
Folding Cheat Sheet #1
philipschwarz
PRO
0
210
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
320
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
160
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
OpenAPI を守るのは難しい
ohmori_yusuke
2
770
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
18
4.8k
脱・初心者!脱・マネコン!AWS CDKを使ってみませんか!?
har1101
0
300
エンターテイメント業界で利用されるAWS
demuyan
0
200
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
460
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
The Language of Interfaces
destraynor
151
23k
Design by the Numbers
sachag
274
18k
What the flash - Photography Introduction
edds
64
11k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Atom: Resistance is Futile
akmur
258
25k
How to Ace a Technical Interview
jacobian
272
22k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
13k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
103
6.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Transcript
Go lang で制限時間付き・ランダム表示の タイピングゲームを作った話 うえむー 2021/11
・自己紹介 ・なぜ、あの時Golangをやろうとしたのか? ・golangで作ったもの ・golangでつまづいた事 scan関数 ・golangでつまづいた事 timer設定 目次
Name うえむー Skill html / pug / css / scss
/ javascript / jQuery / gulp.js / php / React.js / Vue.js / next.js etc... ※firebase / Svelte 勉強中です。 Hobby プログラミング学習・ビートボックス・ゴルフ・ボードゲーム・麻雀 SNS・ブログサイト Twitter::https://twitter.com/uemuragame5683 ポートフォリオ:https://uemu-engineer.com/ 自己紹介
・[Gopher]というマスコットキャラクターがいい! ・2019年 学びたいプログラミング言語、 トップ3入り! ・progateのプログラミング学習に その言語が入っており面白そうだったから なぜ、あの時Golangをやろうとしたのか?
golangで作ったもの
タイピングゲームを作ってつまづいた事① Scan関数の罠・・・
最初はprogateのgo lang言語の学習 レッスンの最後に「タイピングゲームを 作ろう」があったので、チュートリアル をみて実装しました。 しかし、タイピングゲームの7問目に半 角スペースを含めた ワードを設定し実行すると。。。
正解のはずが、「不正解です!」と返さ れ8問目〜10問目が飛ばされてしま う。 実行結果
不具合の原因 原因はScan関数らしく、ドキュメントを見ると以下のことが書かれ ておりました。。。
標準入力からテキストを一行ずつ読み込む「bufio.NewScanner」の関数 を利用して、標準入力から読み込んだテキストをスキャンできたら、テキスト を文字列に変更しans 変数に渡して、ans 変数と問題が同一であれば「正 解です!」という文字列とポイント加算し、同一でなければ「不正解です!」 という文字列を返却するように処理に変更しました。 修正前 修正後
this is a dogと入力しても、さっき みたいに不具合にはならず正常に 処理がでた。
タイピングゲームを作ってつまづいた事・・・② タイマー設定。。。
第二フェーズ せっかくgo langを学習したのに勿体無い、 お題をランダム形式・タイマーを加えて実装してみたい。
新たな壁が。。。 いつも書いているphpはオブジェクト型、golangはパッケージ型な ので書き方が全然違うので慣れないのでタイマーはどうやって実 装するのかわからない。 ドキュメント・参考記事を参照に実装
修正前は、main関数・ask 関数を分割して実装。 main関数は、ask関数に連 番・お題・スコアの変数を設 定し、Printfで結果のコメント を出力するコードを入力。 ask関数は変数totalScore のポインタを引数として渡し 正解の場合はに+10を加え るコードを入力。
修正後は、ドキュメント・参考記事を 参照にしてmain関数、ask関数を 分割にするのをやめて一つにまと めた。 ・コマンドラインのフラグを解析する ための「flag」パッケージ ・日時データを取得するための 「time」パッケージ ・ランダム表示させるための 「math/rand」パッケージを利用して
実装
(1).shuffle関数を作成して文字列 をシャッフルさせてランダム表示 (2).init関数を利用してフラグを作成 (3).入力データを読み出すためのイ ンターフェース (4).timeパッケージを利用して数分 後に処理するtmの変数を作成 3 4 1
2
for文で配列を回してお題をランダ ムで出力 switch文と似ているselect文を利用 文字列を入力を入力し正解だった ら正解ですと文字列を返し、スコア が加算され次の課題へ不正解だっ たら加算されず正解が出るまで次 のお題出さない 時間がすぎたら制限時間すぎまし たという文字列を出力し強制終了
その結果、左図のように正常に処 理ができました。
来年の予定 ・サーバーサイド言語: firebase + typescript + next.js ログイン機能 firebase
+ gatsby.js でチートシート golang で何かを作る「未定」 ・フロントエンド: ブログサイトリニューアル
ご静聴ありがとうございました!