riot.js contenteditable - Qiita
this.one('mount',function(){ this.refs.ed.forEach((el,i)=>{ el.textContent=this.items[i].text; }) }) <script src="//gnjo.github.io/riot.js"></script> <loop></loop> <style> body{margin:0;width:100vw;height:100vh;} .f{ display:flex;flex-direction:row; width:80%;height:100%;justify-content:center; margin:auto; } .f>ul{margin:0;padding:0;width:100%;height:100%;} .f>ul li{ list-style:none; min-height:1
riot.js animate.css と合わせる - Qiita
<script src="//gnjo.github.io/riot.js"></script> <link rel="stylesheet" href="//gnjo.github.io/animate.css"></link> <anim></anim> <style> label{ display:inline-block; padding:0.1rem;margin:0.1rem; background-color:whitesmoke; } label:hover{background-color:orange} .orange{ color:orange} </style> let data=`bounce flash pulse rubberBand shake headShake swing tada wobble jello bounceIn bounceInDown b
riot.js 自明な設定をtag無しで設定する。 - Qiita
<script src="//gnjo.github.io/riot.js"></script> <system> <header>{today}</header> <aricle>xxx</aricle> <footer>{copyright}{owner}</footer> </system> riot.tag('system', false, function(opts) { this.copyright = new Date().toISOString().slice(0,'YYYY'.length) this.today=new Date().toISOString(); this.owner='gnjo' }) riot.mount('*') ; Register as a new user and use Qiita more conveniently You get art
underscore.jsのtemplate構文をを変更する - Qiita
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のtemplateを使う - Qiita
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をインストールします。
riot.js aceの記述errorヒントを検知する。 - Qiita
let isError=fn.q('.ace_error',ed.container); <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" type="text/javascript" charset="utf-8"></script> <script src="//gnjo.github.io/riot.js"></script> <ace></ace> let fn=this.fn||{}; fn.q=(s,doc=document)=>{return doc.querySelector(s)}; fn.ace=(el)=>{ var ed= ace.edit(el,{ maxLines: 30, wrap: true, autoScrollEditorIntoView: true, }) ed.
ウインドウのリサイズとスクロールの開始と終了を通知するオブジェクト - Qiita
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
riot.js frame template - Qiita
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"> <link rel="stylesheet" href="//gnjo.github.io/use.css"> <link rel="stylesheet" href="//gnjo.github.io/split2.css"> <script src="//gnjo.github.io/split.min.js"></script> <script src="//gnjo.github.io/riot.js"></script> <system> <wallpaper></wallpaper> <div class="rtb split parent"> <div class="l spli
Underscore.jsソースコードリーディング - Qiita
バージョン: 1.8.3 参考文献: http://underscorejs.org/docs/underscore.html 読んだ感想 前処理、実処理、後処理と分かれていて読みやすい １メソッドが短くて読みやすい _.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
riot.js global mixin - Qiita
riot.mixin({emit:function(){return this.trigger.apply(this,Array.from(arguments)) } }); riot.mixin({emit:function(){return this.trigger.apply(this,Array.from(arguments)) } }) ; riot.tag('t',false,function(opts){ this.on('xyzed',(x)=>{console.log('xyzed',x)}) this.emit('xyzed','emit'); this.trigger('xyzed','trigger') }); riot.tag('t2',false,function(opts){ this.on('xyzed',(x)=>{console.log('xyzed',
riot.js routerを使ったメモ帳 - Qiita
<script src="//gnjo.github.io/riot.js"></script> <script src="https://rawgit.com/riot/route/master/dist/route.min.js"></script> <app> <div f> <div l><div a>id:{now.id}</div><div ref="code" contenteditable="plaintext-only" oninput="{input}"></div></div> <div r><li each="{d in ds}" onclick="{jump}">{d.id}</li><li onclick="{add}">+</li></div> </div> </app> <style> [a]{border-bottom:1px solid} [f]{dis
underscoreからdebounce と throttleだけ切り出す。 - Qiita
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
riot.js table ショート表記タグ - Qiita
<script src="//gnjo.github.io/riot.js"></script> <tbl items="a,b,c,d|aliceblue,brown,chacole,darkblue|#aaa,#bbb,#ccc|a,b,c,d,e"></tbl> <style>*{font:14px/normal monaco,consolas,monospace}</style> riot.tag( 'tbl' ,`<table> <tr each="{item in opts.items.split('|')}"><td each="{d in item.split(',')}">{d}<td></tr> </table>`,function(opts){ }) riot.mount('tbl');
kintone のカスタマイズビュー に Underscore.js(lodash) の _.template を使うサンプル - Qiita
kintone には ユーザーが独自の一覧画面を作成できる カスタマイズビュー という機能があります。 kintone developer network にも初心者向けから上級者向けまでのチュートリアルが用意されていますが、本当の初心者にはまだまだ理解が難しいと感じています。 今回、kintone developer network にありそうで無かった、Underscore.js の _.template を使ったサンプルを、コードの解説を交えて公開致します。 この段階を理解することは、Vue.jsやReact等の仕組みを理解して使っていく基礎知識では無いかと考えています。 コードに関しては、もっと良い書き方もあるかと思いますので、識者の方のご指摘もお願い致します。 概要 やっていること テーブルが１つだけのシンプルな kintoneアプリを作成 カスタマイズビューを追加 カスタマイズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
underscoreコードリーディング（now） - Qiita
underscore#eachはbreakできない、lodash#eachはbreakできる - Qiita
riot.js single tagの拡張。 - Qiita
riot.js classのon off - Qiita
underscoreのeachでbreakできないならeveryを使おう - Qiita
gas で Underscore を使いたいとき - Qiita