As of v4.0.0, the core code of Cropper is replaced with Cropper.js. I recommend you to use the jquery-cropper instead of Cropper. ×
As of v4.0.0, the core code of Cropper is replaced with Cropper.js. I recommend you to use the jquery-cropper instead of Cropper. ×
どうも、まさとらん(@0310lan)です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です! バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもしてくれるので手軽に公開することも可能なスグレモノですよ。 【 Gomix 】 以前は「HyperDev」という名称でサービスが公開されていましたが、現在は「Gomix」というサービス名に変更されており、今も活発にバージョンアップが続けられています。 ■基本的な使い方! それでは、実際に「Gomix」を使いながらどのようなサービスなのかを見ていきましょう! まずは、ブラウザから「https://gomix.com」にアクセスすると、いきなりコード
このサイトは任意の数値を変換して、数字表現、英語表現、日本語表現、SI 単位系で表示するサイトです。 英語のミリオン、ビリオンなどと日本語の億、兆、京などの数字の単位を相互に変換する事が出来ます。 注意点 小数点には対応していません。 英語の単位の上限は trillion (トリリオン) [1012] で、米国式を採用しています。 日本語の単位の上限は 垓 (がい) [1020] です。もう 1 つ上の 禾予 (じょ:のぎへんに矛) については、表示に使える字が無く、一般的でない事からここまでとしました。 SI 単位系の上限は P (ペタ) [1015] です。 その他 API いうほど大袈裟じゃないですが、GET のパラメータで query を渡すと、数値の初期値を指定できます。 お問い合わせ・不具合の連絡は、メールフォームもしくは Twitter でお願いします。 このページの利用に際
Intro textarea などに入力された文字数を、JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。 それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能などを交えて解説する。 なお、文字コードの仕組みを詳解すること自体が目的では無いため、BOM, UCS-2, Endian, 歴史的経緯など、この手の話題につき物な話の一部は省くこととする。 1 文字とは何か Unicode は全ての文字に ID を振ることを目的としている。 例えば 😭 (loudly crying face) なら 0x1F62D だ。 1 つの文字に 1 つの ID が割り当てられているのだから、文字の数を数える場合は、この ID の
var fs = require('fs'); var officegen = require('officegen'); var xlsx = officegen ('xlsx'); xlsx.on ('finalize', function(written) { console.log('Finish to create an Excel file.\nTotal bytes created: ' + written); }); xlsx.on('error', function(err) { console.log(err); }); sheet = xlsx.makeNewSheet(); sheet.name = '日本語のシート名'; // The direct option - two-dimensional array: sheet.data[0] = []; sheet.
PeriodPicker or TimePicker or PeriodDateTimePicker Try another perfect period picker or cool datetimepicker. Used TimePicker or perioddatetimepicker Compact mode like this datetimepicker mode or cute timepicker (touchable,draggable,use keyboard and mousewheel, support mobile devices). Read more Buy and Download Read more ... How do I use it? First include to page css and js files <!-- this should
npm、一見無意味なパッケージを消したら1000件ものパッケージが依存するパッケージであったことが判明 npmが一見無意味に思えるfsというパッケージをSPAMとみなして削除したところ、1000件ほどのパッケージが依存するパッケージだったので、削除を取り消した。 npm, Inc. Status - "fs" unpublished and restored 今日、数分ほど、"fs"というパッケージが、ユーザーからSPAMであるという報告を受けて、レジストリから非公開にされた。これは現在復旧されている。これは私(@seldo)による人為的なミスである。私は非公開が安全であるかを確認する内部のガイドラインに従っていなかった。ビルドが阻害されたユーザーに謝罪する。 詳細:"fs"というパッケージは、無意味なパッケージである。これは単に"I am fs"をログに残して終了する。このパッケージが何
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。(変更)「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。(追加)追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。(移動)移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。(移動)最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。(削除) いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします(これが後々大事になります)。JavaScrip
22 March 2024 Hey there, this is the current maintainer of BrowserFS. I've been working on BrowserFS for over a year now, and have made some big improvements. A few months ago, I began seperating some backends from BrowserFS to be placed into different packages. Along with this, I created the browser-fs organization on Github and the browserfs organization on NPM. I made new organizations to keep
Latest: v4.9.0 (2017-05-03) Demohttps://sutara79.github.io/jquery.add-input-area/ GitHubhttps://github.com/sutara79/jquery.add-input-area 入力欄を動的に増減させることができます。 テキストボックス、テキストエリアの両方に対応しています。 ライセンスMITライセンス (http://www.opensource.org/licenses/mit-license.php) ※改変、再配布はご自由にどうぞ。 使用にあたっての注意点 増減する入力欄には、下記のようにCSSクラスを指定する必要があります。 要素の種類は問いません。 li でも tr でもOKです。 また、子孫関係も、直下に置く必要はありません。 <* id="hoge"> <* class="ho
「jQuery 3.0 Final Released!」などで報じられているように、2016年6月9日にjQuery 3.0がリリースされました。 詳細は様々なブログ等でレポートされていますが、私はjQuery 3.0のスリムビルド版で使用できないメソッド等を調べてみました。 スリムビルド版の概要 まず、スリムビルド版のリリース記事内にはAll in all, it excludes ajax, effects, and currently deprecated code.とあり、AjaxとEffectsが除かれていることが分かります。jQuery 1.8からGruntを利用して必要なモジュールのみをまとめたカスタムビルド版の生成が行えるようになっているのですが、スリムビルド版もこれを利用して生成されているようなので、実際にコードを見てみると次のように除かれているモジュールが記されています
壁に埋め込まれたボタンをピクセル化させてインタラクティブなディスプレイを作成できてしまうのが「AnyPixel.js」です。Googleの開発者たちによって無料でコードが公開されており、誰でも風船や電気のスイッチなどを使って自由に巨大ディスプレイが作成できるようになっています。 anypixel.js http://googlecreativelab.github.io/anypixel/ AnyPixel.jsとは一体どういうものなのか?ということは、以下のムービーから確認できます。 AnyPixel.js - a web friendly way for anyone to make unusual displays - YouTube 大量に用意されたボタン。 これを、巨大な壁一面に設置していきます。 壁の背面はケーブルだらけで…… 前から見るとこんな感じ。 設置が完了したボタンはカ
追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。(ちゃんと知りたい人はこちら) 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良いかと言われたら「いや流石にロジック汚れるんじゃね?」とか「CSSの便利機能を捨てて平気なの?」とか色々と懐疑的だったんだけど、1~2か月書いてみたら想像以上に良かったので感想を書くことにした。 まず一番に主張したい部分を先に言うと、こう。 (誤解)JSのコードがスタイル記述で汚れる (正解)JSのコードがスタイル記述から解放される 前提 実際に書いたのはJavaScriptではなくElmなので以下は全て
はじめに React(通称 React.js1)を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法(アロー関数とか)を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは(2023 年現在から見た)『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事
The powerful, in-browser CSV parser for big boys and girls Download Demo Documentation // Parse CSV string var data = Papa.parse(csv); // Convert back to CSV var csv = Papa.unparse(data); // Parse local CSV file Papa.parse(file, { complete: function(results) { console.log("Finished:", results.data); } }); // Stream big file in worker thread Papa.parse(bigFile, { worker: true, step: function(result
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く