プログラミング問題
こんにちは。 今日はひさしぶりにプログラミングの問題です。題材はオセロゲーム。 オセロゲームといえば8x8の2次元の盤面に白と黒の石をおいていくゲームですが、今日はそれを1次元にしたようなお題です。 お題 8x1の盤を使ってオセロをする。 盤面に白と黒…
プログラミングの問題です。 親子関係のあるツリー構造の問題です。 親が子を持つか、子が親を持つか、相互に持つか、考え始めるといつも悶々としてしまうんですよねー。特に答えはないですが悶々としてみてください。 以下はjavascriptで書いてますが言語は…
仕様書が日本語でプログラムは英語だと単語のマッピング表が欲しくなりますね。 今日はそんな問題です。
下記に月・日を入力するといい感じに日付(年月日)にしてくれる機能がある。 これと同じ機能のメソッドcreateDate()を完成させよ。 メソッドのインターフェースは↓この通り。 /** * @param {number} month 1-12 * @param {number} dayOfMonth 1-31 * @param {…
プログラミング言語になくてはならないのがコメント。 たとえばjsの場合はこんな感じ。 今日はこれを実装してみましょう。 問 スラッシュではなくパイプ(|)を使った独自のコメントアウト機能を実装せよ。
今日はアクションゲームが作れそうなネタです。 問 下記のコードをカスタマイズして弾む箱を描画してください。 サンプルコード <style> .box { position: absolute; width: 16px; height: 16px; left: 100px; top: 100px; background: #000; } .field { position:</style>…
今日はバグ修正っぽい問題です。 問 あるチャットAPIがあります。 このAPIには指定日時以降のメッセージを取得するメソッドがあります。 このメソッドを使って、定期的にメッセージし表示するアプリが作りたいです。 メッセージを取得するAPI仕様 /** * 指定…
今日はツイッターっぽい問題です。 問 いろいろな人がツイートしたあとで それぞれの人の最後のツイートを取得してください。 プログラムこんな感じ。 <script> class Twitter { /** * ツイートする * * @param userName {string} ユーザ名兼ユーザID * @param text…
問1〜4をまとめれば あーーーーら不思議。 パズルの完成です。 全体ではこんな感じです。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100px; height: 1</style>…
問題も大詰めです。 がんばっていきましょう。 TODOを実装し、クリックした位置を取得せよ。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100px; height</style>…
問2まででロジックは完成しているので 今日からUI周りの問題です。 TODOを実装し、パネルを表示せよ。 <style> .puzzle { width: 300px; height:300px; position: absolute; background: #888; } .puzzle>div { background: #ff8; position: absolute; width: 100p</style>…
昨日の「【問題】8パズル 問1」の続きです。 今日はちょっと簡単ですが息抜きに解いてみてください。 TODOを実装し、想定する出力にせよ。 <script> /** * パネルの値から位置を取得する * * @param ary2d {number[][]} 8パズルのパネルを表す配列。空の場所には0が…
会社でjs勉強会的なものが開かれたので8パズルの問題を作りました。 8パズルとはこうゆうやつです。 canvasでパズルゲーム 今回の問題はシャッフルはせずにパネルを動かすところだけです。 よかったらやってみてください。 TODOを実装し、想定する出力にせよ…