『JS体操』とは、面白法人カヤックが主催するJavaScriptのコードゴルフです！JavaScriptの問題をゲーム感覚で解きながら言語仕様の理解とプログラミング能力を深める、まさに頭の体操です。出題される問題は、JavaScriptの言語仕様を駆使するものから数学や様々なアルゴリズムを使う問題まで様々。上級者の方からJavaScriptを使い始めたという方まで、たくさんの挑戦お待ちしています！
※コードゴルフとは、与えられたアルゴリズムを可能な限り短いソースコードで記述することを競うプログラミング競技です。ソースコードの文字数が、その人のスコアとなります。
波形を整形する問題です。アニメーションに使うイージング関数を自作orカスタマイズしたりする際に必要なテクニックです！黒い実線が赤い点線のガイドとぴったり重なるようにf.jsを編集してできるだけ短くしてください。
45文字以下：AMAZING50文字以下：EXCELLENT55文字以下：GREAT60文字以下：GOOD
問題ファイルをダウンロードして挑戦してください。コードを書き終えたら、サイト下部の提出フォームに提出して参加完了です。
注意事項
問題の解答・解説をこちらのサイトで公開中です！どんな風に考えるとよかったのか、今回の問題が、どのように仕事に応用できるのかなどを解説するので、ぜひご覧ください。過去の問題・解説を見たい方はこちらをご覧ください。
以下にご登録いただくと、今後の問題や解説のお知らせが届きます。リマインドが欲しい方は、ぜひ、登録ください！
①ダウンロードしたZIPファイルを解凍し、エディタで開く
②ローカルHTTPサーバを介してindex.htmlを開くindex.htmlをローカルファイルとしてブラウザで開くと実行できません。ローカルHTTPサーバを介してindex.htmlを開いてください。JSモジュールやその他ファイルの読み込みのため、XMLHttpRequestで通信できる環境で実行する必要があるためです。VS Codeをご利用の方はLive Serverプラグインが便利です！
③ブラウザの開発者コンソールを開き、文字数やエラーを確認できるようにする
④f.js を編集するまずはグラフを完成させましょう。ブラウザに表示される黒い実線が赤い点線のガイドとぴったり（目視で）重なっていれば正解です！グラフが完成したら、次はいよいよコードゴルフです。開発者コンソールに表示されている文字数を確認しながら、なるべく少ない文字数で書き直してみてください。
※浮動小数点の誤差などの影響で、以下のようなグラフになることがあります。そのような回答はNGとします。
x>1で上に突き抜けている
途中で角が生えてしまっている
⑤グラフが完成し、文字数も短くしたらいよいよ提出！下記の提出フォームにf.jsの内容をコピペし送信してください。文字数のスクショを撮って#JS体操でポストしてくれたら喜びます。
コードを書き終えたら、f.jsを下記フォームにコピペして送信してください。短くできた場合や、より良いコードが書けた時は再度提出可能です！面白い！と思ったコードは、解説ブログにて紹介させていただきます。
面白法人カヤックは、「つくる人を増やす」の経営理念のもと、面白いサービスを次々にリリースするクリエイター集団です。広告やPRの受託開発を行う『面白プロデュース事業』、ゲームの開発・運用を行う『ゲーム・エンタメ事業』、持続可能なまちづくりをジブンゴト化する『ちいき資本主義事業』などの主要事業の他、新規事業を企画・運用する環境も整っています。サイコロ給や採用キャンペーンなど、面白い組織制度にも力をいれています。
ウェブサイトはこちら
新卒・中途採用も随時実施中です！
Copyright (c) 2024 株式会社カヤック All rights reserved.
.png "js-taiso-001-1200x630-2 (1)")
.png?width=2000&height=1166&name=thumb-02%20(1).png "thumb-02 (1)")
.png "Untitled (1)")
