エンジニア採用の試験問題をリークします!|JavaScript初級

エンジニア採用の試験問題をリークします!|JavaScript初級

先日のデブサミイベントに参加した祭に、リクルートコミュニケーションズ方が「プログラム試験」という事を講演されていて、採用にまで繋げられている事実にとても共感しました。

リクルートコミュニケーションズ・プログラム試験

数年前から社内でも検討していた採用における、技術者特性の判定の為にコーディング試験を行いたいと考えていて、重い腰を挙げて「コーディングテスト」を作ってみました。

せっかく作ったのに募集がないと寂しいのでリークしちゃいます!!

同時に弊社の採用査定に使うことを保証しますので、興味がある方は、以下の問題(レベル:JavaScript初心者用)に答えてみてください。

問題1

下記URLのAタグリンク数を取得するJavascriptを書いてみよう。
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。

image25

問題2

下記URLの背景色を黒にする
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。
bodyタグのbackground-colorを”blank”にすることで可能

image09

問題3

下記URLの画面上部中央にあるshowcase-tvのロゴをGoogleロゴに変更する
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。
対象のIMGタグのsrc属性を変更することで、対応可能。

ちなみに、Googleロゴは「https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/251px-Google_2015_logo.svg.png」を使用する。

image24

問題4

下記URLの「ニュース」タブと「経済」タブを入れ替える。
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにinsertBeforeを使って実現しよう

Before

image14

After

image22

問題5

下記URLの四角い枠で囲われている枠の部分を全て角丸にする。
http://www.yahoo.co.jp/

ヒント

style属性に対してsetPropertyでセットすると実現可能。
エレメントに直接cssを設定できる方法は、かなりの頻度で使う内容のため、グローバルセットするCSSと合わせて覚えよう。

Before

image18
After

image13

※分かりにくいですが、地味に可愛くなっています。

問題6

下記URLのページ上部のメニューと検索枠を非表示にする
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。
対象の要素に対して、style属性の「display:none;」をセットすれば非表示になるよ。

image19

問題7

下記URLの画面上部中央にあるサイトのロゴをクリックした時、別ページで開くようにする。
http://www.showcase-tv.com/topics/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。
通常は、同一ページでトップページに遷移するが、別ページを開くようにする事と、現在ページでAリンクの処理をカットする必要がある。

※カットしないと、別ページを開いた後、ページ遷移してしまうため。
遷移ページは”http://www.google.com/”とする

image15

image12

問題8

下記URLのページ内の画像一覧を、ページ上部に一括表示する
http://www.showcase-tv.com/

ヒント

ブラウザのデバッグコンソールにコードを打ち込んで確認。
画像タグを一括取得し、bodyタグの上部にIMGをひとつづつセットすることで対応可能

image11

問題にトライして楽しいと感じられた人は当社で活躍できます!

弊社の開発は、主にJavaScriptを使ったサービス開発を行っているのですが、最近主流のjQueryを使った開発ではなく、JavaScriptをネイティブで書くことを推奨して開発を進めています。

理由としては、すでにあるライブラリに頼りすぎてしまうと、トラブルの際の原因切り分けで非常に時間がかかる事が多いため、できるだけネイティブで行い、且つ効率的にライブラリを利用するという事です。

jQueryは使ったことがあるけどJavaScriptのネイティブが書けないというエンジニアが増えてきているので、改めてネイティブ有志を募集したいと思います。

ぜひ採用応募にトライしてください!採用枠は1名なので、興味のある方は、お急ぎを。

今現在採用をしているのは、テクニカルサポート担当社で、問い合わせのあった内容を調査したり、WEBページの技術調査を行ったりする事が主な仕事です。

技術レベルは上記のようなJavaScriptができるレベルで、もっと上位スキルを目指したいと考える人であればぴったりだと考えています。

会社の採用ページはこちらになります。今回の問題の回答をお送りください。

また、この問題は簡単すぎるという上級プログラマの方ももちろん募集してますので、採用ページよりお申し込みください。

コメント