IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
Heyoffline.js ネットワークのオフラインを検知して処理を実行できる「Heyoffline.js」 フレームワークレスで動いて、onOfflineとかonOnlineとかのイベントハンドラを設定して、オフライン、オンライン時に処理を実行できるみたい。 スマートフォンなんかで、何かを入力してしまっていて、送信ボタンを押したらサーバがオフラインですっていうのは避けたいところなのでこうした仕組みで送信ボタンのアクティブ状態を変更するのも1つの手ですね 家や会社のパソコンは常時接続でオフラインの心配はなくなった、とおもいきやスマートフォンの電波が悪い状態や地下鉄、といったことを考えるとこういう仕組みは必要かもですね 関連エントリ 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」
2011年12月25日日曜日 JsTestDriver導入 テスト駆動JavaScriptで紹介されてたJsTestDriverとjstdutilを、ubuntu11.10に導入した時の手順を記録しておきます。 インストール方法以外の手順は基本的にどのOSでも同じなので、WindowsやMac等にも応用できると思います。 1. インストール 1-1. インストール前の準備 JsTestDriverの動作にはJavaがインストールされている必要があります。 また、後で紹介するjstdutilを使用する場合はrubyが必要です。 以下のようにして必要なソフトをインストールします。 $ sudo apt-get install openjdk-7-jre $ sudo apt-get install ruby 1-2. ファイルのダウンロード JsTestDriverのダウンロー
jqはターミナル上で使えるJSONパーサーです。 JavaScriptの台頭に伴ってJSONを共通のファイルフォーマットに使うことが増えてきました。システムから取得したJSONファイルの内容を調べる時に使いたいコマンドがjqです。 元のJSONです。 resultsの1つ目だけを出力。 2つ目だけ。 一つ目、さらに項目を指定して出力。 全ての結果、ただし項目を指定して出力。 さらに情報を追加して出力もできます。 jqはMac OSXやLinux向けのコマンドであり、標準出力されたJSONファイルを読み込み、加工した上で出力できます。かつインデントを含めて成形してくれるのでデータの見やすさが格段にあがるはずです。プログラミング言語のライブラリから扱うよりも手軽ではないでしょうか。 jqはC製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Web AP
The document discusses testing JavaScript code. It covers why JavaScript is hard to test, how to make JavaScript more testable, and tools that can help with testing. Specifically, it notes that untestable JavaScript code is a major problem, provides examples of testable versus untestable code, and recommends using unit test frameworks like Jasmine along with functional test frameworks. It also rec
ここ最近クライアントサイドで使えるJavaScript製のテンプレートエンジンを調べてました。業務で必要だったんで、調査してたんだけど、ここら辺有名所から、無名のまでかなりの数があるんですな…。という事で、忘れない内にメモ。 ただし、この中で実際に試してみたのは、ejsとPUREだけだったりする。感想はサイトの説明を見てのもので、そっから業務にあったのをピックアップしたらこの2つになった次第。感想とか書いてるけど、ちょっと適当。 jstparser.js Mark Gregory Turansky » Better JavaScript Templates 更新されてるのか不明 jsRender&jsViews JsRender: Demos jQuery templateプラグインがこちらに切り変わる模様 jQuery Smarty balupton/jquery-smarty · Gi
ハロウインなもんでそこら中をガイコツさんが我が物顔で闊歩しています。 いたづらされる前に懲らしめてやりましょう。 じゃんけんの要素を取り入れた戦略シミュレーションゲームを作ろうとしたら なぜかこんな微妙なアクションゲームが出来上がってしまいました。 再生ボタンを押すと少しの間タイトルが表示されてすぐにゲームが始まります。 このゲームは3人の少女を操って32体のガイコツさんをできるだけ短時間で 懲らしめるゲームです。少女をドラッグすると四角いマーカーが現れ、 指を離した時点でそのマーカの位置に少女が向かいます。 少女とガイコツさんが接触するとじゃんけん判定が行われます。 赤がグー、緑がチョキ、青がパーに相当し、少女が勝つとガイコツさんは消滅し、 少女が負けると少女は拠点に逃げ帰ります。あいこだった場合はお互いにノックバックします。 拠点に逃げ帰った少女は拠点をドラッグすることにより再び呼び戻
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
勉強のためにAngular.js(v1.0.1)のソースコードを読み始めました。フレームワークの仕組みを把握するために読み始めたのですが、「おぉそんなことがあるのか!」と新しい事実の発見があったり、「やはりこの書き方は推奨されるんだな。。。」とベストプラクティスの有効性を再認識したりなど、JavaScriptの実践的な知識を学ぶのに役立っているので、備忘録として記録していきます。 対象は、JavaScriptでアプリをごりごり書いたり、ライブラリを作ったりしている”それなりにJS開発の経験がある人”です。 まず第1回目は1〜1719行目までです。 'use strict'; とJavaScriptの先頭に書くことでJSエンジンによる厳密な文法チェックを有効にする String.toLowerCase(), String.toUpperCase()にはトルコ語環境において不具合があるので、そ
#Landscaping With Frontend Development Tools An opinionated list of tools for frontend (i.e. html, js, css) desktop/laptop (i.e. does not include tablet or phone yet) web development ##Coding Tools ######Workflow/Builds/Assemblers/Task-runners/Dev Opts bud lumbar brunch grunt lineman yeoman Takeoff gulpjs broccoli mimosa codeKit liveReload stealJS anvil.js modjs nodefront AUTOMATON volo roots midd
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
JSを楽に書きたいな〜♪ ハイ、構文チェッカー! ・・・ということで、emacs(flymake)でリアルタイムにJSの文法チェックが出来る環境を構築したいと思います。 JavaScriptの構文チェッカとしては ・JSLint ・JSHint ・Closure Tools などがあるようですが、今回欲しいのは構文チェックの機能のみで、 チーム開発に向いているという噂からJSHintを使おうと思います。 そして、emacsにはjshint-modeというnode.js上で動くJSHint用のモードがあるのでそれを導入します。 僕はwindows上でemacsを使っているので、まずwindows上にMinGWを使ってnode.jsを入れるところから始めます。 (構文チェックを行う場所(=今回だとwindows上)にJSの実行環境(=node.js)があると、flymakeがそれとJSHint
Friday, August 10, 2012 jQuery vs Zepto vs jQMobi - which one is the fastest? By Mikael Kindborg and Ali Sarrafi In this article we compare the performance of three JavaScript frameworks, the popular and widely used jQuery library, and two jQuery compatible libraries designed for mobile use: Zepto and jqMobi. Background The benefits of jQuery include: cross-browser compatibility (jQuery abstracts
Does Node.js have built-in Base64 encoding yet? The reason why I ask this is that final() from crypto can only output hexadecimal, binary or ASCII data. For example: var cipher = crypto.createCipheriv('des-ede3-cbc', encryption_key, iv); var ciph = cipher.update(plaintext, 'utf8', 'hex'); ciph += cipher.final('hex'); var decipher = crypto.createDecipheriv('des-ede3-cbc', encryption_key, iv); var t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く