MENU
2020/07/09 18:08:09 | PHP/JavaScript
htmlはdata属性がサポートされています。この属性は、タグごとに任意のデータをセットできて、とても便利です。そこでここでは、JavaScript上でhtmlのdata属性を操作する方法をお伝えします。
2020/07/09 18:00:09 | PHP/JavaScript
JavaScriptでスライドパズルを作成しようということで始めた企画の3回目です。今回は、ピースをシャッフルする機能と、ピースが揃ったときの処理を追加します。また最後に全ソースを掲載します。■ピース数や画像変更機能を付加した、公開版スライドパズルスライドパズルで遊ぼう!!
2020/07/09 18:00:09 | PHP/JavaScript
JavaScriptでスライドパズルを作成しようということで始めた企画の2回目です。今回は、パズルのピースの描画とクリックしたときの移動をアニメーションで表現します。■ピース数や画像変更機能を付加した、公開版スライドパズルスライドパズルで遊ぼう!!
2020/07/09 18:00:09 | PHP/JavaScript
今から約30年前、バイトで貯めた40万円でPC9801を購入した僕は、付属していたn88basicでプログラムの勉強をしていました。そして初めて完成させたのが15スライドパズルです。友達にすごいと言われて、鼻高々でした。そんなことを今になって思い出したので、初心に帰ってJavaScriptで15スライドパズルを作成してみます。↓完成したスライドパズルです↓シャッフルしてくださいシャフル(50)シャフル(100)■ピース数や画像変更機能を付加した、公開版スライドパズルスライドパズルで遊ぼう!!
2020/07/09 18:00:09 | PHP/JavaScript
Canvasは、表示されているサイズと描画をおこなうエリアのサイズがことなります。そのため、ブラウザ上でクリックされた座標を求めるには一工夫必要です。
2020/07/09 18:00:09 | PHP/JavaScript
JavaScriptでべき乗を計算する方法をお伝えします。
2020/07/09 18:00:09 | PHP/JavaScript
JavaScriptで偶数奇数判定をおこなおうとしたら、組み込み関数が存在していませんでした。そこで独自に偶数奇数判定をおこなう関数を作成してみます。
2020/07/09 17:59:09 | PHP/JavaScript
JavaScriptコード実行時、次のようなエラーで処理が止まることがあります。Firefox:『ReferenceError: can't access lexical declaration `・・・' before initialization』Google Chrome:『Uncaught ReferenceError: Cannot access '・・・' before initialization』これって何でしょうか?
2020/06/30 14:32:30 | PHP/JavaScript
JavaScriptはブラウザ表示をブロックするので、</body>の直前に記述するべきという話を聞いた。本当だろうか?少し検証してみることにした。OS:Windows 10検証ブラウザ:FireFox 72.0.2Google Chrome 79.0.3945.130Microsoft Edge 44.18362.449.0
2020/06/30 14:32:30 | PHP/JavaScript
僕がJavaScriptを使いだしたころ、コールバック関数で少し悩んだことがある。ネットではコールバック関数として無名関数が使用されていることがほとんどだが、20年以上前のプログラマな僕には少し気持ち悪く感じた。だから外で関数を定義して、コールバック関数として指定した。ところがうまく動かない。すぐに理由がわかったのだが、今回は今一度理由を整理してみようと思う。※当時の僕はJavaScriptイコールjQueryだと思っていたので、記事中のコードをjQueryにしてあります。