How to (not) code a Reversi

Real men do not define classes.. (Don't try this at work or you will lose your job)
■ Example Code
editor.p5js.or...
■ License
音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/

[@heron-no-suugaku]

🤔 なぜ会社で（チーム開発で）この技法をやるとまずいのか 🤔 Why I put "(not)" in the title チーム開発では、↓のようなクラス（interface）を作ります。 class Game { init() //盤面を初期化するメソッド putDisk(x,y) //座標xyにディスクdを置く isPlaceable(x,y) //座標xyにディスクが置けるか調べる 等... } こうしておくと、他の人、UIを作る人などが格段にコードを書きやすくなるからです。 // クリックしたとき…… if (game.isPlaceable(x,y)) { // 置ける場所なら置く game.putDisk(x,y); }else{ // ダメなら音で知らせる ui.playSound("NG",x,y); } クラスを用意しておかないと、サンプルプログラムのmousePressed関数のように、UI側のコードがわかりづらくなってしまいます。 ただし、メソッドの中身（実装）は他の人が直接触らないので、多少技巧的になっても問題ありません。 //なんか読めないけど超エレガントな関数 Game.isPlaceable(x,y) { return pumomoenguegegionmoetyottyottyassa; } In a team dev, we usually create a class (interface). class Game { init() putDisk(x,y) isPlaceable(x,y) etc... } This is because it makes it much easier for other people, such as UI designers, to write code. // when the player click the board.. if (game.isPlaceable(x,y)) { game.putDisk(x,y); }else{ ui.playSound("NOPE.wav", x,y); } If there are no class, the UI code gonna be a mess, like the mousePressed function in the example code. However, since the implementation of the methods are not directly touched by other people, it is okay to be a bit technical. // an elegant function but nobody can read Game.isPlaceable(x,y) { return pumomoenguegegionmoetyottyottyassa; } .

[@k__i]

返り値の変数名が汚くて草

[@nameaka2936]

古代グルジア語やん

[@いむ-z7o]

意味不明な英字の羅列が読めてしまうのは何故

[@kkdbsr]

import GBAD

[@yamatoosafune7124]

自分の環境では普通にコードレビューされるので真似できない・・・

[@cat_the_vlover]

納期3分は草

[@odabanga]

2:45 うっそだろお前ｗｗｗｗｗ

[@岩田勝-z2n]

ちょちょいと作ってしまう貴方は神です！

[@kjsaka]

テーブルの行の前後に1行ずつ、列の前後に1列ずつ、空固定の行と列を足したテーブルにしておくと、テーブル内を調べて行くループで添え字の判定が不要になります(空の行や列の中味を調べたときに空が理由でループから抜けるから)。ループの判定処理も簡素化されますし、AIの処理が複雑になってテーブルの中味を見る処理が膨大になったときに、処理時間に差が出ます。

[@CapGame_]

しれっとラストパス対応出来てない…？ 方向出すために三角関数使う発想すごいです…

[@nekoretu]

会社でやってはいけないっていうのは、分割してチーム開発する際の可読性とかの問題の事だったんですね。 タイトルと概要の説明を動画でちょっとしてほしかったかも。。

[@織田豊-b3z]

毎回、絶頂できるいいコード書きますね

[@heron-no-suugaku]

DLSiteに進出しようと思います

[@chachamaru0909]

@@heron-no-suugaku 草

[@volatilerye]

あっ、おい、待てぃ！肝心な所（パスの処理）洗い忘れてるゾ

[@himashin3451]

「(江戸っ子)」が入っていない-114514点

[@ばらさん-b5d]

顧客「自分が置いた瞬間に相手に置かれるとぉ、ちょっと早すぎるんだよねぇ。２，３秒後に置いてくれないかなぁ」

[@jikantoki]

for i in 0..9999{}

[@panzerkampfwagenvitigeraus2364]

@@jikantoki ﾌﾝｯ！！！！！！！

[@AA-pc7us]

冗談だよな…

[@gmaiI.com.]

await new Promise(resolve => setTimeout(resolve, 1000*(Math.round(Math.random())+2))) // async function mousePressed()にして、96行目に追加

[@AA-pc7us]

良かった…

[@Diagreen86]

昔、excelのvbaでこれを作って遊んだ思い出が浮かんで、その時のスクリプトを見たらやっぱ本家言語最高だなぁーと思っちゃった。

[@wimper4591]

@Kei N いま韓国アイドルが流行ってるらしくて、それで韓国語の人がいるみたいだよ バカみたいだねｗ あとネタだったらスマソ

[@Diagreen86]

@Kei N 네, 한국인입니다. 게임을 좋아해서 일본어 공부하다보니 조금은 할 수 있게 된 것 같습니다. 이런 어리숙한 말을 그렇게 평가해주시다니 감사합니다. はい、韓国人です。ゲーム好きで日本語を習ったら少しは出来るようになりました。こんな未熟な言葉をそんなに評価してくださってありがとうございます。:)

[@storks2838]

@@wimper4591 どんまいやで

[@くりーむ-u3k]

直線で全マスを調べたり三角関数で方角決める方式もあるのかと感心しました。なるほどー 私が作った時は(dx,dy)で方角を設定して、再帰探索でひっくり返す枚数と座標を計算したので。

[@3o1415926535]

まあ普通に考えたらそれですよね　三角関数のほうが一般的にかけるからこのケースだとコードが小さくて最適だったのかなあと思いながら見てました

[@siu_mai]

今はほぼわからんがいつか必ず理解してやる

[@DrEpico]

2年経ったよ

[@ryoichinose-y9z]

勉強ネタとして非常に参考になります！いつもありがとうございます。

[@zza7093]

方角の概念、三角関数で表せるのこの動画で知った！ めっちゃ良い

[@bake3209]

これは完全に趣味用のコードだけど、こんなコード書きたくなる気持ちもよくわかるｗ

[@北条練]

「三角関数もあるよ」という一文で、なぜか釣られた自分。

[@yamaguchi11057]

ちょいちょい語録挟むのほんと草

[@paseri9697]

手続き型で書けるのすごい

[@youtsube09]

座標値が整数なので三角関数を使うのはちょっと気持ちが悪いなぁ～。自分ならコード量が増えても愚直に(dx, dy)を要素とした８個のリストを書いちゃいます。

[@tamago9760]

すごい！技が詰まってるかんじしますね

[@kurokuro319]

【動画見た感想】 ぷももえんぐえげぎぎおんもえちょっちょちゃっさっ 【共有事項】 function gabaanaDaddy(x, y){ if (x == "Oppaigakimochiii" && y == "omankogakimochiii"){ return "gamandekinai!!" } } ※ MIT License

[@heron-no-suugaku]

穴が緩いからってライセンスまで緩くて草

[@swiminfish]

タイピングめちゃくちゃ早いですね！！

[@cojitube]

vimのplugin入ってるからね

[@nino1991jp]

納期1日増やすから3人で遊べるようにしてほしい()

[@nemmu_natto]

3人リバーシは草 裏返せないし()

[@nino1991jp]

@@nemmu_natto じゃ昨今流行りの量子力学にならって裏にも表にもなり得る第3の状態も

[@nemmu_natto]

@@nino1991jp 裏でも表でもあるのか(?????)

[@nino1991jp]

@@nemmu_natto 置いて観測するまで裏なのか表なのか或いは両方すらあり得るオセロの駒 量子力学なんて堅苦しいものよりシュレディンガーの猫の方分かりやすかったかな

[@nemmu_natto]

@@nino1991jp なんか22世紀のおもちゃにありそう(???)

[@user-lg7lr5up8x]

勉強になります。

[@まさやん-q4e]

100行で実装はすげー！研修の時Javaで書いたけどもっとあった

[@yoowhene2710]

古典的なアルゴリズム！

[@aa-gl9mq]

今回用いた三角関数についての解説を詳しく聞いてみたい

[@ふくまる-k5p]

これで仕事減るかと思ったら分野が まず違った。

[@bobfredrick4451]

凄い

[@YM-bv1ll]

こういうの見ると才能だなって思う

[@jojo-fz9cb]

これ相当むずいだろ。 もっと砕いてほしいわ。

[@AOI-v3q]

勉強サボってたわい、見事に全くわからん

[@user-ol4qh1fj3r]

これはcanvasで書いてるんですか？

[@リンケジグ]

はえー、すっごい

[@物理教室]

つよすぎいい

[@teknalb]

サムネに「ポロリもあるよ！！」みたいなノリで「三角関数もあるよ！！」って書くなよww

[@緑川暉昌]

三角関数(ﾎﾞﾛﾝ

[@早打]

草

[@n_kura88m]

@@緑川暉昌 ふぅ...

[@午後の紅茶-r4z]

@@n_kura88m ええ…

[@なおき-d3o]

ポロリと同じくらい一瞬しか登場しないのな

[@TheStreetBeam]

勝った！ 真っ黒にできた！

[@hiroyuki5668]

ゲームプログラミングの技術の歴史とか解説して欲しいです

[@TOU1186]

久しぶりに見たらなんかイントネーション治ってて草

[@うめはち]

オセロって闇雲にたくさん取ってたら負けるゲームだったような…。

[@kaj694]

だから古典的なって．．．

[@keepbryan6697]

Ah... This can be made such easily... T_T I had spent so much time with headache...

[@lien2353]

最後負けてて草

[@すずりん-u1g]

ささっと、いとも簡単にプログラム組めてて天才的ですね・・・(めっちゃ尊敬します！) と思ったらびっくりするくらいリバーシ弱くて草

[@mei9316]

この動画だとホントにさくっと作ってるように見えるけど、実際はちょっと時間かかるよね。

[@ねこ-o9o2o]

三角関数、いる？()

[@yuya5721]

何してるんか分からんww どーやったらこんな知識つくの？笑

[@ポンコツ屋末代]

動画の最後、勝てました？

[@djcoziness8487]

顧客はコギャルだったのですか？

[@channel-ml5hq]

現役（底辺）SEだけど説明が全然わからない。 教科書に出てくるような関数は分かるけど、特有のライブラリとかにあるような関数がわからね。

[@はんなり-v4v]

リバーシをサクッと作ってて驚きました。 知識浅で申し訳ないのですが、これは何という言語に分類されるのでしょうか。

[@ryuuuu4724]

これはJavaScriptと言うやつですね。

[@はんなり-v4v]

教えてくださり、ありがとうございます！

[@ごろうまる-p2r]

このオセロの緑のやつ見た感じ常に表示されてるようですけど、どうやって出すのですか？そもそも初期設定や言語はどうやってするのですか？

[@heron-no-suugaku]

うちのチャンネルではp5.jsを使っています。↓の動画で解説してます🐤 kzbin.info/www/bejne/qJWqfJpsi8d5eNE

[@ごろうまる-p2r]

@@heron-no-suugaku ありがとうございます。検索しても名前が分からなかったキャンバスとかそれだけでも知れて嬉しいです

[@iromizu641]

いいなあ高級言語・・・僕がゲーム作ってた時代はアセンブラしかなかったからなぁ・・・。っていうか三角関数は蛇足なんじゃないかと思うのは僕だけでしょうか？

[@tadashifujinaga]

はえー

[@user-ft4lt4rt9k]

おもしれぇ