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ファイルを見てみると、inde...
web

ベジエ曲線

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

直線と多角形

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

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

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