Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

// Functions for escaping and unescaping strings to/from HTML interpolation. var createEscaper = function(map) { var escaper = function(match) { return map[match]; }; // Regexes for identifying a key that needs to be escaped var source = '(?:' + _.keys(map).join('|') + ')'; var testRegexp = RegExp(source); var replaceRegexp = RegExp(source, 'g'); return function(string) { string = string == null ?
underscoreに詳しくないので、勉強半分でソースコードを読む。 利用するバージョン underscore.js(v1.8.3) resultとは underscorejs.orgのresult こんな説明。 _.result(object, property, [defaultValue]) If the value of the named property is a function then invoke it with the object as context; otherwise, return it. If a default value is provided and the property doesn't exist or is undefined then the default will be returned. If defaultValue is a fu
It's also good to note that an each loop cannot be broken out of — to break, use _.find instead. ループをbreakできないのでfind使うといい、って言ってる。 Iteratee functions may exit iteration early by explicitly returning false. falseを返せばループが止まる、って言ってる。 まとめ これだけでも「lodash使お」って思うには十分だと思ってる。 統合の話とかもあるけど今どうなってるんだろ。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficientl
JSPやThymeleafとunderscore.jsのtemplateを使用したい場合に構文が認識されないため、underscore.jsの構文を変更したいという状況があると思います。 今回は、その構文の変更方法を記載したいと思います。 BackBone.js、Marionette.jsを使用している場合も同様です。 underscore.jsのcodeを見てみると以下のようになっています。 _.templateSettings = { evaluate : /<%([\s\S]+?)%>/g, interpolate : /<%=([\s\S]+?)%>/g, escape : /<%-([\s\S]+?)%>/g };
Node.jsを勉強しているのですが、何か作ろうと思った時に静的なファイルを返すだけじゃなあ……と思っていたので、テンプレートエンジンを探していました。 どうやらUnderscore.jsでテンプレートエンジンのようなことができるということなので、実際に試してみました。 環境 $ sw_vers ProductName: Mac OS X ProductVersion: 10.11.6 BuildVersion: 15G1212 $ node --version v7.3.0 Underscore.js 1.8.3 準備 まずはnpm initでpackage.jsonを作ります。 その後、npm install underscore --saveでUnderscoreをインストールします。
requirements: CoffeeScript, Backbone.js, Underscore.js _.debounceメソッドを使うと、簡単にイベント実行を間引きできるので、それを活用して簡易的なモジュールを作ってみた。 このモジュール(=コンストラクター)は、ウインドウがスクロールしだすとscroll:start、スクロールが終わるとscroll:end、リサイズしだすとresize:start、リサイズが終わるとresize:endイベントをそれぞれトリガーする。 module.exports= class extends Backbone.View WAIT= {start: 100, end: 500} el: window events: scroll: ->@trigger "_scroll" resize: ->@trigger "_resize" initial
#Underscore.jsとは? ##概要 ざっくり言うと、JavaScriptの便利なライブラリ群で、Underscore.jsを使うとフロント側で大量のデータ処理をする際に、よく使うロジックをとても簡単に書くことができます。 paizaのプログラミングスキルチェックに出てくるような、難しい配列処理のプログラムを書くときにUnderscore.jsを使うと、難しいアルゴリズムを組まずに、ライブラリを呼び出すだけで処理ができます。 ※参考:ドットインストール #01 Underscore.jsとはなにか? http://dotinstall.com/lessons/basic_underscorejs ####公式サイト http://underscorejs.org/ ####Underscore.jsソース 以下のGithubのリポジトリからunderscore-min.js(軽量)
バージョン: 1.8.3 参考文献: http://underscorejs.org/docs/underscore.html 読んだ感想 前処理、実処理、後処理と分かれていて読みやすい 1メソッドが短くて読みやすい _.each(obj, iteratee, context) サマリ 別名を _.each = _.forEach で定義 配列かそれ以外かで処理分岐 // 別名として、`_.forEach` も定義 _.each = _.forEach = function(obj, iteratee, context) { // TODO: `optimizeCb` のリーディング iteratee = optimizeCb(iteratee, context); var i, length; // 配列の場合 if (isArrayLike(obj)) { // 配列長ループ for
この記事について 前回の続きとして、ブラウザでOfficeの差し込み印刷を再現するサンプル(宛名ラベル印刷)を作成しました。 入力データにはExcelファイルを使います。 「A-ONE ラベルシール 12面付(幅86.4mmx高さ42.3mm 2列6段)」用です。 サンプルアプリはこちら https://okoppe8.github.io/merge_printing/index.html github リポジトリ https://github.com/okoppe8/merge_printing サンプルアプリの使い方 まずひな形ファイルをダウンロードしてください。 すでにサンプルデータが入っていますが、必要であれば編集し下のファイル入力で読み込みませてください。印刷ボタンで別ウィンドウの印刷画面が立ち上がります。 ちなみに全てブラウザで処理が完結しているので、ファイルを選択してもアップ
underscoreは15kB. lodashは70kとそれぞれ通信サイズがある。debounceとthrottleだけ使いたい場合には少し重い。 数十行でそのまま切り出せる。 (function(root){ if(root._) return; var _={}; /*original by underscore.js*/ //line 1457 _.now = Date.now || function() { return new Date().getTime(); }; //line 850 _.throttle = function(func, wait, options) { var context, args, result; var timeout = null; var previous = 0; if (!options) options = {}; var later
kintone には ユーザーが独自の一覧画面を作成できる カスタマイズビュー という機能があります。 kintone developer network にも初心者向けから上級者向けまでのチュートリアルが用意されていますが、本当の初心者にはまだまだ理解が難しいと感じています。 今回、kintone developer network にありそうで無かった、Underscore.js の _.template を使ったサンプルを、コードの解説を交えて公開致します。 この段階を理解することは、Vue.jsやReact等の仕組みを理解して使っていく基礎知識では無いかと考えています。 コードに関しては、もっと良い書き方もあるかと思いますので、識者の方のご指摘もお願い致します。 概要 やっていること テーブルが1つだけのシンプルな kintoneアプリを作成 カスタマイズビューを追加 カスタマイズ
はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.org/ 和訳: https://github.com/enja-oss/Underscore lodash GitHub: https://github.com/lodash/lo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く