アニメーションGIFがウェブで簡単に作成できます。 アニメーションGIF作成 ウェブで簡単アニメーションGIF作成。画像は最大50枚指定できます。 透過色、画像の重ね方、リピート回数、ウェイトタイム(持続時間)、縮小処理など様々な設定が出来ます。 処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。
ウェブでアニメーションGIF作成
アニメーションGIFがウェブで簡単に作成できます。 アニメーションGIF作成 ウェブで簡単アニメーションGIF作成。画像は最大50枚指定できます。 透過色、画像の重ね方、リピート回数、ウェイトタイム(持続時間)、縮小処理など様々な設定が出来ます。 処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。
数値を整数化する方法 - Hikware.Tech
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 にも 引数が文字列でないなら文字列に変換される と書かれてるので、これはダメでしょ。 // 一見切り捨てだが、単
Number - JavaScript | 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 + man
DOMNodeInserted DOMNodeRemovedを使って、divとかformとかに子要素が追加されるとか、中身の一部が消されるときにイベントを発火させたい的なお話
とりあえずタイトルが長いけど、何がしたいかっていうとDOMの監視をしたいっていうこと。 divの中にimgが入ったとかpが入ったとか、formの中にinput hiddenが入ったとか消えたとか云々。 そういうときにフォームのサブミットボタンをアクティブにしたいとかっていう感じ。 で、それを実現するにはformだったら各フォームパーツのclickイベントとかの最後に処理を入れてみたりとか、 divだったらsetInterval使ってDOMの中身を監視するとかどうとか。 けどどっちもぶっちゃけ処理が多くなればなるほど面倒なことになってしまう。 特にフォーム関連なんてパーツが増えるたびに書かないといけないとか面倒ではある。 ってことでDOMNodeInsertedやDOMNodeRemovedっていうイベントを使ってその処理を書きましょう的な。 子要素に何か入ったとか消えたとかを監視したい 想
2019年になってもまだjQueryを使用している理由
現在、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を捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
anypicks.jp - anypicks リソースおよび情報
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.
JavaScriptで「こいつ...できる...!!」と思わせる方法 - Qiita
Node.jsのサーバサイドのソースや、browserifyやwebpackをでバンドルするのを前提にして、jsファイルごとにモジュール化されているならとにかく先頭に書きましょう。 これだけでヤバい実装はエラーで死ぬようになるので安心です。 エラーが出力されるのは幸福です(極論) なお、昔ながらのhtmlにscriptタグを並べてjsファイルを複数読み込ませるスタイルの際は注意が必要です。 ファイルの先頭に"use strict";を宣言すると、グローバルレベルでstrictモードが適用されるため、strictモードに対応していないライブラリが死ぬ可能性があります。 strict程度で死ぬライブラリなんて... そんな時はjsファイルの中身全体をfunctionでくくりましょう (function() { "use strict"; console.log("こいつ...できる...!")
Wikiの記述にHTMLタグを使用したい — Redmine.JP
Redmine 5.0は3つのテキスト書式「Textile」、「Markdown」、「CommonMark Markdown」に対応していますが、このうち Markdown と Textile についてはセキュリティ上の理由からHTMLタグの使用が制限されています。 HTMLタグを使用したい場合のテキスト書式ごとの対応 HTMLタグを使用する方法は現在選択されている「テキスト書式」の設定（「管理」→「設定」→「全般」画面）により異なります。 CommonMark Markdown CommonMark MarkdownではそのままでHTMLタグが使用可能です。特別な対応は不要です。 Markdown 「テキスト書式」の設定（「管理」→「設定」→「全般」画面）を「CommonMark Markdown」に変更してください。Redmine内部で使用されるMarkdownエンジンが Redcar
jQuery：setTimeoutを使用してHTMLや画像を遅らせて出力 | raining
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 =
php.js - PHP VM with JavaScript
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
【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita
JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:
IE8以下でaddEventListenerが使えないので - Qiita
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で
.addEventListener() | JavaScript 日本語リファレンス | js STUDIO
サンプル シンプルなリスナーの登録 下記の例では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
clearTimeout() - Web API | MDN
ウェブページのコンテキストで以下のスクリプトを実行し、ページを一度クリックしてください。１秒後にメッセージがポップアップします。１秒間に複数回ページをクリックしても、アラートは一度しか表示されません。 const alarm = { remind(aMessage) { alert(aMessage); this.timeoutID = undefined; }, setup() { if (typeof this.timeoutID === "number") { this.cancel(); } this.timeoutID = setTimeout( (msg) => { this.remind(msg); }, 1000, "Wake up!", ); }, cancel() { clearTimeout(this.timeoutID); }, }; window.addEvent
ECMAScriptの浮動小数点数の丸め仕様がスゴい - hnwの日記
ECMAScriptの浮動小数点数の丸め関数である Number.prototype.toFixed() について調べてみたところ、浮動小数点数をわかっている人が作った硬派な仕様だと感じたので、解説してみます。 浮動小数点数の丸めの善し悪しについて 私はプログラミング言語の浮動小数点数の丸め処理に興味があり、過去に関連記事を30本以上書いています。こうした活動から得られた知見として、良い丸め関数には次のような性質があると考えています。 仕様がシンプルで直感的であること 仕様が抜け漏れなく文書化されていること バグを作り込みにくい仕様であること どれも良い関数の一般論のような話ですが、丸め処理に限って言えば簡単な話ではありません。そもそも浮動小数点数の性質が人の直感に反するため利用者にとっても実装者にとっても罠が多く、結果として上の条件を満たせないことが多いのです（私が面白いと感じるポイント
【JavaScript入門】split()で文字列の分割＆正規表現の活用法まとめ！ | 侍エンジニアブログ
JavaScriptのコードを書いていると、文字列をいつくかに分解して使いたいなんて場面があったりしますよね。 そんな時、どのようにコードを書けばいいのかわからない… という方もいるかもしれません。 そんな方必見！ 今回は、文字列を分割する際によく利用される「split」メソッドについて解説していきます。 基本的な使い方や、分割のパターン、応用的な実装方法などまで幅広く解説していきます。 これで文字列分割は完璧。しっかり学んでいってくださいね。 ＞＞＞ 今すぐ「split」の使い方を知りたい方はこちら 「split」とは？ まずは、「split」メソッドの基本的な知識から学習を始めましょう。 splitはStringオブジェクトの組み込みメソッドとして用意されており、文字列を任意の箇所で区切って分割することが可能になります。 一般的な構文としては、次のようになります。 var str =
引数をとるコールバック関数の実現の仕方 - わからん
以下では、「コールバック関数を引数で受け取る関数」と「引数を持たないコールバック関数」を定義し、呼び出しています。 function f1(callback){ console.log('f1'); callback(); } function f2() { console.log('f2'); } f1(f2); //=> f1 //=> f2 では、「コールバック関数を引数で受け取る関数」に、「引数のあるコールバック関数」を渡すにはどうすればよいでしょうか。 方法1 「コールバック関数を受け取る関数」の定義を、コールバック関数の引数も自身の引数として受け取るように変更します。 function f1(callback, arg1){ console.log('f1'); callback(arg1); } function f2(arg1) { console.log(arg1); }
(初心者向け) JavaScript 配列の作成と初期化 - Qiita
#概要 JavaScript の配列は動的なもので、他の言語で言えば ArrayList に近いものです。そして、作成(構築)と初期化の方法も様々なので、ここでまとめてみました。 Array コンストラクタを使って長さ 0 の配列を作成する。 [] を使って長さ 0 の配列を作成する。 初期値を持つ配列を Array コンストラクタを使って作成する。 初期値を持つ配列を [] を使って作成する。 初期値を持たない指定した長さの配列を作成する。 from メソッドを使って配列から新しい配列を作成する。 from メソッドを使って文字列から文字の配列を作成する。 of メソッドを使って値の並びから配列を作成する。 #サンプル ##Array コンストラクタを使って長さ 0 の配列を作成する。 昔の JavaScript ではこういう書き方しかできなかった気がします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What is the exact equivalent of JS: something.toFixed() in PHP?
Ace Editor使用心得_ace.edit自由拉伸-CSDN博客