2021-12

JavaScript

テトリスを作ろう3

では前回の続きを作っていこう。 落下後、ボードに書き込む  落下したテトリミノをボード配列に書き込む処理を以下のように追記する。 //動きが止まったtetをボード座標に書き写す const fix...
JavaScript

テトリスを作ろう2

では前回の続きを作っていこう。 ボードの作成 テトリスは落下し終わったテトリミノは下部に積み上がっていく。この盤面に保存されているテトリミノの管理をするボードを作成しよう。以下のようにハイライト部を追記修正する。 &lt...
JavaScript

テトリスを作ろう1

jsで定番ゲームテトリスを作ってみよう。 準備 tetris.htmlを任意の場所(desktop)に作成し、以下のように記述する。 <!DOCTYPE html> <html> <head...
JavaScript

webAPIを叩いてみよう!

webAPIが何かを説明する前に実際に以下のURLを叩いてみよう。 これは国際宇宙ステーション(ISS)のリアルタイム座標をjsonで返却してくれるサービスだ。このようにURLを叩くことによって何らかの情報をレスポン...
website

疑似要素を使ってみよう

疑似要素とは要素にちょっとした装飾を施すときに便利な技術だ。さっそくやってみよう。 html & css 以下のようにマークアップする。 <!DOCTYPE html> <html> ...
website

cssグリッドでサイトを作成してみよう

アイテムをタイル状に並べたいときに便利なcssグリッドを使ってサイトを作ってみよう。今回作成するのがこちら年12月現在、アマゾンプライムで観ることのできる無料映画の中から私の好きな作品をピックアップしたものだ。(一応リンクも貼ってあるが、...
スポンサーリンク
タイトルとURLをコピーしました