独学プログラミング初心者の覚書（備忘録） 【CSS】要素を好きな位置に配置する「position: relative;」と「position: absolute;」
何度も同じ内容を忘れては調べてるので、備忘録として要点をまとめたページを作りました。 「position: absolute;」を使うとき、親要素に「position: relative;」または「position: absolute;」を...
るーさ
独学プログラミング初心者の覚書（備忘録） 独学プログラミング初心者の覚書（備忘録） JavaScriptで矢印を描画するには「clipPath」を使う
CSSでは多角形を描画するために「clip-path」を使います。 clip-path: polygon(50px 0, 100px 100px, 0 100px); 頂点の座標(x, y)が、(50, 0) (100, 100) (0, ...
ソースコード 【CSS】どんな機種の解像度にもあうレイアウト
width: 24%; 幅を「画面の幅の24%」に指定します。 height: 70vw; 高さを「画面の幅の70%」に指定します。 一番最初にするべきこと ブラウザゲームやウェブアプリを作るときに一番最初にするべきことは、 ・画面のレイア...
ソースコード JavaScriptでタイマーの作り方【setIntervalの使い方】
全体のソースコード まずは完成したソースコードをご覧ください。 HTMLのコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" hre...
プログラミングをはじめよう JavaScript Anywhere「JSAnywhere」を使ってみよう【iPhone・iPad】
iPhoneのスマホやiPadのタブレットでJavaScriptをプログラミングするなら「JavaScript Anywhere JSAnywhere」がおすすめです。 とても使いやすく、面倒な設定なしでどこでもプログラミングできます。 J...
ソースコード ７日目 揃ったラインを消す処理【JavaScriptでテトリス完成】
はじめに スマホだけを使って、一週間でテトリスを作っていきます。 ・１日目 キャンバスの設定と描写・２日目 フィールドの設定と描写・３日目 テトリミノの設定と描写・４日目 テトリミノの落下と回転・５日目 スマホでの操作と画面固定・６日目 テ...
テトリスを作ろう ６日目 テトリミノの当たり判定【関数の引数とreturnの戻り値】
はじめに スマホだけを使って、一週間でテトリスを作っていきます。 ・１日目 キャンバスの設定と描写・２日目 フィールドの設定と描写・３日目 テトリミノの設定と描写・４日目 テトリミノの落下と回転・５日目 スマホでの操作と画面固定▶︎６日目 ...
テトリスを作ろう ５日目 スマホでの操作と画面固定【タッチイベントの座標を取得】
はじめに スマホだけを使って、一週間でテトリスを作っていきます。 ・１日目 キャンバスの設定と描写・２日目 フィールドの設定と描写・３日目 テトリミノの設定と描写・４日目 テトリミノの落下と回転▶︎５日目 スマホでの操作と画面固定・６日目 ...
テトリスを作ろう ４日目 テトリミノの落下と回転【JavaScriptのタイマー処理】
はじめに スマホだけを使って、一週間でテトリスを作っていきます。 ・１日目 キャンバスの設定と描写・２日目 フィールドの設定と描写・３日目 テトリミノの設定と描写▶︎４日目 テトリミノの落下と回転・５日目 スマホでの操作と画面固定・６日目 ...
テトリスを作ろう ３日目 テトリミノの設定と描写【JavaScriptの多次元配列】
はじめに スマホだけを使って、一週間でテトリスを作っていきます。 ・１日目 キャンバスの設定と描写・２日目 フィールドの設定と描写▶３日目 テトリミノの設定と描写・４日目 テトリミノの落下と回転・５日目 スマホでの操作と画面固定・６日目 テ...
