HTML5 + Javascriptで動作する麻雀アプリ

フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではないでしょうか。 jQuery を使えば、様々な需要に合った操作ができるようになります。ここではプルダウン項目の追加・削除について触れますが、基本となるセレクトボックス操作の知識は必要不可欠なので、ぜひ次の記事も一緒に確認していただければと思います。
アニメーションGIFがウェブで簡単に作成できます。 アニメーションGIF作成 ウェブで簡単アニメーションGIF作成。画像は最大50枚指定できます。 透過色、画像の重ね方、リピート回数、ウェイトタイム(持続時間)、縮小処理など様々な設定が出来ます。 処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。
JavaScript の数値型は整数と小数を区別しないが、数値を整数化したい時にどうするのがベストなのか? Math のメソッドを使うのが正攻法 // 切り上げ Math.ceil( 3.5 ); // => 4 Math.ceil( -3.5 ); // => -3 // 切り捨て Math.floor( 3.5 ); // => 3 Math.floor( -3.5 ); // => -4 // 四捨五入 Math.round( 3.5 ); // => 4 Math.round( -3.5 ); // => -3 parseInt() でもできる 文字列を整数にパースする parseInt() でも整数化できる、けど、本来は数値を整数化するためのメソッドじゃないし、MDN にも 引数が文字列でないなら文字列に変換される と書かれてるので、これはダメでしょ。 // 一見切り捨てだが、単
JavaScript の数値 (Number) 型は IEEE 754 の倍精度 64ビットバイナリー形式であり、 Java や C# の double のようなものです。つまり、小数値を表しますが、格納される数値の大きさと精度には制限があります。とても簡単に説明すると、IEEE 754 の倍精度数は、3 つの部分を表すのに 64 ビットを使用します。 1 ビットの符号(sign, 正の数または負の数) 11 ビットの指数部(exponent, -1022 から 1023) 52 ビットの仮数部(mantissa, 0 と 1 の間の数値を表す) 仮数部(significand とも呼ばれる)は、実際の値を表す部分(有効数字)です。指数は、仮数を乗じるべき 2 のべき乗です。科学的記数法として考えると、次のようになります。 Number=(−1)sign⋅(1+mantissa)⋅2exp
とりあえずタイトルが長いけど、何がしたいかっていうとDOMの監視をしたいっていうこと。 divの中にimgが入ったとかpが入ったとか、formの中にinput hiddenが入ったとか消えたとか云々。 そういうときにフォームのサブミットボタンをアクティブにしたいとかっていう感じ。 で、それを実現するにはformだったら各フォームパーツのclickイベントとかの最後に処理を入れてみたりとか、 divだったらsetInterval使ってDOMの中身を監視するとかどうとか。 けどどっちもぶっちゃけ処理が多くなればなるほど面倒なことになってしまう。 特にフォーム関連なんてパーツが増えるたびに書かないといけないとか面倒ではある。 ってことでDOMNodeInsertedやDOMNodeRemovedっていうイベントを使ってその処理を書きましょう的な。 子要素に何か入ったとか消えたとかを監視したい 想
現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Node.jsのサーバサイドのソースや、browserifyやwebpackをでバンドルするのを前提にして、jsファイルごとにモジュール化されているならとにかく先頭に書きましょう。 これだけでヤバい実装はエラーで死ぬようになるので安心です。 エラーが出力されるのは幸福です(極論) なお、昔ながらのhtmlにscriptタグを並べてjsファイルを複数読み込ませるスタイルの際は注意が必要です。 ファイルの先頭に"use strict";を宣言すると、グローバルレベルでstrictモードが適用されるため、strictモードに対応していないライブラリが死ぬ可能性があります。 strict程度で死ぬライブラリなんて... そんな時はjsファイルの中身全体をfunctionでくくりましょう (function() { "use strict"; console.log("こいつ...できる...!")
Redmineに対応しているテキスト書式のうち CommonMark Markdown はHTMLタグをそのまま使用できますが、 Textile と Markdown についてはセキュリティ上の理由からHTMLタグの使用が制限されています。 HTMLタグを使用したい場合のテキスト書式ごとの対応 HTMLタグを使用する方法は現在選択されている「テキスト書式」の設定(「管理」→「設定」→「全般」画面)により異なります。 CommonMark Markdown CommonMark MarkdownではそのままでHTMLタグが使用可能です。特別な対応は不要です。 Textile TextileでどうしてもHTMLタグを使用したい場合はソースコードの変更が必要です。 lib/redmine/wiki_formatting/textile/redcloth3.rb の末尾付近で、使用できるタグを A
HTMLで画像や出力データをアクセス時より遅らせて出力したり、処理をしたりしたい場合があります。 jQueryのsetTimeoutを使用すれば、指定した時間の後に出力させることが可能です。 ■ setTimeout 指定した時間(秒数)の後に処理を実行します。 $(function(){ setTimeout(function(){ // 処理を記載 }, 2000); }); ■ setTimeoutの使用例 【jQuery】 1秒後に処理を実行します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var str =
This library reads PHP code and transforms it into JavaScript code which can be run in the PHP VM in this library, resulting in same results as with PHP. It starts by tokenizing the PHP code into tokens, which it then uses to build an AST tree. Once the tree has been constructed, the script compiles it into JavaScript that can be interpreted by the VM and then executes it. Any additional unconvert
var $hoge = document.getElementById('hogeId'); if($hoge.addEventListener){ $hoge.addEventListener('click', aaa, false); } else if($hoge.attachEvent){ $hoge.attachEvent('onclick', aaa); } http://uhyohyo.net/javascript/3_2.html より抜粋 attachEventというメソッドが使われています。 これが、IEでイベントリスナを登録するメソッドです。 1つめの引数はイベントの種類で、2つめはイベントリスナです。 3つめの引数がありませんが、これはfalseを指定したのと同等です。 addEventListenerではイベント名に「on」を付けないのに、attachEventで
サンプル シンプルなリスナーの登録 下記の例ではmodifyText()は、 addEventListener()を使用してクリックイベントをリスナーに登録しています。 テーブルの何処かをクリックすると、ハンドラがバブルアップしてmodifyText()を実行します。 もし、リスナー関数に引数を渡したいのであれば、無名関数を使用することが出来ます。 <!DOCTYPE html> <html> <head> <style></style> </head> <body> <table id="outside"> <tr><td id="t1">one</td></tr> <tr><td id="t2">two</td></tr> </table> <script> // t2の内容を変更する関数 function modifyText() { var t2 = document.getEle
HTML DOM APIWindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 m
ECMAScriptの浮動小数点数の丸め関数である Number.prototype.toFixed() について調べてみたところ、浮動小数点数をわかっている人が作った硬派な仕様だと感じたので、解説してみます。 浮動小数点数の丸めの善し悪しについて 私はプログラミング言語の浮動小数点数の丸め処理に興味があり、過去に関連記事を30本以上書いています。こうした活動から得られた知見として、良い丸め関数には次のような性質があると考えています。 仕様がシンプルで直感的であること 仕様が抜け漏れなく文書化されていること バグを作り込みにくい仕様であること どれも良い関数の一般論のような話ですが、丸め処理に限って言えば簡単な話ではありません。そもそも浮動小数点数の性質が人の直感に反するため利用者にとっても実装者にとっても罠が多く、結果として上の条件を満たせないことが多いのです(私が面白いと感じるポイント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く