web

web

時計作ってみた

See the Pen QgvXGx by nuto (@exarow) on CodePen. プログラミングを勉強するにあたって、一番大切なこと。 何事もそうかもしれないけど、興味を持ち続けられるかどうか。 自分は、結果が分かりやすくな...
web

JavaScriptでHTMLの背景色を変える

関数を変数に格納する。 なんかカッコいい。 それをまた関数にまとめて、<body onload= "initial();>で一気に開放する。 これができたからと言って表示が動く訳ではないし、最初からhtmlで書けばいいのだろうが、そういう問...
web

XAMPPがかなり便利

レンタルサーバーを借りていれば、実行結果を確実に確かめられるので、特に問題は無いが、その都度、小まめにチェックするとなると、やはりローカル開発環境が便利である。 VirtualBoxなどを使って、コマンドプロンプトからcentosを立ち上げ...
web

PHPの練習

PHPをサーバー側で実行して練習してみようと思い、せっかくエックスサーバーを利用しているので、使ってみた。 しかし、デフォルトのままだと、index.htmlから読み込まれてしまう。 .htaccessファイルを見てみると、index.ph...
web

ベジエ曲線

曲線を描画するためのメソッド 最初の場所はmoveToで指定する。 円弧を描画。 context.arc( 横位置1, 縦位置1, 横位置2, 縦位置2, 半径 ); まず、2つの位置と半径を指定。 この2点を通過する半径の円弧を作成。 最...
web

直線と多角形

See the Pen GEKBpB by nuto (@exarow) on CodePen. パスに指定の地点を追加。 context.move( 横位置 , 縦位置 ); パスに指定の地点を追加し、最後に追加された地点と直線で結ぶ。 ...
web

円・円弧を描画

See the Pen RVXmLj by nuto (@exarow) on CodePen. Canvasには、円を描くメソッドが無い。 あるのは、円弧を描くメソッドだけ。 円弧を一周分描けば、円になるので、問題はないのかも。。。 あれ...
web

context.beginPath(); の考え方

See the Pen bWXzJJ by nuto (@exarow) on CodePen. パスの考え方 Canvasには四角形を描くメソッドしかない。 それ以外の図形を描くためには、『パス』を使う。 パスは、図形の形だけに関するデー...
web

ドラッグで動かす

onmouseでスクリプトを書いたら、当然タッチパネルには対応しなかった。 しかし、調べたらなんかすぐにサンプルが出てきたので、実装してみた。 書き方間違っているかもしれないが、とりあえず動いたので載せてみた。 See the Pen Vb...
web

成功する人間のたった一つの”Mental Attitude”(精神的姿勢)

問題点の再認識 現代社会においての一つの成功として、最も一般的に認識されることは経済的充足が挙げられるだろう。 もちろん、それ以外のものとして家族関係や人間関係が良好であるとか、知識的探究心の充足、身体的、精神的な健康、承認欲求の充足など挙...