ネットワークエンジニアで高きを目指せ(サイバージャヤ、マレーシア)スマートフォン用の表示で見るネットワークエンジニアで高きを目指せ(サイバージャヤ、マレーシア)世界を股にかけて転職する男(マレーシア<ー>ベトナム)2020-02-24ネットワーク用のコマンドを学べるタイピングゲームを作ってみた。VLANGraspyで無料プログラミング講座を受講する22日はネットワークのコマンドを学べるタイピングゲームを作るべく、ドットインストールのタイピングゲームを改造していました。なんとか、ネットワークのコマンドをタイピングゲームで学べないか作ってみました。https://t.co/qVQcXj2tiz解説を読む時間がないため、どうしようか考え中。2020なんかこう、プログラミングを通じてネットワークのコマンドやら知識やらを得られるようなウェブアプリを作りたい。ちなみにその日の食事はテキサスチキンでGO。2020出来上がったタイピングゲームは下記のURLで紹介しております。https://cyberjaya.xyz/2/typinggamef/ftyping.html簡単にウェブアプリの紹介をさせてください。URLへいくと、クリックを押すように催促されるのでクリックしてください。したら、すぐ以下のような画面に映るはずです。赤い部分は"comment"部分です。おススメはまず以下の赤い部分を一瞬見てから、上のコマンドを打つことをおススメします。ちなみにうまく打てていると、点に変わります。登録してあるコマンドは10個にも満たないです。解説、フォントの色など工夫したいですね。IT用語タイピングゲームとかも考えてて、打つ前に画像が出てそれみてからタイピングするとかそういうのもアイデアとしては持っています。ネットワークやハード、ソフトの3つの部分をうまく組み合わせて学べるような奴を作りたい。今回のプログラミングの仕組みですが少し解説します。タイピングゲームのプログラミング自体はドットインストールで学んでください。約千円ほどかかりますが、たった千円でこんなアプリ作れるなら安い。ドットインストールのURLは以下の通りです。https://dotinstall.com/lessons/typing_js_v3さて今回工夫した点は、タイピング用のコマンドが出てきたと同時に、下記に対応する"comment"をつけたところです。JavaScriptの二次元配列とか言う奴を利用しました。HTMLでPタグを増やし、"comment"というIDをあてました。-->ちなみに今回のタイピングゲームの場合、時間が短いと"comment"を読む暇もないので時間を1分に延ばしました。慣れれば、"comment"を読む時間もタイピング速度も上がると思われます。次に2次元配列の実装を行いました。簡単な例は以下の通り。'可愛い!'],];配列では各要素に順に0から番号が割り当てられていました。cherryでは二次元配列とは?配列の各要素に更に配列があるのです。可愛い!以下のようなページを目指しました。今はまだ実装していませんが、もちろんもっと増やすこともできます。チェリーつまり単語words[n][0]に対応するコメントはwords[n][1]と表すことが出来ます。ドットインストールでは整数nはMath.floorとMath.random()を使用しました。”comment”をコメントwords[n][1]に置き換えます。{}の中身を改造してきました。ゲームをスタートさせるためにクリックし、最初に表示される単語に対するコメントだけを追加することが出来ました。{}の中を改造していきます。ここには、タイピングの正誤判定と、カーソルの位置(loc)と単語の長さ(word.length)が一致したときに次の単語を表示する、という処理が書かれています。ここで新しい整数を生成すれば次の単語とコメントが表示できます。コメントさて、最終的には当然りんごとかアップルじゃなくて、ネットワークのコマンドを打ち込んで"comment"されるようにしたいので以下の文章に変えています。access','スイッチポートの変更です。ポートをアクセスポートに変更します。trunk','スイッチポートの変更です。ポートをトランクポートに変更します。transparent','VTPモードはデフォルトでserverモードです。server,client,transparentの中から選択することができます'],];正直長い間ネットワークの勉強から離れていたので、だいぶ忘れちゃいましたが、復活してこちらのプログラミングに組み込んでいきたいですね!イヤ、マジで!ちなみに、"comment"があまりに小さいので、CSSで文字を大きくしておきました。そこらへんは簡単にできると思います。#comment{font-size:60px;}もっといい感じに改造ができたらまた紹介します。★その他、最近の記事は以下の通り。interier.hatenablog.cominterier.hatenablog.com信じられないことに約660人の方に現在フォロー頂いております!。迷える子羊である私と絡んでくれる方がいらっしゃいしたら、是非以下フォローお願い致します。↓↓↓↓↓Tweet私のよく知っているベトナムにて、IT留学ができるようです。2週間からでも参加できるようなので、検討されては如何でしょうか。下記、バナーより説明会に参加できますので、ご検討お願い致します。読者登録をしていただけると大変助かります。本サイトが参考になったらクリックをお願いします。23:45ネットワーク用のコマンドを学べるタイピングゲームを作ってみた。tsuyunaruhitoプロフィールid:tsuyunaruhito世界を股にかけて転職する男ざっくりとした履歴2010年-2012年ベトナムへ移住、旅行会社へインターンシップ、建具会社を経験(建具会社では6ヶ月の給料の滞納を経験、後にベトナム人に5000円を借りる男と噂される)2012年-2018年某物流会社で保税倉庫、営業を経験。貿易のイロハを叩き込まれる。Xの3乗が実は立法体の計算であることを学ぶ(遅い)大抵のコンテナは15万円くらいあれば日本の主要港までベトナムから海上輸送できることを学ぶ。2018年9月-2019年1月某医療機器商社へヘッドハンティングされるも3ヶ月で首。菌は100度で死ぬが、たまに121度まで生きる菌がいることを知る。煮沸は大事!2019年某ネットワーク保守の会社へ入社←今ここ。輸入、輸出ならアドバイスができる。読者になるリンクはてなブログブログをはじめる週刊はてなブログはてなブログPro最新記事ネットワーク用のコマンドを学べるタイピングゲームを作ってみた。映画「JOKER」をサンウェイピラミッドへ観にいった(スタバで勉強)TELEKOMUSIUMへ行った。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。