タグ

関連タグで絞り込む (196)

タグの絞り込みを解除

JavaScriptに関するnilabのブックマーク (852)

  • oukasei.com - oukasei リソースおよび情報

    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.

    oukasei.com - oukasei リソースおよび情報
    nilab
    nilab 2015/01/08
    _[JavaScript] JavaScriptはシングルスレッド:非同期処理の仕組み | Ouka Studio : 「関数内の処理の途中で別の非同期処理が勝手に入ることはない」「非同期処理では、次に実行する関数の待ち行列(キュー)のようなものができ」
  • expect

    nilab
    nilab 2014/12/25
    "Write better assertions" : "expect is a thin wrapper around node's assert module that lets you write better assertions."
  • Expect.jsのREADMEを和訳してみた。 - Qiita

    expect(window.r).to.be(undefined); expect({ a: 'b' }).to.eql({ a: 'b' }) expect(5).to.be.a('number'); expect([]).to.be.an('array'); expect(window).not.to.be.an(Image); 特徴 クロスブラウザ: IE6+, Firefox, Safari, Chrome, Operaで動作する。 全てのテスティングフレームワークと併用可能。 Node.JSで使用可能(require('expect.js')). スタンドアローン 使い方 Node npmを利用してインストール。

    Expect.jsのREADMEを和訳してみた。 - Qiita
    nilab
    nilab 2014/12/25
    Node.js - Expect.jsのREADMEを和訳してみた。 - Qiita : 「should.jsをべースに開発されたミニマムなBDDアサーションライブラリ」
  • webpack module bundler

    Getting started by reading the documentation, which also contains an introduction and a tutorial.

    nilab
    nilab 2014/12/25
    webpack module bundler : Require.js みたいな
  • kuromoji.js - Webブラウザ上で分かち書き! MOONGIFT

    テキストから意味を読み取るというのは非常に難しく、そのための専用ソフトウェアが存在するほどです。そしてテキスト解析手法の一つとして知られているのが分かち書きです。日語であればChasenがよく知られています。 kuromoji.jsはそんな分かち書き処理をJavaScriptで行ってしまおうというソフトウェアになります。KuromojiというApache財団のオープンソース分かち書きエンジンをJavaScriptにポーティングしています。 kuromoji.jsの使い方 こちらはデモです。Webブラウザベースで動作しています。nodeでも使えます。 適当な文章をリアルタイムに分かち書きできます。 kuromoji.jsは辞書ファイルをAjaxで取得しています。そのためサイズは大きくなりますが、分かち書きの精度はとても高くなります。サーバサイドで辞書を用意したり分かち書きエンジンを用意する

    kuromoji.js - Webブラウザ上で分かち書き! MOONGIFT
    nilab
    nilab 2014/12/25
    kuromoji.js - Webブラウザ上で分かち書き! MOONGIFT
  • Hello from Turf.js | Turf.js

    SimpleModular, simple-to-understand JavaScript functions that speak GeoJSON.

    Hello from Turf.js | Turf.js
    nilab
    nilab 2014/12/25
    Turf.js : "Turf is a modular GIS engine written in JavaScript. It performs geospatial processing tasks with GeoJSON data and can be run on a server or in a browser."
  • [JavaScript] あれまぁAndroid 4.2.2でのtouchstartとclick

    GALAXY NEXUS SC-04Dだけ挙動が変。 どうも他の端末と異なる。 Android 4.2.2 OS のせいなのか GALAXY NEXUS SC-04D端末固有の問題なのかがわからない。 原因はaタグにつけたイベント設定。 jQuery 使ってます。 $( "#some-id" ).on( "touchstart click", function ( e ){ e.stopPropagation(); e.preventDefault(); console.log( e.type ); } ); ワンソースでPCもスマホもという贅沢仕様のため touchstart と click の2種類のイベントを設置しました。 GALAXY NEXUS SC-04D だけタップすると log が2回出力される。 touchstart と click。 ゆっくり触れると touchstar

    [JavaScript] あれまぁAndroid 4.2.2でのtouchstartとclick
    nilab
    nilab 2014/12/24
    あれまぁAndroid 4.2.2でのtouchstartとclick « イナヅマTVログ
  • ウィンドウの制限について

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 Microsoft Internet Explorer では、スクリプトから 2 種類のウィンドウを開くことができ、また既存のウィンドウのサイズと位置を変更することができます。 このようなスクリプトから開かれたウィンドウや、スクリプトからのウィンドウの配置は、悪意のあるコード作成者によって、ユーザーを欺くために使用されてきました。 Microsoft Windows XP Service Pack 2 (SP2) で追加された Internet Explorer 6 のウィンドウの制限のセキュリティ機能により、ユーザーが悪意のあるコード作成者に欺かれることがないように、スクリプトによりウィンドウを開いたり配置

    ウィンドウの制限について
    nilab
    nilab 2014/12/10
    ウィンドウの制限について : window.open, window.createPopup
  • Window: open() メソッド - Web API | MDN

    url 省略可 文字列で、読み込むリソースの URL を示します。これは HTML ページ、画像ファイル、その他のブラウザーが対応しているリソースのパスまたは URL にすることができます。空文字列 ("") がこの時期数に指定されると、対象の閲覧コンテキストに空のページが開きます。 target 省略可 ホワイトスペースのない文字列で、リソースを読み込むための閲覧コンテキストの名前を指定します。その名前で既存のコンテキストが識別できない場合は、新しいコンテキストが指定された名前で作成されます。特殊な target キーワードである _self、_blank、_parent、_top も利用することができます。 この名前は <a> や <form> 要素の target 属性として使うことができます。 windowFeatures 省略可 name=value の形式、または論理特性の場合

    Window: open() メソッド - Web API | MDN
    nilab
    nilab 2014/12/10
    window.open - Web API インターフェイス | MDN : var win = window.open(url, name [, features]);
  • javascriptのclickイベントで_selfと_blankのリンク – webdev

    javascriptのclickイベントでHTMLの<a href=”遷移先アドレス”>と同じ挙動を担保する方法です。 どちらかというとレガシーな技術ですが、開発業務のなかで便宜上この方法にしてほしいと指定いただくことがあるのでメモ。 まずは普通のtarget=”_self”リンク。この書式で設定できます。 location.href=遷移先アドレス <input onClick="location.href='http://webdev.jp.net/'" type="button" value="普通のリンク"> ちょっと応用して、target=”_blank”の別窓表示のリンク。 ポップアップでウィンドウを開くときの書式を使います。 window.open().location.href=遷移先アドレス <input onClick="window.open().location.h

    javascriptのclickイベントで_selfと_blankのリンク – webdev
    nilab
    nilab 2014/12/03
    javascriptのclickイベントで_selfと_blankのリンク | WEBdev : window.open().location.href='http://webdev.jp.net/'
  • webkitCompassHeadingでSafariからでも電子コンパスの情報を取得可能。ただしiOS 5.0 以上から。 - 僕のYak Shavingは終わらない

    https://developer.apple.com/library/safari/#documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrientationEvent/DeviceOrientationEvent.html#//apple_ref/javascript/instp/DeviceOrientationEvent/webkitCompassHeading ↑はAppleのドキュメント。 最初「safari 電子コンパス」とかでぐぐっても全然出て来なかったが、Document読んでいたら出てきた。 ドキュメントにもありますが、safariでも加速度センサとジャイロスコープの情報は取れるのですが、実世界の情報とはマッチせず毎回方位はリセットされてました。 星を眺めるアプ

    webkitCompassHeadingでSafariからでも電子コンパスの情報を取得可能。ただしiOS 5.0 以上から。 - 僕のYak Shavingは終わらない
    nilab
    nilab 2014/12/01
    webkitCompassHeadingでSafariからでも電子コンパスの情報を取得可能。ただしiOS 5.0 以上から。 - 僕の車輪の再発明
  • - しゅつまいめかわあ333

    nilab
    nilab 2014/12/01
    コンパスの方角を取得します。 window.addEventListener("deviceorientation", function(event) { /* 処理 */ }, false);
  • 3D World with GPS data in Javascript and html5

    nilab
    nilab 2014/12/01
    event.originalEvent.webkitCompassAccuracy : event.originalEvent.webkitCompassHeading
  • 天下一クライアントサイドJS アウトラインメモ

    天下一クライアントサイドJS MV*フレームワーク武道会 - connpass に参加してきたのでメモ。 Chaplin - mizchi Chaplin.jsの話 #ten1club // Speaker Deck 仕事で使ってる Chaplin paulmillr作のBackbone拡張系のMVC Rail風の構成 Chaplinの設計 Rails風のルーター インスタンスの管理するComposer Controllerと強調してインスタンスを管理 差分管理できるので早い 逆にインスタンスを引き継ぐので意識しないと辛い スキャフォールディング paulmillr/scaffolt Generator MV*だとやたらファイルが増える scaffolt はChaplinとは関係なく使える Brunch ウェブアプリに特化したビルドランナー CommonJS風の展開 npmで拡張子に応じた

    天下一クライアントサイドJS アウトラインメモ
    nilab
    nilab 2014/11/19
    天下一クライアントサイドJS アウトラインメモ | Web Scratch
  • Loading...

    nilab
    nilab 2014/11/17
    pushState / popStateの解説とQrefyにおける実践コード | milestoner : Ajaxでコンテンツを入れ替えるようなWebページでも戻る/進むボタンが使えようになる
  • 十二章第三回 History API — JavaScript初級者から中級者になろう — uhyohyo.net

    十二章第三回 History APIこのページの最終更新日:2018年7月29日 次に紹介するのがHTML5 History APIです。Historyとは履歴のことです。履歴関係のことは、historyという名前のオブジェクトから利用可能です。 古典的な履歴操作実はこのhistory自体は昔からあって、いくつかメソッドを持っていました。 history.back(); 例えばhistory.backメソッドは、いわゆるブラウザの「戻る」ボタンと同じ動きです。 実際にやってみましょう。 このボタンは次のようにできています。 <input type="button" value="戻る" onclick="history.back()"> このボタンを押すと、ブラウザの「戻る」ボタンを押したときと同じように前のページに戻ります。 逆に「進む」はhistory.forward()です。他に、「

    十二章第三回 History API — JavaScript初級者から中級者になろう — uhyohyo.net
    nilab
    nilab 2014/11/17
    十二章第三回 History API — JavaScript初級者から中級者になろう — uhyohyo.net
  • GitHub - smurthas/fitbit-js: Simple FitBit API Client in node

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - smurthas/fitbit-js: Simple FitBit API Client in node
    nilab
    nilab 2014/11/04
    smurthas/fitbit-js · GitHub
  • Class構文について - JS.next

    概要 待ち焦がれた人も多いことだろう。ES2015の一番の目玉機能とも言えるクラス構文が、ついにV8でサポートされた。 Class構文は、『関数(コンストラクタ)定義』+『.prototypeへのメソッド定義』の糖衣構文である。 JSで今まで様々に工夫されてきたクラスの書き方を、綺麗に統一してくれる可能性を秘めている。 クラスを作る 従来、Catクラスを作ろうとした場合このように書いてきた。 function Cat(name) { this.name = name } Cat.prototype.meow = function () { alert( this.name + 'はミャオと鳴きました' ) } しかしこの書き方だとどうしても、コンストラクタとメソッドの定義が分離されているため、クラスとしてまとまりがなく分かりづらく感じる。 メソッドが増えてきた時も、Cat.prototyp

    Class構文について - JS.next
    nilab
    nilab 2014/11/01
    Class構文が実装された - JS.next : 「ES6の一番の目玉機能とも言えるクラス構文が、ついにV8でサポートされた。Class構文は、『関数(コンストラクタ)定義』+『.prototypeへのメソッド定義』の糖衣構文である」
  • gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images

    Easy to Integrate The client-side nature of the library makes it extremely portable and easy to integrate into almost any website (sort of like animated GIFs themselves). Efficient By harnessing the power of web workers, you get fast GIF creation that doesn't block the UI. An image quantization algorithm is also used to reduce the number of colors required to represent the image. Powerful Leverage

    gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images
    nilab
    nilab 2014/10/31
    gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images
  • 小さいライブラリを採用する - mizchi's blog

    僕がJavaScriptでライブラリを選定する際、迷ったら小さいものを使う。その理由について。 前提 前提として、枯れた環境で大きいフレームワークができるのは理解できるし、メリットも大きい。あるいは言語それ自身と区別できないぐらいに発達したフレームワークに依存するのも理解できる。RubyにとってのRailsとか、ErlangのOTPとか(いや、これは詳しくないけどそうなんだろうなっていう予想なんだけど)。 危険信号 今のJS界隈は動きが早すぎて、何に依存するのも危ない。とくにフレームワークと銘打たれたものは、でかすぎてどれも危険信号を放っている。 数年後、廃れてしまったフレームワークで開発し続けるのは、僕個人としてもあまり関わりたくないし、現場の離職リスクとして数字に出るだろうし、採用後の教育コストの問題になる。だいたいそういうものは元の設計者もいなくなるものだ。プロダクトの死を意味する。

    小さいライブラリを採用する - mizchi's blog
    nilab
    nilab 2014/10/26
    小さいライブラリを採用する - mizchi's blog