エンジニア格付けチェック春の公開収録スペシャルということでですね本日ラクーンさんのイベント会場ですか地下のイベントスペースにいてですね一流のエンジニアの皆さんに集まっていただきました

本日はですねじゅんぺいさん我々のじゅんぺい様ひまじんプログラマーのじゅんぺい様含めましてひまじんプログラマーの週末エンジニアリングレッスンLT会公開主力に参加させていただいている一流エンジニアの皆様にエンジニアの服付けチェックをするということで皆様

一流のエンジニアなので本日問題余裕かと思いますけれどもちょっと格付けしていこうかなというのが本日のエピソードになっておりますすごい企画ですね画像系入ってますよねこれすごいこれマジですごいうちのイラストレーターがやってくれましたありがとうございますというのでですねこんな感じで皆さんさすがに番組見たことありますよね

今回出す問題は一流エンジニアにとってはとても当たり前の問題ばっかりなんですけどそれを間違っていくごとにどんどんエンジニアとしてのランクがダウンしていきます最初は一流エンジニアからスタートして普通エンジニアに格下げ

その後二流エンジニア三流エンジニア駆け出しさんになった後最後は働く価値なしという状態になってしまいます映さなく映すは映すんですけど働く価値がないですね働く価値なしで最後だけ悪口すぎるよねはいちょっと

真面目な表ちゃんとした表としますねチーム名を反映させたやつ そうですね今状況としてはこれから格付けチェックが行われようとしているんですけど集まっていただいた皆様にチーム分けをして名前は皆さん考えたんですかこれチーム名はいあの10分で皆さん速攻で考えてくれましたじゃあこのチーム名一体どれだけ一流エンジニアにもキープできるのでしょうかねえ

意気込みお前じゃないそれ確かにじゃあじゅんぺくん意気込みありますかそうですね一流エンジニアなんで全問正解もちろん達成したいと思います素晴らしい本日ですね合計6つの格付けチェック項目をチェック項目か広くね

やっていく感じなんでちょっと技術的なことと技術的かっていうことがありますけど楽しんでくださいじゃあ早速1問目いっちゃいましょうかねじゃあ第1問目です

最初のチェックは何ですか デザインパターンです最初のチェック項目はデザインパターンでございますはい 音声で伝わるように言うので スライドは別に見えなくてもいいです公開収録ではスライドを映しながらやっているんですが 耳だけでいきますコードを出しました これはどちらのデザインパターンという問題になっていますがざっくり説明しますね ざっくり説明するとオペレーションというインターフェースがあります

そのオペレーションから空床クラスとしてaddオペレーションとsubstructオペレーションという要するに足し算引き算ですねインターフェースに紐づいた足し算と引き算のクラスがいますと実際これ呼び出すときにはcalculatorというクラスで足したり引いたりしますよというのがこちらのコードの構造になっていますインターフェースがあってその下に実際足したり引いたりするようなクラスが紐づいていて

でそれそういう作りコマンドパターンとストラテジーパターンどっちだっけっていう問題になります二択ですね二択です格付けなんでなんかはいAがコマンドパターンでBがストラテジーパターンはいじゃあThinking Timeいやーこれねなかなか実装からは

ちょっと僕も誰かと相談したいっすわ一人でじゅんぺい君はもちろん一人ですよはいじゃあ時間になりましたんでチームの方でAかB決めていただいてですね回答の方の紙を上にお願いしますこれみんなで見るから先じゅんぺい行く?じゅんぺいが出して逆がめっちゃ出たら面白いよねうわーはいじゃあじゅんぺいの回答ははい

Aがコマンドパターン BがストラテジーパターンですねBのストラテジーパターンでじゃあ他のというか参加いただいている皆様の回答お願いしますBが多めですねまずポイントでここ行って一旦じゅんぺいの品評というか

考察を聞いておこうかそうしましょうはいじゃあじゅんぺいくんはまずコードの中から一体どんなものを感じ取ったんですかそうですねコードの中からはいコードの中からはすごく戦略的に練られた香ばしい香りのするコードでしたはい

なるほどなるほどそれを英語にした結果ストラテジーだったのでストラテジーパターンコマンドパターンって正直ちょっと僕聞いたことがあんまりないかもしれないあれこれ有名なやつですかちょっと恥ずかしいのかな一応あるっちゃあるよあるっちゃあるあるっちゃあるよ有名だよ結局語符のパターンですねそうなんですねちょっと恥ずかしながらはいじゃあでは結果発表結果発表

これ回答がドーンって出るんではい 順平君も見ていただきどっちなのでしょうか一流本家リスペクトでいきますよ一流でいたいドキドキドンBのストラテジーパターンでございますあぶねーBのストラテジーパターンでございますはいではですねあぶねー1,2,3と3ですかね1,2,3ハンバーガーチームハンバーガー様が

チームハンバーガー3になりますチームハンバーガー3になりましたハンバーガー3になりますこれちなみに格差があっていったりすると何かあるんですか呼び方が変わります呼び名が変わるわかりました呼び方が変わっていきますノリさん解説をお願いしますということでストラテジーパターンはですねギャングオブフォーと呼ばれるゴフと呼ばれている方たちが考え出した23個のデザインパターンの一つでまず抽象的にどういう動きするのっていうインターフェースを作りますと

それに対して具体的な実装っていうのを同じインターフェースで作っていくことによってその何でしょうね具象クラスを戦術的に切り替えるみたいなところからストラテジーパターンという名前がついておりますなので順平の言ってたことも10%ぐらいは当たっているかもしれないさすが嗅覚で当てる男香りだけで感じ取ってたけど素晴らしいはい

っていう感じですねちなみにコマンドのパターンの方はコマンドパターンの方もこれも5分のデザインパターンの1個なんですけどこれねちょっと口頭で説明するの難しいんですが1個のコマンドっていうメソッド作ってその中にいろんなその実行のオブジェクト作るんですねそれを必要な何でしょう使いたいクラスにだけめちゃめちゃ詰め込むんで振る舞いを変えていくみたいなそういうパターンですね来る途中の電車で勉強しましたありがとうございます

はいじゃあ続いて第2問目いきますね第2問はい第2問続いてのチェック項目はこちらJSですかこれはストラテジーパターンが出てるな違います今スライダーそうですけど続いてのチェック項目はJavaScriptでございます皆さんJavaScriptといったらねきっと日々開発で使っていることでしょうアプリエンジニアとかでなければアプリエンジニアも使うのかなわかんないな

ということで今回はですね javascript に関する激ムズ問題を持ってきましたまあまあそうですね激ムズ まあでも結構ちゃんと知らないと難しい問題ですねはいまず a の選択肢こちらですねあの jmp という定数の中にですねオブジェクトが定義されています

でネームっていうプロパティに順平という文字列が入っていて get name というメソッドが1個だけ定義されててその中にアローファンクションで return this.name となってますでこれを使ってif文が書かれてて if jmp.getname イコールイコールイコール文字列の順平でこれがもし true だったらコンソールログ hello 順平が出てくると

これがAの選択肢ですね続いてBBはこれもJMPの中に空の配列が入ってますその配列を使ってIF JMPイコールイコールびっくりなんだこれカクカクコ配列ですね空の配列もしこれがトゥルーだったらコンソール.ログハロージュンペイが出てくるという問題となっております

じゃあこの中でコンソールログがちゃんと表示されるのはAとBのどっちでしょうという問題でございますちょっとトリッキー問題ですねこれざっくりポイントで言うと何でしょうねまあゲットネームで順平って取れるんかというかまあこのイコールイコールイコールでドゥルになるんかというところとあとはこの空配列びっくり謎のびっくり空配列でドゥルになるんかみたいなところこれがポイントになってくる問題ですね

はいじゃあシンキングタイムでシンキングタイムに入りましょうちょっとむずいなちょっとむずいうわー各チームのフロントエンドの人が活躍するチャンスですよじゃあいいかなそろそろいやあの皆さん悩むと思いますこれはこれは悩むんですけどそろそろいきましょうかそうですねじゃあそろそろいきましょうかあの我々本家の格付けにちょっと出たことあるんですけどはいあれもすぐさまのジャッジ求められるんでそうなんだはい

押すんだよねスケジュールがそうなんだやっぱり回答時間かかっちゃったねじゃあまずじゃあまずじゅんぺい様の回答からじゅんぺい様の回答からいきましょうかまだうわこれめっちゃえーと僕は答えはAです答えはAじゅんぺい様はAを選択しましたAにしましたゲットネームのやつですねはいじゃあそれでは

他の方というかチームですねじゃあちょっと皆さんも挙げていただきますか皆さんの書いたらどちらでしょう二度緊張するお願いしますAが4つにBが2つ割れてる割れてますねじゃあちょっとじゅんぺいラクーンさんB作ってくれてるありがたいすごい言ってよくなかったかもしれないまあいいや

じゃあじゅんぺい様の考察からちょっとこれAだっていうよりは消去法でBじゃないんじゃないかって思ったんですけどなるほどどういうところでなんか配列びっくり配列のやつで配列じゃないならトゥルーみたいな考え方でJMPは配列なので

入んないんじゃないかなって思ってJMPって自分のことじゃないんじゃないそんな松潤のMJみたいなかなと思ってなるほどやっぱりBとかどうですか反応見てるやん一旦もう部屋入っちゃってるからだめか配列の中身の話をしてたりするのかなとかもちょっと思ったりするんですけどそういうところを考えさせてるんですよね

そうですAですそういう考察ですじゃあこちらの問題答え合わせいきますか結果発表結果発表一流でいたいちょっとじゃあ回答すいません疲れるかもしれないですが出しておいていただけると我々が集計しやすいですありがとうございますドキドキですねどっちだどっちだこれ大丈夫かないきます答えはBでございます

Bでございます Bでしたということで今回はB2チームしかいなかったので結構たくさんのチームが普通エンジニアになってしまいますかどこでしたB逆に確かにBだったところのチーム名聞いていいですかコモドドラゴンとマグロジェイスやっぱ名前にジェイスついてるとすごいねうわそうなのか

ちょっと俺もうどっかのチームに属しちゃダメですか?ダメだよダメかここから?ダメかぁ

でもまだなんかすごいいい感じになってますね順平さんになってしまいましたね全然いいですけどね順平さん全然いいかこれちなみに上に上がるタイミングってないですかもうないです落ちていく一方落ちていく一方ですじゃあ解説お願いしますはいということでまず解説ですねどうしようかなAからいきますこれまずAがなんでトゥルーにならないのっていう話からなんですけど今回

アロー関数をゲットネームに入れてますとこのアロー関数って実はthisをバインドしないんですねそのオブジェクトの中のなのでthis.nameでJMPの中のネームにアクセスできずにグローバルにあるネームにアクセスしちゃって順平という文字列が取れなくてフォルスになっちゃうというそういう仕組みになってます一方この奇妙なBですね

これなんでトゥルーになるのっていうところなんですけどまずこれ評価の順番としてはびっくりカラハイレスのところから先に変換が行われますJSって動的片付け言語なので結構いい感じに型変換しちゃうんですけどまずこのびっくりカラハイレスがフォルスに変換されますとびっくりマークが基本的には反転させていやこれフォルスになりますその後フォルスとカラハイレスを比較するわけですね

ってなると何が起きるかっていうとJSって配列がオブジェクトなんですよなので比較するために次プリミティブの型に両方変換しようとするんですねってなった時に空配列って空文字に1回変換されるんですよ

で空文字とフォルスだとまだ比較できないんで次にそのどっちも数値に合わせられるんですねってなった時に空文字がゼロになってフォルスもゼロになるのでそれでトゥルーになってハロー純平が表示されるというそういうような仕組みになっております音声で届けられているから非常に不安なんですけどそうですね

まあ問題も載せとこうかなそうですねこれは奇妙なJSの動きをまとめているサイトとかで一発目に大体出てくる鉄板ネタみたいな感じですのでぜひちょっと聞いててん?ってなった人は調べてみると良いかなと思います表示されるのはそのBが表示されるようにするとしたらBが表示されますBが正解ですね何でもないですはい

はいということでご褒美紹介のここで一旦コーナーなんですけど一流エンジニアの方にはちょっとチーム全員分ないんですけどいいお菓子を普通エンジニアの皆様には皆さん皆さんには皆さんには嬉しいお菓子をおー

二流エンジニアは今いらないよってやつあげます今いらないよってそんなのある?はい今いらないよってやつおかしいだよねおかしいですねおかしいで今いらないよって今いらないよっていうの寝る寝る寝る寝る寝以外にあるのかそんなのはいちょっと今渡そうと思ったんですけどちょっとオペレーションの都合上後に回そうかなと思いつつじゃあ次のシンキングタイムの時に配布しますかそうしようかなはい次渡しますはいではと一流何ですかねいいな

一流はですね、御用邸のチーズケーキっていうチーズガーデンのチーズケーキなんですけどいいなあちゃんと格付けしてますね御用邸なんで皇室の別邸なんでそういう意味なんだ初めて知ったでもそうですね普通エンジニアの皆さんにはチョコパイ嬉しいチョコパイも嬉しいよ

二流エンジニアはポリッピー何それつまみのせんべいです甘いの欲しいと思うんですけどね豆ポリッピーもいいんですよ飲み会で欲しいですねそうだね次の問題いきます続いての問題は名言となっております名言名言ではないなではないですね

名言ではないとなっておりますエンジニアとしての振る舞いというかあるべき姿みたいなところですね達人の振る舞い第3問達人プログラマーに書かれている見積もりを要求されたときのベストな返答はどっちBの方文字かぶってるすいません直前でスライドこれ文字上にあった方がいいってなって特勘で上にしたらちょっとかぶってますすいませんありがとうございます

見積もりを要求されたときのベストな返答はどっちA 後ほどお持ちしますB 過去に行ったAの案件と類似しているのでNヶ月後で終わる可能性が高いですはいいやむずーじゃあThinking TimeですThinking Timeいやむずーえーこれでも一流ならこんなの分かって当然なんですよねいやもう反射で答えちゃう反射でいくのっていいんですかそれ一流なら反射で答えちゃうそういうことですねはい

じゃあぼちぼちいきますねヤバイヤバイじゃあ回答ですねじゅんぺいからいきましょうかはいじゃあじゅんぺいくんの回答はどっちうわーこれめっちゃ甘いAのAAのAAのAでいきますAのAじゃあ参加いただいている皆さんの回答お願いしますパパパパパ

みんなAみんなAだなんか安心できるないいなこれみんな同じ部屋入ったやつですねみんな同じ部屋入ったみんな同じ部屋入ってる状態ですねはいじゃあ結果発表順平君の考察を聞かなくてAのAかでもAは見積もり要求されてその場で答えるっていうのはやっぱ難しいんじゃないかなと思って一旦持ち帰って考えることが必要

かなと思ったんですがにしてはちょっと後ほどお持ちしますは淡白すぎるなーっていう気持ちがあったですねで一方Bは過去のアンケート類似してるからNヶ月で終わりそうですっていうのはそれを言うにも早いAだけどなんかもうちょい一言欲しいなっていうAです

Aにも不満ありってことかはいのAですなるほどねはいじゃあ結果発表いきましょうかはい結果発表結果発表いきますはいドンドンドンはいおー

aの後ほどお持ちしますでございますそのマジの格付けみたいな扉一回B開けてA出す開けれるみたいなやめてくださいスライドで表現するちょっとあの映像でしか伝わらないんで言うんですけどまあAかBがバーンって出るようなスライドになってるんですが

BがいっぱいあるけどAがちょっと残っててみたいなそういう一瞬Bかと思うみたいな画面の割合がですねそうです開けちゃうフェイクを頑張ってスライドで表現してきましたありがとうございますこれ解説お願いします解説というかじゅんぺいが言った通りではあるんですけどその場で見積もるなよっていうのを達人プログラマーでは書いていて本当に一言後ほどお持ちしますだけ言えって言ってますねうん

これは見積もりっていろんなテクニックがあってそのテクニックを駆使すれば割と正確に見積もることができるけどそれって直感で出せるものじゃないしあと最初に言ったやつにビジネス側の人は絶対引っ張られちゃうからどんだけ不責を打ってもああいうこと言っちゃダメよってそういうことですね結構言う気入りますけど大事なことですねありがとうございます見積もりを求められたら後ほどお持ちしますって答えてくださいわかりましたはい

じゃあ続いてのチェックは中小クラスインターフェースといううわー絶妙問題になりますこれあの箇条書きでただ書いてるだけなんですけど大人気ゲームスマブラスマッシュブラザーズ的なものをイメージしていただいてですねキャラクターのモーションのロジックを考えますこの時キャラクターインターフェースか中小クラスっていうキャラクターがあってその下に具体的なキャラクターの動きを実装していきます

想像つきますねキャラクターっていうのがクラス的にあって下にピチューとかマリオとかピチューピチューねあのねやつだけ厄介なんですよ挙動違くてね多分ね確かにダメージ入ってるんですよね唯一攻撃したら自分がダメージ食らうやつですからねこの時キャラクターはインターフェースにすべきか中小クラスにすべきかっていう問題ですね中小クラスって言ってるのはクラスで具体的なものを実装してないクラス

具体的なものも実装できるしインターフェースみたいな感じで空のシグネチャーというかインターフェース的なものだけも実装できますね実装というか提示できるシンキングタイムですかいい問題ですね

いい問題ですねこれ作文するときにこれでエピソード1本取れるやんけってなりましたねクラスとインターフェースならさすがにインターフェースだろってなるけど中小クラスならどうなのみたいなこれこっちが正解ですっていうのも怖いよねそうですね聞いていただいてる方とかでもいやちゃうやろって思ったら優しくご指摘いただけるとありがたいです

参加していただいている方でやっちゃうやろうってなるかもしれないんですけどその時もちょっと優しくご指導いただけるとありがたいですはいじゃあThinking Dive終了ということでじゅんぺいさんじゅんぺいさんじゅんぺいさんの回答から聞いていきましょうかインターフェースにすべきがAクラスですかどっちがAでどっちがBか抽象クラスAインターフェースB

中小がAインターフェースがBだよねそうはいそうですはいすいませんあのこうですねはいはいえーっとうわーBでインターフェースインターフェースはいはいじゃあ皆さん回答お願いしますじゃんじゃんこれやばいってこれやばいってわかんないぞこれやばいってまだ悩んでる?悩んでますねさあ

A4B2ということでじゃあじゅんぺいさんの考察が優勢たまにAの人たちの考察機構みたいなのないですかねないですすごい潰された気持ちいいぐらいにダメだったバッサリこれめっちゃむずいなむずいなんかなんでしょうねキャラクター作る僕今頭想像してたのは

キャプテンファルコンとガノンドロフを想像してたんですけど彼ら似たような動き多いじゃないですかでもなんかそれってアブストラクト抽象クラスを使ってその中に具体的なメソッドも用意して抽象的なものも用意するメリットがどうしても思いつかなかったんですよ結局最後の

ところでしっかりそのキャラ特有の技をいやちょっと待って違う気がしてきたなでも変えられないですもんね手履いちゃってるんだよ多数決見ちゃってるんだからなんかアブストラクトにする意味なくねみたいな感覚を昔覚えたことがあって

これ答えになってないですよね理由になってないですよねまあまあまあでもなんとかこじつけるしかないですからねこじつけたいなどうこじつけようかなちょっと今キャプテンファルコンとガノンドロフを思っていてファルコンパンチとなんだガノンパンチ的なやつあるじゃないですかガノンパンチっていうのはある怖いやつでしょ紫のBだけのやつあれは完全に

インターフェースでパンチみたいなの作っておけばその後ファルコンとガノンでそれぞれ具体的なのを実装すればいいなと思いましたがプラスでファルコンとガノンともう一体似たようなやつが出てきたら

けどそのやばいむずいなちょっと押してるんで言っていいですかすいませんすいませんすごい切り方申し訳ないですすごい切り方した問題をやりきりたいんで割とはいじゃあ結果発表いきますねはい公開収録ですからねすいません公開収録ですからすいませんねじゃあ回答を出していただきつつ皆様いきますよドンドンドンAの中小クラス

じゃあ解説お願いしますこれ悔しいだなちょっとこれ解説めっちゃ怖いんですけど今回のキャラクターと例えばピチューみたいな具体的なキャラクターの関係性ってキャラクターはisisis areかまずオブジェクトの関係って機能を持たせる持たせないとかの時にis areの関係かhas areの関係っていうのがあるんですね

ハズアの関係っていうのは別のクラスにしてプロパティで持たせちゃおうよみたいなそういう関係性イズアの関係っていうのはこれは派生してるよねみたいな鳥って生き物だよねみたいな人間って生き物だよねみたいなでも人間ってナイフで物を切るじゃないですかでもナイフは人間の一部ではないというかモデリングするときにあたって

うわーやばいこれカイチヘルプ何を言えばいいですか今回のこのキャラクターっていうのって結構共通点もあると思うんですよ例えば右に移動したら右に移動しますよね左に行かないですよね多分

いかないよねアイテムの状態次第なんですけどスマブラのゲームキューブまでしかやってないですけどだいたい共通する動きっていうのもいっぱいあるんですよなのでインターフェースでそれぞれのキャラに実装してしまうと重複で実装しなきゃいけないコードがめちゃめちゃたくさん増えるとっていう時に中小クラスで具体的な実装しておいてそれを継承した派生の具体的なキャラクタークラスを作って

例えばどのキャラクターもコマンドの数は同じじゃないですか例えばBで必殺技が出るとかスマッシュができるとかそこの内容っていうのは結構がっつり変わると思うんでそういう部分をインターフェースで抽象化すると重複も少ないしかつ謎の分岐みたいなのも発生しにくい行動がかけるんじゃないかなということで今回は抽象クラスを正解に持ってきましたこれは

賛否両論あるかもしれないそうですね我々のスマブラに対する解像度の低さもすごいあるそうねそこは申し訳ないんですけどそうですねというので第4問終わりましたここでですねご褒美紹介ということで2個目用意してたんですけど飲み物編なんですが

一流エンジニアだったらいいスパークリングぶどうジュース持ってきたんですけど全員分ないんですよこれもかなんなら配るものもないんですけどなるほど

が、順平が一流だったらあげようと思ってたんですけども一流じゃないんで懇親会で飲みましょうそうしましょうはいはいということで、順平のご褒美は水なんですけどもう飲んでるんで飲んでるもう飲んでるなスキップしますはいありがとうございますじゃあ残り2問です2問格付表の移動はあ、そうだわすいません、そうだそうだじゃあ格付表の移動しますねはい

はいじゃあコモドドラゴンが一流をキープし続けているすごい一流すぎるコモドドラゴン様でしょここは様でした本当に謝ってくださいすいませんでしたじゃあいきます第5問これはですねエンジニアの感覚を研ぎ澄ませる問題になります音楽ですね音楽エンジニアのプログラミングをしているキーボード音はどっち

耳を澄ましてください1回しか聞けないですか何回か流しますけどじゃあA音大きかったすいませんこれAですねはいBムズムズムズこれBですえムズはいもう一度いきますはいABムズはいあのすいません最初に言えばよかったんですけどこれ間違えてる方は寿司代やってますはいタイピングゲームをやってます

もう一個の方はPHPでハローワールドを書いてますはいこれはもうねじゃあシンキングタイム1分お願いしますはいずっと流すんでむずすぎだろこれ考えて正解に近づく気がしない

これやっぱ感覚でいく問題なんでねそうですねもうロジックじゃないんですよ確かに感じるものなんですよこれどれだけすしだをやってきたかが分かるすしだ関係あるかなこれってあれですかのりさんがタイピングしてるんですかしてるのりさんのタイピング音ですねタイピングするときにすしだやってるときはプログラミングを意識してプログラミングやってるときはすしだを意識したうわっうわっ

ちなみに僕テスト問題では正解しましたねテスト問題解除は正解でしたねすごいこれ僕解説できますよこれ解説できるのこれ解説できます俺若干自信ないよ今あれやばいどっちだっけはいじゃあシンキングタイム終了ではいもう聞けないですかもう聞けないですもう聞けないあれやべはいいきますじゃあじゅんぺいの回答はい

BですBはい会場の皆様の回答お願いします寄ってるがAが1部Bが5つはいじゃあ順平の考察お願いします寿司だとプログラミングって聞いたらなんかやっぱ普通のガタガタの音かドンっていうエンターの音の2種類が大きく聞き分けられたなって気がしててそのエンターの音がB

強い。なんかAも…強い。A、A、すし座だったら押さないと思うんですけどなんかでも音あったような気はするんですけどBの方が明らかにエンター押していた。はい。なのでBです。なるほど。ありがとうございます。じゃあ結果発表ですか?結果発表いきますよ。結果発表!頼む。正解はちょっと待ってくださいね。もういいや。はい、いきます。せーの、ドン!Aでございます。Aでございました。おー。

「Aでございます」って言ってるんですがちょっと待ってくださいねいや俺もBじゃね?って思ってんすよ俺もBじゃね?って思ってたすいません俺ねBじゃね?って思ってんすよねこれなんかスペースキーを押した音聞こえたよねそうそうそうそうそうですいやあのねBだと思ってたんですよ僕もスペースの音それ聞こえなかったスペースキーだなってなったこのサイズ感すいません

大謝罪なんですけどBですごめんなさい資料ミスりましたこういうタイプのベースね聞き直していただけるとBの方はですねデンデンってなってるんですよAはBの音もう一回流しますねはい

最初のところですね最初のところのあれスペースですかねスペースっぽい音関数の引数の丸カッコ閉じた後のスペースだと思うスペースの音が聞こえるんですよねBの方はねBが正解ですごめんなさい資料Aって書いてるんですけど大変申し訳ないです4番すしだプログラミング意識して打つのずるいですねいや

一定ペースになっちゃうからねはいじゃあコモドドラゴン様はずっと一流エンジニアすごすぎるラストですね呼び問題あったんですけど呼び問題だけ軽く紹介しますこれはやりませんが本当にある言語はどっちこれやんないの

ちょっと時間ないんでホワイトスペースとループラングっていうのがあってホワイトスペースはスペースだけのやつループラングはループでしか処理かけないやつっていうのがあったんですけど秒でやります?やれない?心の中でこれは正解がホワイトスペースなんですねっていうのがありましたじゃあ第6問ラストこのCSS何が表示される?はいCSSの問題です今

コードCSSのコードが書かれててドットシェイプっていうクラスでまずWIS100ピクセルアスペクトレーション1バックグラウンドシャープ9138D4クリップパスポリゴン50%0%100%50%50%100%0%50%これ聞いてる人何のことやらってパーセントめっちゃ言われたみたいになるけどこれで紫色のひし形か茶色の正方形が出ますはい

どっちでしょうどっちでしょうこれはですね考えられるポイントは2つぐらいあるんですよねそうですねちょっとこれも後でということでシンキングタイムこちら最後のチェックですこれデザイナーの人だったら一撃ですねもうカラーコードが色に見える人とかいないですかいやいやいやいやこの紫と茶色っていう絶妙なカラーチョイスねそう

真っ赤とかにしてくれればいいのにねそうなんださすがにね真っ赤にしたら正解しちゃうかなと思ってね原色はさすがに分かっちゃうかなじゃああと45秒ぐらいで締め切ります分かんねえマジで分かんねえこれも皆さんにはブラウザの気持ちになってもらうとねいいですよねこれなったことないですけどねブラウザの気持ちなんてね確かになフロントエンジニアに求められるんですかブラウザの気持ちになるのもちろんですよよしじゃあ

締め切りではいじゃあまずじゅんぺーの回答じゅんぺーくんどっちうわやばいえーとうわーAAじゅんぺーA紫色のひし形はいでは会場の皆様回答をお願いしますお願いしますじゃじゃんじゃじゃんじゃんおおおおおおお

なんか嬉しいAが多いですねAが多いですねAが多いですねBが1位じゃあじゅんぺいちょっと考察お願いしますはいこれはちょっとマジでもう分かんなかったんですけどカラーコードのバックグラウンドはもう分かんないですもうでポリゴンそのクリップパスの方で50%0%と最初の1つと最後の1つが対象で真ん中2つが対象でって考えた時に

なんかひし形っぽいなって思いましたそっからは感覚なんだねはいじゃあ結果発表いきますかはい結果発表いきますどっちどっち頼む紫色のひし形です紫色のひし形でしたはいでは解説をはいじゃあ解説いきますまずウィス100ピクセルとアスペクトレーション1はえーまあ

大きさ指定しててアスペクトレーション1になったことによって正方形になってますよとで違うなで一旦今回の問題のポイントなんですけどまず背景とあとクリップパスのこの2つですねでどっちからでも解くことが可能でまずバックグラウンドの方なんですけど9138D4ってことはRGBのRとBが杖紫になりそうだなみたいな解き方が1個ありますね

もう一個クリップパスのポリゴンの方は50%0%100%50%50%100%0%50%って数字がたくさん並んでるんですけどこれ手を前に持ってってですねカンマで2つのパーセント指定されてるじゃないですか50%の時に半分グッていって0%の時に1個も動かさない100%の時Xをグッていって次50%なので下に50%いくと

次に50%いって100%で下に行き切る最後0%で50%で半分行き切るっていうなった点を結ぶとですね正方形じゃなくてひし形になるよねってことでこういう形が作れますよねという感じでございますはいはいというので

全6個のチェックが行われましたが 深井:ムズい深井:別にこれあのねエンタメなんで悪いからといってどうということはないです 何も気にしないでください 樋口:意地悪問題みたいな感じだった深井:ただ意地悪しただけだったんで我々がパロディしたかっただけなんでね 樋口:楽しい深井:というので結果こうなってます詳細は読み上げませんが一流だったコモドドラゴンさんすごすぎます 拍手!樋口:すごい!

チーム名ですねコマドドラゴン様コマドドラゴン様ですねで、じゅんぺい君はじゅんぺいですね、二流は二流も呼び捨て?じゅんぺいくんだじゅんぺいくんになりましたよかったですね、三流とか呼び捨てで駆け出しさんからは名前呼ばれないんでね

おいおいおいという駆け出しさんと働く価値なしいなくて本当に良かったって思ってます確かに皆さんエンジニアとして番組的には言いたかったですけどねということでちょっと今回の公開収録では格付けチェック大オマージュでやってみましたけど楽しんでいただけましたでしょうかめっちゃ楽しかったです

ぜひこの後も懇親会でいろいろお話しできればと思います何話してましたっけ公開収録の締めって覚えてないなこんなもんかないつものお知らせして終わりますかじゅんぺい感想はありますか確かにじゅんぺいくんかじゅんぺいくんすいませんいつものが隠したの呼び方してるんだねなんか二択だといいですねなんかちょっと安心できる

ゼロから回答するってなると何も言えない問題がいくつかあったらって気がしますなるほどねあと俺もちょっとチーム欲しかったなっていう気持ちですね誰かと話し合いたかったですAKB枠だAKB枠どういうこと?番組出た時グループでじゃん格付けでアイドルは2,3人でやってますもんねなるほどそうですね

そうしていい問題ありがとうございましたいえいえとんでもございませんいえいえはいじゃあ最後お知らせですハッシュタグひまじんプログラマーでSNSのXでフィードバック募集してますので今日の問題の文句とかありましたら優しく教えてくださいそうですね感想とかね4問目が怖いなそうですねあとは本日参加されている皆様はひまプロオフ会ハッシュタグで

ポストお願いしますでひまプロオフ会って調べるとオフ会こんな感じだったんだなっていうポスト検索できるのでぜひぜひ見てみてくださいお願いしますポッドキャストの説明欄からGoogleフォームで番組へのお便り予防感想質問何でもお待ちしてます楽しかっただけでいいのでぜひお願いしますお願いします最後に各種ポッドキャスト

プラットフォームのフォロー高評価もお待ちしてますボイシーやってるんでお願いしますフォローしてね長丁場今回収録ありがとうございましたありがとうございましたまたねまだじゅんぺいの口から聞いてね中級エンジニアになりたいってイエーイどうせこのままずっと初級エンジニアだと思ってた中級エンジニアなんてなれないでももし本当に中級エンジニアになっていいのなら

なりだい!