Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End

<div class="content"> <label>検索: <input type="text" class="input_highlight" data-bind="value: searchBrand, valueUpdate: 'afterkeydown'"> </label> <ul data-bind="highlightForeach: {data: filteredBrands, search: searchBrand}"> <li> <a data-bind="attr: {href: url}"> <span data-bind="html: name"></span> <span data-bind="html: alias"></span> </a> </li> </ul> </div> ko.bindingHandlers.highlightForeach =
Thank you for being patient. We are doing some work on the site and will be back shortly.
前回の続きです。 目標 特殊なライブラリを使用せずにテーブルソートを行う ソートするデータは静的コンテンツで、JSON形式とする 条件設定枠を設けて表示データを絞り込めるようにする なるべくシンプルに、汎用性を高める 最終目標はパズドラの究極データベースのようなもの そんな感じです。 成果物 流石に規模が大きくなってきたので以前に登録したfc2サービスに外だししました。 お手数ですがこちらをご参照くださいませ。 今回はひとまず、手持ちのモンスターをデータ化してみました。 主要なブラウザでだいたいギリギリ動くと思います。 ソース <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>json - table</title> <script type="text/javascript"> <!-- /** * データ定義 */
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
前回 QiitaにReact.js をgulp で Babel + Browserify を利用して動作させるシンプルな環境を作ったで guip を利用した React.js を試す環境を作成しました。 次に React.js の 公式Tutorial をやってみようかと思ったのですが、公式Tutorial 中で Ajax を利用したサーバー環境を動作させる必要があり、ちょっと大変な感じがしたので、今回 React.js の 公式Tutorial を簡単に実行できる環境を gulp で作成しました。この環境を使えば、Ajax のサーバー環境まで含んでいるので、ダウンロードして、いくつかコマンドを実行するだけで、すぐに学習を始めることが可能です。 以下GitHub にて公開しています。 https://github.com/ma-tu/react-babel-gulp-browserify-
Why and how to bind methods in your React component classes? React v0.13 introduced a major change in how you can define your component classes. What was a React-bound class system was slimmed down to a level where the pure JavaScript classes can be used. It has many benefits - your component classes are not ‘magical’ anymore, you can take advantage of the common JavaScript idioms and so on. This
Shelfは無料電子書籍を各電子書籍ストアを横断して検索することのできるサービスです。利用規約 本利用規約は、bokuweb(Twitter: @bokuwebが提供するWebを利用した本サイト上で提供される各種サービス・コンテンツ等 (これらを総称して以下「本サービス等」といいます。)の利用に対して適用されるものです。 本サービスは技術上もしくは営業上のやむを得ない事情により、事前に通知することなしに終了する場合があります。 当ウェブサイトまたは当ウェブサイトに掲載されたコンテンツを利用したこと、または利用できなかったことにより生じるいかなる損害についても責任を負いかねます。 また、当社は当ウェブサイト以外のリンク元・リンク先に関し一切の責任を負いません。
昨日年が変わる2時間前くらいから、書こうか書かまいか、もやもやして、結局書かないまま年が変わってしまった。今日もどうしたものかと考えていたけれど、書くことでプラスになることが多いように思ったので書いておく。 良くも悪くも2015年は自分にとって激動の年となり、同時に実りを感じた年でもあった。 2015年振り返り ブログを始めた プログラミングを腰を据えて学びはじめた 会社の閉鎖が決定した 家をたてた 転職活動した ブログを始めた なんとなくブログを始めた。正確には2014年に開始したが、記事をちゃんと書こうと思ったのは2015年にはいってから。アウトプットするってのは自分にとってとても良い訓練で2016年も続けていきたい。自分は特に日本語の能力が極めて低いので、最も適したリハビリかもしれない。 1年間でよく読んでいただいたのは以下の記事。 blog.bokuweb.me blog.boku
This blog site has been archived. Go to react.dev/blog to see the recent posts. React 0.13 has a lot of nice features but there is one particular feature that I’m really excited about. I couldn’t wait for React.js Conf to start tomorrow morning. Maybe you’re like me and staying up late excited about the conference, or maybe you weren’t one of the lucky ones to get a ticket. Either way I figured I’
Here at NMC, we're big fans of the React library for building user interfaces in JavaScript. We've also been experimenting with the next version of JavaScript, ES6, and were excited to see the latest version of React promote ES6 functionality. Starting with React 0.13, defining components using ES6 classes is encouraged. Refactoring a React 0.12 component defined using `createClass` to an 0.13 and
JSで書くデスクトップアプリが熱い Electron 熱いです。 Atom を始め、Qiita の Kobito や Slack など、 十分に実用できるアプリケーションが登場しはじめています。 なにかと話題のRPGツクールMVは、NW.js(旧node-webkit)ですが、これもJSで書かれていますね。 NW.js は、その他、女の子といちゃこらする系のゲームでも使われています。 JS でデスクトップアプリを書いて、うん千万売り上げるのも、もはや絵空事ではありません。 今回は、Electron と Redux、React の組み合わせで、 デスクトップアプリを作るまでの、簡単なチュートリアルを書きます。 登場人物紹介 Electron Github が開発してる、JS でデスクトップアプリが書けるすごいやつ NW.js より活発そうですごい React Facebook 製のすごいやつ
富士通は2016年1月7日、通信事業者の広域ネットワークに向いた運用管理ソフトの新版で、SDN(ソフトウエア・デファインド・ネットワーキング)技術を用いた「FUJITSU Network Virtuora NC V03」(図)を発表、同日販売を開始した。新版では、SDNコントローラーソフトをこれまでの富士通独自開発からオープンソースの「OpenDaylight」に切り替えた。国内での出荷時期は2016年6月で、北米では関連会社から1月7日に出荷した。価格(税別)は、システム規模やオプション機能などによって変わり、最小構成で2340万円から。 Virtuora NCは、広域ネットワークを効率よく運用管理するためのソフト。各種の技術で構成された複数の仮想的なネットワークを一元的に集中管理できる。例えば、ソフトウエア制御によってネットワークを簡単に設計/設定できる。オペレーション面では、ネットワ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く