You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Imba is a new programming language for the web that compiles to performant and readable JavaScript. Imba was born to make developing web applications fun again.
The React File Generator Wireframe React components, download starter files with one click and create an app to stream posts from social media platforms (Twitter, etc.). This tool not only allows users to wireframe React components and stream posts from social platforms like Twitter, but it also integrates seamlessly with a generator to create QR code linking directly to the developed applications
v0.13からのES6 Class記法でmixinが使えない問題を解決する方法としてHigher-Order Componentsという方法がある。 Mixins Are Dead. Long Live Composition — Medium Gunosy React Meetupのkoba04さんのLTで紹介されていたのを今更調べたのでまとめる。 mixinのおさらい FluxフレームワークでよくあるStoreとComponentをひもづけるためのMixinの例。 // FluxフレームワークでよくあるStoreとComponentをひもづけるためのMixin function StoreMixin(...stores) { var Mixin = { getInitialState() { // getStateFromStoresはComponent側に定義する return th
【News】電子書籍化しました! Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 「クロージャーについてもっと知りたい!」「カリー化なるものがあるのか、知らなかった!」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり(場合によってはしょうがないことですが)基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。
流行りにのって(遅い!)Angular.jsを試してみようと思ったのですが、Angularの前に気になって仕方がないことがあります。 「Karmaが便利なんだろうけどさっぱりわからん」 公式のチュートリアルではKarmaがすべて「下ごしらえ完成した状態」になって提供されます。動いてくれているのですが、なぜこう動いてくれているのかさっぱり分からなくて何となく気持ち悪い。 Karmaについて調べようとしたのですが、以外と情報が少ない。公式ではいきなり動画だったり :( ということで、小さくKarmaとmochaでテスト環境を整える事を目的としたメモ・備忘を文章で残します。 ファイル構成hello.js var hello = function() { return "hello"; }; hello.test.js describe("karma and mocha testing", fun
動機 リストの絞り込みのサンプルはあったし、テキストをハイライトするサンプルも見つかった。 しかし両方をこなしているサンプルが見つからなかったから作ってみた。 前提 データ取得は別なのでデータとなる配列はべた書き 絞り込み時には大文字小文字を区別しない コード HTML <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}">
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"> <!-- /** * データ定義 */
react-howto If you’re new to React (or frontend in general) you may find the ecosystem confusing. There are a few reasons for this. React has historically been targeted at early-adopters and experts Facebook only open-sources what it actually uses, so it doesn’t focus on tooling for smaller-than-Facebook projects There’s a lot of bad marketing masquerading as React guides Throughout this document,
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
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 製のすごいやつ
Electronアドカレの19日目の記事になります。いろんな事情で、3日遅れてすみませんでした。 「Write once, run anywhere(一度書いて、どこでも実行できる)」は一度Javaのスローガンでした。Universal Javascriptが躍進したおかげで、昨今のJavaScriptは多分もっとこのスローガンが描いた姿に近いです。 その中、特にNode-WebkitやElectron(昔のAtom-shell)のおかけで、デスクトップの開発経験のまったくないWeb開発者にとっても、デスクトップアプリケーションを簡単に作れる世の中になりました。しかもJavaScriptのスタックで。 これから初めてElectronアプリケーションを作る方には、自分が初めてアプリを作った時の気づきをいくつか共有したいと思います。 まずどこから始める? Electron開発を始めるに一番の近
手軽にデスクトップ(or ウィンドウ)を録画できるアプリが欲しかった Photon を使ってみたかった Electron 楽しい 以上の動機で書いてみました。Rec って名前です(てきとー)。レポジトリはこちら。Mac であればバイナリを置いてあります。Windows は試していないです。 使い方 アプリを起動するとデスクトップとウィンドウの一覧がサイドバーに並ぶので、録画したいものをクリックしてから、カメラアイコンをクリックで録画開始です。止めるときは停止アイコンですね。仮想デスクトップをお使いの場合は、対象のデスクトップにアプリを移動して、右上のリフレッシュボタンをクリックです。 停止アイコンをクリックで録画された webm がダウンロードできますので、あとはご自由にどうぞ。 中身 Electron v0.36.0 から desktopCapturer モジュールが使えるようになりまし
2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します! ↑私が10年以上利用している会計ソフト! Flexboxって何? FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる! 横並びになった要素の高さが最初から揃ってる! 要素を上下左右、好きな順序に並び替えられる! スペースの
2015 was our first full year serving the JavaScript community, and I’m very happy with the response. We started at zero in the middle of 2014. Today, thousands of readers share our articles every month. We have appeared many times in the Medium top 100 and top 20 lists, and just this morning, appeared 4 times in the JavaScript Weekly best of 2015 issue. We’re humbled and grateful for your support.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く