この記事は加筆して「脱jQueryのためにしたこと - ICS MEDIA」に引っ越しました。 64000PV、480いいねとフロントエンド界隈でご好評いただいた内容です。ぜひご覧ください。 ※Google検索で辿り着いた方にリンク切れとなっては申し訳ないので、元の記事を残しています。ご了承ください。
これやりたかったんすよ。マジで。各行の変更を検知して行の表示/非表示きりかえたかったんすよね。 だからVueのコンポーネントで Vue.extend({ data: function() { return { object: {} } }, methods: { hoge: function () { this.object = this.getNewObject() } } }) みたいなことしてobject を更新しようとしたらなんかインタラクティブにぃ?バインドされないんだけどぉ?ってなってぇ~ 結果 ちゃんとドキュメント読んだら書いてあった。 フィルタ/ソートされた結果の表示 時どき、私達は実際に変更するかまたは元のデータをリセットせずに配列フィルタリングやソートされたバージョンの配列を表示する必要があります。 これを達成するに2つのオプションがあります: フィルタまたはソートされ
最近また Javascript を書いています。 Chrome拡張のメンテナンスをしたい気持ちもありますが、最近盛り上がっている Vue.js を使ってみました。 モダンなウェブアプリケーション開発と言えば React.js ですが、どうしても JSXに違和感があったり、 そもそもいきなり大規模でリアクティブなアプリケーションを作るつもりも無かったので、小規模な開発からも 使えて、使いやすいと評判の Vue.js です。最初に書いておくと、Vue.js かなりいいですよ。 データをテンプレートに展開するようなデータバインディングは、ガイドを見れば十分だと思うので、 もう少し実践的なものにしようと思います。 Vue.js で AJAX 実は、Vue.js そのものは Ajax をサポートしていません。 以前は vue-resource というパッケージが公式のライブラリという扱いだったような
filterBy フィルタで絞り込んだ結果の件数を表示したり、0件の時にメッセージを表示したいということはままある。が、以下のように普通にfilterBy フィルタを使っても、絞りこまれた結果の件数は取得できない。 <div v-for="item in items | filterBy 'hello'"> 似たようなことを考える人はいるもので、issueがあった。 github.com 作者いわく、 If you need to access the filtered result, you have to either use a custom filter or a computed property Array. ということ。自分でフィルタを定義するか、絞りこまれた結果を返すcomputed propertyを定義せよ、とのこと。 computed: { filteredItems
Vue.jsでTableをソートしたり検索したりしてみる Vue.js 2.0 を使用してTableで並べたリストの検索フィルターとかソートなどをやってみます。 投稿日2017年01月16日 更新日2017年01月16日 データをテーブルに表示する 最初に表示するデータを作成して、tableにシンプルに表示してみましょう。 大まかにデータを入れる(data)、ボタンクリック時などに実行される(methods)、フィルター処理を記述する(computed)を作成していきます。 JavaScript var app = new Vue({ el: '#app', data: { }, methods: { }, computed: { } }); ではdataに表示するデータを記述していきましょう。 今回はタスクリストを想定して作成してきます。 JavaScript data: functio
Whether you’re designing a social application, a music player, a content editor or need a detailed map, Zondicons has every icon you will need. Icons that you can trust for the job. Icons play a necessary role on the user interface. They help bring meaning, provide comfort and familiarity, but also create a voice. It’s important that they are non-intrusive enough to not take away from the core exp
Comment by anonymous ミスユニバース。美しくも奇妙な国民的衣装 ※海外掲示板の一部では最後にジャガイモの画像を貼るというネタがあります。 imgur.com/gallery/040kY 9gag.com/gag/anbvKZb 9gag.com/gag/aVqmWrK関連記事 外国人「ミスユニバース世界大会で民族衣装がテーマの衣装を着た各国の女性の画像を貼っていく」海外の反応 「ミスユニバース(2015)の民族衣装をテーマにしたコンテストが話題に」海外の反応 Comment by dewantoro 15 ポイント 「これに俺はどう反応すればいいんだ」 Comment by yourbestgir l5 ポイント この人たち「ゼルダの伝説」に出てくるボスのような感じがする。 Comment by jckjsk 4 ポイント ポケモンのジムリーダーっぽい。 Comment
砂糖水を赤く着色すると人はいちご味だと思うらしい。むかしなにかの本で読んだ。 味覚が目からの情報に引っぱられるのだという。 たしかにそんな気もする。かき氷のいちごのシロップは赤い砂糖水かもしれない。 じゃあ緑にしたらメロン味だと思うだろうか。逆にいちごの香りがするのに色が違っていたらどう感じるだろう。
「Web Componentsが来る!CSS設計はどうなる?」―CSSのエキスパートに聞いてみた! 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 Safari 10.1からCustom Elementsが使えるようになったり、Microsoft EdgeもWeb Componentsの実装を約束していたりと、Web Componentsの足音は刻一刻と迫ってきています。 そんな時代に、Web開発はどう変わるのか?まずはCSS設計というところに着目して聞いてみたいと思い、先日「Web Components時代のCSS設計」という座談会を開催し、エキスパートの方々にお話を伺ってみました。 ゲストのエキスパート紹介 高津戸 壮さん 株式会社ピクセルグリッド フロントエンドエンジニア Web制作会社、フリーランスを経て、株式会社ピクセルグリッドに入社。スケー
押井監督が『Fallout 4』のプレイ状況をお伝えする隔週連載「押井守の『Fallout 4』通信」。第1回でプレイスタイルを紹介した押井監督、今回は憎きB.O.S.との戦いへ動き出します。前回の最後に掲載した大量のアーマーが写ったスクリーンショットの謎も明らかに(編集部)。 ※本連載は押井守メールマガジン『押井守の「世界の半分を怒らせる」』にて掲載された内容を再編集したものです。 【URL】http://ch.nicovideo.jp/oshimag 【Twitter】@oshimaga メルマガ編集部に無断で、自分勝手に始めた自主連載の2回目です。 あくまでゲームに興味のある方のみ、御笑覧ください。 ゲーム好きの方で、なおかつオープンワールドと呼ばれる型式のゲームが大好きな方なら先刻承知のことでしょうが、核戦争後に無政府状態に陥った世界には、必ず複数の組織が存在します。 我が「連邦(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く