Formatter JavaScriptコードを整形 JavaScript Formatter JavaScriptコードを整形できる、使いやすいツールです。
Formatter JavaScriptコードを整形 JavaScript Formatter JavaScriptコードを整形できる、使いやすいツールです。
こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです! まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます(ドラッグ、拡大縮小、回転)。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.
Bootstrap4を使い慣れてる人ならば、マテリアルデザインを簡単に導入することが出来る「Material Design for Bootstrap4」。 *Material Design for Bootstrap 「Material Design for Bootstrap4(以下、MDB4と呼称)」は無料で商用利用可能です。 クレジット表記も必要なく、制作にも使えます。 ライセンスは「MTIライセンス」で、 ソースコード内(mdb.min.css)にクレジット表記が載っているので、それさえ消さなければ問題ありません。 以前、MDB4について単発の記事に概要のみ載せました。 また、これのBootstrap3対応バージョンについて、8回のシリーズで書きました。 Bootstrap4も正式リリースから半年以上経ちましたので、そとそろ皆さん慣れてきた頃かと思います。 今回から数回に渡って「
WebAssemblyとは? ブラウザからアセンブリ(機械語)を実行できるようにする技術 高速化手段、あるいはJavaScriptの処理系にできないことをするといった目的で提案された 2015年6月、Mozilla、Google、Microsoft、Appleが標準フォーマットとして開発することに合意した WebAssemblyが生まれた経緯 JavaScriptに実行速度が求められる時代になった 1. なぜJavaScriptは遅いか? インタプリタ言語で 動的型付けをしている → 解析に時間がかかってしまう よって、コンパイラ言語と比べると遅い😭 当初、JavascriptはHTMLに飾り付けをする程度だった さっと書いて、すぐに動く、それが売りだった しかし最近では・・・ 複雑なアニメーション WebGLなどのグラフィック処理 計算速度の遅いモバイル端末 などにも用途が広がり、実行
PHPのMVCフレームワークを使っていたら、機能を追加するたびにControllerやModelが肥大化していき、自分で書いたコードなのに段々把握しづらくなってきました。(汗) 論理設計はともかく、物理設計では粒度を細かくして、なるべく疎結合になるようにしようと思いました。 jsstudy.hatenablog.com 細かく分けるのは良いけど、メソッドがたくさんあった場合、メソッドの一覧表があって俯瞰できたら便利だなーと思いました。 メソッドの一覧表を作成/表示する機能って、今時のIDEなら付いてるよな?と思って調べてみたらありました!ラッキー!!! qiita.com Visual Studio Codeの場合、Windowsなら「Ctrl + Shift + o」で表示しているファイル内にあるメソッドの一覧を表示してくれます。 「Ctrl + Shift + o」を押した後、さらに「
Easy Ganttは、Redmineに高機能なガントチャート機能を追加するプラグインで、プロ版の他に無料版も用意されている。この無料版でもかなりの機能が使える為、たいへん重宝している。 おおむね好評に導入されたのだが、導入後に一番要望として上がってきたのが祝日をガントチャート上に出したいというものだった。 隠されたEasy Ganttの祝日機能 実は、Easy GanttにはRedmineの環境設定で設定した休日以外にも、カスタムの休日を設定する機能がある。この機能はEasy Redmine社のカスタマイズ版Redmineとの連携を想定しているため、通常は(おそらくプロ版であったとしても)使えない。 また、Easy Ganttの表はJavaScriptを使ってcanvas要素として生成されている為、RedmineのView Customize pluginでカレンダーに祝日表示 - Qi
JavaScriptテストの基礎知識と使えるフレームワーク6選:フレームワークで実践! JavaScriptテスト入門(1)(1/3 ページ) しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう @ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし
こんにちは。先日に引き続き、米国のサポートチームで公開している Blog の翻訳を紹介させてください。 ご存じの通り Windows 8 から Windows ストア アプリケーションが利用できるようになり、私たちのチームでお問い合わせを担当しています。米国のサポートチームでは、Windows ストア アプリケーション専門のサポート チームがあり、こちらのチームでも Blog を運営していますが、その中でもページビューが多いいくつかの記事を日本語に翻訳してみたいと思います。 Ten Things You Need to Know About WebView こんにちは - 私はマイクロソフト Windows ストア開発者ソリューション チームのシニア エスカレーション エンジニアのマット・スモールです。 私は Release Preview の以前より Windows 8 に携わっており、
node.js でコードを書いている時にハマった 循環参照 という問題とその対処法について紹介します。 循環参照 この問題は circular dependency, cyclic dependency とも呼ばれます。これはどういう問題かというと、 あるファイルを require したときにその結果が空のオブジェクトとして返される問題 です。 この問題に直面した時はなんでこうなるのか全く理解できなかったのですが、よくよくコードを見てみると、あるファイルとあるファイルがお互いにrequireし合っていることに気づき、色々調べてみるとこういう問題があることがわかりました。 以下にこの問題を再現させるサンプルコードを示します。 // a.js "use strict"; var B = require('./b'); module.exports = (function() { var id,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く