LoginSignup
1
3

More than 3 years have passed since last update.

Visual studio codeでタイムアタックする

Last updated at Posted at 2019-09-29

コードはこちら

何を言っているのかわからない

な… 何を言ってるのか わからねーと思うが
おれも何をしたのかわからなかった…

jsファイルをVisual Studio Codeで開いて指示に従ってコードを書き換えると
htmlをブラウザで開いたときにコンソールにタイムが表示されるんだ…

ショートカットキーを駆使してベストスコアを叩き出すんだ

コードの書き換え方は全てコードの中に書いてある
正しく書き換えればボーナスポイントがもらえるはずだ
ただしボーナスポイントは手計算で頼む…!

ショートカットキーとギミック

開始前に:拡張機能のインストール

vsc_timeAttack.js
// FIRST OF ALL, INSTALL EXTENSION "Insert Date String" from MARKETPLACE!
// ON STARTING TIME ATTACK, PRESS "ctrl + shift + i" TO SET TIMESTAMP TO VARIABLE 'start'!

// ARE YOU READY?

// GO!
const start = "";

このコードで遊ぶためにはInsert Date Stringが必要です。
拡張機能でstartの値にショートカットキーで時間をいれられるようになります

マルチカーソル

同じ文字をまとめて選択する機能です。
Win: ctrl + D
Mac: command + D または command + shift + L

コード中のゴミを取り除くと青い天の川が見えるようになります。
スクリーンショット 2019-09-30 0.54.44.png

カッコの最後へ飛ぶ

()や{}の片割れから反対側の片割れに飛ぶことができます。
Win: ctrl + shift + ¥(or \)
Mac: command + shift + ¥(or \)

次の単語に飛ぶ

Win: ctrl + →
Mac: option + →

世界一長いとされる英単語が無駄に並んでいる中から必要な部分をコピペします。

vsc_timeAttack.js
  // supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious supercalifragilisticexpialidocious font-size:48px;color:red; supercalifragilisticexpialidocious supercalifragilisticexpialidocious
  const s = "";

正しくいれると2つの"A"が同じ色と大きさになります。

スクリーンショット 2019-09-30 1.04.14.png

ファイルの末尾へ飛ぶ

Win: ctrl + end
Mac: command + ↓

文字列の検索

Win: ctrl + F
Mac: command + F

検索文字列へジャンプ

(検索ウィンドウに文字が入っていて、カーソルがコードにある状態で)
Win: ctrl + G
Mac: command + G

コードの最終行からコピペして指定の場所へ貼り付けると牛さんが登場します。

…牛さん?
https://ja.wikipedia.org/wiki/APT

スクリーンショット 2019-09-30 1.15.48.png

行コピー

(範囲選択をしない状態で)
Win: ctrl + C
Mac: command + C

すぐ下に空白行を作って移動

Win: ctrl + enter
Mac: command + enter

アルパカの首をコピペして相手のアルパカよりも首を長くしましょう。
結果はあなたのアルパカが左、相手のアルパカが右に表示されます。

スクリーンショット 2019-09-30 1.20.33.png

行削除

Win: ctrl + shift + K
Mac: command + shift + K
相手のアルパカの首を行削除して短くしましょう。
結果はあなたのアルパカが左、相手のアルパカが右に表示されます。

スクリーンショット 2019-09-30 1.23.51.png

ゴール!

vsc_timeAttack.js
// IF YOU FINISH THE CHALLENGE, PRESS "ctrl + shift + i" TO SET TIMESTAMP TO VARIABLE 'finish'!
// IF NOT, SEARCH AND GO TO "alpaca".
const finish = "";

最後はfinishを検索して飛んでタイムを入れたらゴールです!

やってみた

スクリーンショット 2019-09-30 1.41.01.png

おせえ!

1
3
0

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
1
3