JavaScriptで頭の体操をしよう!
2024/04/26
JavaScriptで頭の体操をしよう!
最近Scratchで色々探していると...こんなのを見つけました!

JavaScriptで頭の体操...?自分もやってみようかな...?
https://hubspot.kayac.com/js-taiso-001へ移動... 問題のzipファイルを手に入れて...
ええと...readme...
# JS体操 No. 1 https://hubspot.kayac.com/js-taiso-001 ## 問題の解き方 -
黒い実線が赤い点線のガイドとぴったり重なるように`f.js`を編集してください♪
- `f.js`のみを(なるべく少ない文字数で)編集してください♪ -
その他のファイルは変更しないでください♪ ## ファイル構成 ``` js-taiso-001
├── README.md └── public ├── f.js // このファイルのみを編集してください
├── main.js // 【編集不可】テストや文字数のカウントを行うファイルです ├──
graph.js // 【編集不可】グラフ描画用のモジュールです ├── guide.bin //
【編集不可】グラフの赤いガイドを表示するためのバイナリデータです └──
index.html // 【編集不可】このファイルをローカルサーバ上で開いてください
``` ## 提出方法
以下ページ内の提出フォームに必要事項を入力し送信してください♪
https://hubspot.kayac.com/js-taiso-001#apply ## 備考 -
`index.html`をローカルファイルとして開くと実行されません。ローカルHTTPサーバなどを介して実行してください♪
- 文字数は開発者コンソールに表示されます♪ -
JavaScriptの文字列の`length`プロパティを文字数とみなします♪(つまりUTF-16のコードユニットの数を文字数とみなします)
黒い実線が赤い点線のガイドとぴったり重なるように`f.js`を編集してください♪
- `f.js`のみを(なるべく少ない文字数で)編集してください♪ -
その他のファイルは変更しないでください♪ ## ファイル構成 ``` js-taiso-001
├── README.md └── public ├── f.js // このファイルのみを編集してください
├── main.js // 【編集不可】テストや文字数のカウントを行うファイルです ├──
graph.js // 【編集不可】グラフ描画用のモジュールです ├── guide.bin //
【編集不可】グラフの赤いガイドを表示するためのバイナリデータです └──
index.html // 【編集不可】このファイルをローカルサーバ上で開いてください
``` ## 提出方法
以下ページ内の提出フォームに必要事項を入力し送信してください♪
https://hubspot.kayac.com/js-taiso-001#apply ## 備考 -
`index.html`をローカルファイルとして開くと実行されません。ローカルHTTPサーバなどを介して実行してください♪
- 文字数は開発者コンソールに表示されます♪ -
JavaScriptの文字列の`length`プロパティを文字数とみなします♪(つまりUTF-16のコードユニットの数を文字数とみなします)
ふむふむ...なるほど...よし!やってみよう!
/**
* f(x) の黒い実線が赤い点線のガイドとぴったり重なるようにしてください♪
*
* @param {number} x 0〜1の数値
* @return {number}
*/
export default function f(x) {
return 0;
}
これを...
export default x=>{return ((x*5+1)-(1-(5*x%1)**2)**0.5)/5}
こう!
ここから見ることができます!
それでそれで正解は...
<a
href=”https://techblog.kayac.com/js-taiso-001-commentary-vol1”
target=”_parent”
ここ!
export default x=>x-(x%=.2)+.2-(.04-xx)*.5
うん...全然届かん。
やっぱりみんな頭良いんだな...
...って感じで実際にやってみたんですが、
結構面白かったです!
みなさんも挑戦する機会があったらぜひどうぞ!
では!