タグ

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

  • 関連タグはありません

タグの絞り込みを解除

javascriptとJavaScriptとJavascriptに関するfukkenのブックマーク (400)

  • JavaScript:undefined値の判定

    JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。(ただし最近の処理系ではconst扱いになって上書

    JavaScript:undefined値の判定
  • Socket.IO 1.0の紹介 (翻訳) - from scratch

    Socket.IO 1.0がリリースアウトされました。Socket.IO v1.0が出るといわれてから一年半以上経過しましたが、やっと出ました。Node.jsに関わる方であれば一度はお世話になっていると思います。今回はSocket.IO 1.0の紹介を作者であるGuillermo Rauchがしているので、それを日語で翻訳して紹介します。 TL;DR 翻訳していたらすごく面白かったのですが、文字だらけですごく長くなってしまったので、最初と最後にまとめを載せました。興味があれば全部目を通してみてください。 モジュール分割が進み、新しくEngine.IOが作られています。これはSocket.IOのトランスポート層のプロトコルを調律する役割を担っているライブラリです。 Engine.IOが行っている処理の一つで、最初に接続できる可能性が高いXHRやJSONPで確立し、websocketにupg

  • jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの

    jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定したeventが発火した時に、コールバック関数が呼び出されます。非常に直感的ですね。 ところで、これは以前の.bind()と全く同じです。 .bind()の場合は、指定したずばりその要素に対してのみ、イベントハンドリングを行います。よって、.bind()が呼び出されたその時点で存在しない要素に対しては、たとえセレクタが一致していたとしてもハンドリングが行われません。 このことを利用すれば、イベントハンドリングをしたいまさにその要素にのみ、たとえその後同じセレクタ

    jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの
    fukken
    fukken 2014/05/16
    イベントのnamespace初めて知った
  • ネットワーク図やタイムライン等を描画できるユニークなビジュアライズライブラリ「vis.js」:phpspot開発日誌

    vis.js | a dynamic, browser-based visualization library ネットワーク図やタイムライン等を描画できるユニークなビジュアライズライブラリ「vis.js」。 まず、次のようなネットワーク図っぽいもので、図を分かりやすく出来ます。マウスでドラッグ&ドロップで移動させるとぐにゃぐにゃアニメーションする遊びもあります 次のような複雑なタイムラインを描画するような機能もあるみたい。 ​サンプルが豊富で、頭に入れておけばいざという時に使えそう 関連エントリ 色々なデータを簡単にダッシュボード化&ビジュアライズできる「Reportr」 データ分析や資料作り等に活かせるTSVからデータをコピーして様々にビジュアライズ出来る便利ツール「Raw

  • ステートフルJavaScript ―MVCアーキテクチャに基づくWebアプリケーションの状態管理 - それはBooks

  • AngularJS、次バージョンとなるAngularJS 2.0の開発がスタート

    Googleがオープンソースで開発しているJavaScript用のMVCフレームワーク「AngularJS」は、テンプレートエンジンの機能やアニメーション機能、フォームバリデーション、ローカライゼーション機能、依存性注入(DI)など、非常にリッチなフレームワークになっています。 AngularJSの現行バージョンは1.2ですが、メジャーバージョンアップのAngularJS 2.0に向けて作業が始まったことが明らかになりました。 現在はまだプロトタイピングの段階としていますが、AngularJS 2.0は次のようなデザインを考えているようです。 モダンブラウザ対応 Chrome、Firefox、Opera、Safariに加え、Internet Explorer 11以降、およびモバイル対応ブラウザなど、モダンブラウザのみ対応する。 ECMAScript6+ AngularJS 2.0のコード

    AngularJS、次バージョンとなるAngularJS 2.0の開発がスタート
  • Webアプリ開発者のためのHTML5セキュリティ入門

    Enterprise x HTML5 Web Application Conference 2014の発表資料です。

    Webアプリ開発者のためのHTML5セキュリティ入門
  • A modern JavaScript router in 100 lines

    Check out "Do you speak JavaScript?" - my latest video course on advanced JavaScript. Language APIs, Popular Concepts, Design Patterns, Advanced Techniques In the Browser (The router here is now placed in its own project - Navigo. There is also another article Deep dive into client-side routing which you may find interesting) Nowadays the popular single page applications are everywhere. Having suc

    A modern JavaScript router in 100 lines
  • 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog

    Vue.jsは軽量なMVVMライブラリ。 vue.js http://vuejs.org/ 使ってみた感じ、かなり手触りがよいので、紹介する。 概要 handlebars風のテンプレートを書いて、DOMを展開する。普通のテンプレートエンジンと違い、$dataアクセッサを通じて値を書き換えることで、テンプレート展開後も値が同期する(!!!)。 一言で言うと軽量Angular。コード読んだ感じ、内部的にもAngularから大量にコードを持ってきた痕跡がある。$watchとdirective定義がキモなのは同じ。 とはいっても、軽量なのは使う側のAPI側だけで、内部実装はそれなりに重い。APIを軽量にすることで、Angularのデメリットである学習コスト部分を限りなく削ることを目標にしているんじゃないだろうか。 大雑把な使い方 テンプレートを書く。対応するデータ構造を書く。{foo: 'bar'

    軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog
  • Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート

    これは知っておいて損はないでしょう! Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで(Bootstrap来の機能も使いつつ)リッチな

    Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート
  • インタラクティブ・データビジュアライゼーション

    D3は、ウェブページにロードしたデータからビジュアルを生成するJavaScriptベースのツールです。書は、プログラマではない人々を対象として、D3を使ったデータビジュアライゼーションのプログラミングについて解説しています。ビジュアルのスキルはあるもののデータやコードをいじったことがないアーティストやグラフィックデザイナ、または大量のデータを持っているがビジュアルやコードを相手にしたことがないジャーナリストや研究者などには、書が大いに役立つでしょう。もちろん、データの可視化について学びたい読者にもおすすめします。 はじめに 書での表記 サンプルコードの引用について 問い合わせ先 謝辞 1章 イントロダクション 1.1 なぜデータビジュアライゼーションなのか 1.2 なぜコードを書くのか 1.3 なぜ対話的にしようというのか 1.4 なぜウェブ上でなのか 1.5 このは何なのか 1.

    インタラクティブ・データビジュアライゼーション
  • You Might Not Need jQuery

    jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha

    fukken
    fukken 2014/01/31
    jQueryなしでjQueryのアレどう書くの事例集 // 実際jQのコード読むと、大半がクッソ古いブラウザの互換性対応とか、特殊な状況でのバグ対策なんだよなー
  • D3.jsでグラフを描いてみる - ワザノバ | wazanova

    http://www.alexrothenberg.com/2014/01/06/learning-d3-by-building-a-chart.js.html1 comment | 0 pointsAlex Rothenbergが、GitHubグラフでおなじみのD3.jsの解説をしています。 今日は、D3.jsを使って、このようなグラフを描いてみる。D3.jsのポイントとしては、 データをDOM elementとバインディングする。 チャート、地図、配列など多くのAPIがある。 チャートなどをビジュアル化するにはSVGが適している。 Binding data to the DOM D3とはData-Driven Documentを意味し、データをDOM elementに同期する機能を提供してくれる。では早速見てみよう。 <script src="http://d3js.org/d3.v3

  • Top 50 Free JavaScript Plugins & Libraries — Speckyboy

    Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation

    Top 50 Free JavaScript Plugins & Libraries — Speckyboy
  • 『近日公開予定 JSフレームワークBeez』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、こんにちは! 2013年度新卒入社の吉成祐人(@y_yoshinari)と申します。 現在私はなぞってピグキッチンというサービスのフロントエンドの実装を担当しています。 今回はなぞってピグキッチンの開発で用いている近日公開予定のJSフレームワークBeezについて書きたいと思います。 (※ 2013年12月19日追記:日、無事にOSSとして公開されました! → https://github.com/CyberAgent/beez) なぞってピグキッチンは、パズルで材料を集めて料理作り、ピグ村の様々なお客さんに料理をふるまって自分だけの素敵な

    『近日公開予定 JSフレームワークBeez』
  • 3分で分かるAngularJSセキュリティ - teppeis blog

    先日のng-mtg#4 AngularJS 勉強会でLTしようと思ったけど申し込みが間に合わなかったのでブログに書きます。 先月リリースされたAngularJS 1.2はセキュリティがんばってる的なことを聞いたので、セキュリティ周りの仕組みを調べてみました。 お題は以下です。 CSRF JSON CSP (Content Security Policy) Escaping CSRF ユニークなトークンをHTTPリクエストに載せてサーバーでチェックする対応が世の中では主流(最近はカスタムヘッダのチェックによる対策も) AngularJSでは、XSRF-TOKEN Cookieにトークンが載っていると、$httpを使ったHTTPリクエストのヘッダに自動的にX-XSRF-TOKENヘッダーが付く。 XSRF-TOKEN CookieはもちろんNot HttpOnlyで。 Angular界ではCS

    3分で分かるAngularJSセキュリティ - teppeis blog
  • D3.jsとOpen Data〜その1地図を描画する - Qiita

    この記事はD3.js Advent Calendar 2013の9日目です。Open Dataと大きなことを言いましたが、今回は行政データの基のキであるところの地図を描画してみます。なわけで地図を描画するところがゴールです。 今回の完成図は下記です。国土交通省から神奈川県の行政区域データを取得しD3.jsで描画します。ついでにホームタウンとしているJリーグチーム毎に色塗りしてみました。(マリノスの最終節については触れるべからず!) サンプルページはこちら D3 Geo Projection D3.jsには地理描画機能がデフォルトで含まれており、さまざまな投影法によって地形データを描画することができます。 https://github.com/mbostock/d3/wiki/Geo-Projections この機能を使って地図を描画します データの入手 まずは国土交通省のページから行政区

    D3.jsとOpen Data〜その1地図を描画する - Qiita
  • AngularJSを使っている理由 - Kazzzの日記

    既に利用されている方々とほぼ同じ意見だと思うのだが、私がAngularJSを気に入って使っているのは 構造的に書ける MVVMぽい DOMを触らなくて良い ほぼこの3つに集約される。 1.構造的に書ける AngularJSはアプリケーションを書く際のコードを構造がほぼ決まっている。その構成はビューであるHTMLを除くと コントローラ サービス フィルタ プロバイダ ディレクティブ これらの要素に分類されDIにより疎に結合される。基的には誰が書いてもこれらの要素を配置する必要がある訳で、同じ要素で構成されるということは他の誰かが書いたコードを読むことが比較的容易だということになる。(JavaScriptで最も苦痛なのは他の誰かが書いた、一か所に固まりすぎた又は逆に分散しすぎたコードを読むことである) 2.MVVMぽい 今のGUIプログラミングでMVCを意識するのはもはやテーブルマナーだろう

  • 「D3.js」を使ったデータビジュアライゼーション

    Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取ることは困難です。そこで、データの見せ方や伝え方が重要になってきます。 D3.jsとは D3.jsは、Mike Bostock(mbostock)が作成したデータ可視化用途で人気のJavaScriptライブラリで、データをDOMと結びつけ、データ駆動によりグラフを作成することができます。ソースコードはGithubで公開されており、人気を表すStarの数がGithubに公開されているリポジトリ全体で6番目に多いことからも、注目の高さが伺えます(2013/10現在)。ライセンスは修正BSD

    「D3.js」を使ったデータビジュアライゼーション
  • やはりおまえらの MVC は間違えている in バックボーンジェーエス - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

    続編の紹介 続編 やはり俺のMVCは間違えている in Backbone.js を書いた。そっちのほうが有益な情報が乗ってると思うけど面白くないかもしれない 以下編 MVC の話と宗教の話と政治の話と野球の話はしてはいけないそうですがそんなの知るか俺はするぞ クライアントサイド MVC の話 そもそも MVC の出自が GUI アプリケーションのために生まれてきたものなので「クライアントサイド MVC」などと言う言い方をしなければならない状況がすでに憎いのだけれど、まあそれはおいておく。 「うちは Backbone.js を使っているから MVC でクライアントサイドが作られていて保守性が高いです」みたいなことを言う人間がたまにいるが、Backbone.js をつかったから(あるいは Marionette.js を使ったらから)といって自動的にお前のアプリケーションが MVC になるわけ

    やはりおまえらの MVC は間違えている in バックボーンジェーエス - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
    fukken
    fukken 2013/11/11
    ライブラリ/フレームワークによってMVCの概念がズレてるの、要は「これが俺の考えるMVCだ」という主張を各自がコードで行っている結果なのでは、という気がする