GitHub - badsyntax/react-seed: [not maintained] Seed project for React apps using ES6 & webpack.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
![GitHub - badsyntax/react-seed: [not maintained] Seed project for React apps using ES6 & webpack.](https://cdn-ak-scissors.b.st-hatena.com/image/square/206e3f88e3103ebc9053e9af940b4dcc547419d4/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F119cdde9f1241ed802055d430585a1a85a19a2a251bf224995d7e965bfbd5456%2Fbadsyntax%2Freact-seed)
Comparing Angular 1.x & 2.0
The Obsorne Effect The Angular team faces a problem. How do you talk the great new features of Angular 2.0 under development without damaging use of the current 1.x? This effect is often called the Obsborne effect, named after a 1980s computer company whose marketing contributed to putting the company out of business. In short, the better 2.0 sounds, the less people will want to start or continue
DEN168 🐇 Link Daftar Slot Olympus Zeus Mudah Maxwin
Slot Olympus adalah permainan mesin slot online terpopuler pada abad ini. Situs DEN168 memiliki game online bernama gates of olympus, slot online bertema kakek terbang yang memberikan pecahan petir yang dapat membuat kamu menang jackpot. Ini kami perkenalkan penyedia slot olympus gacor. Situs DEN168 juga menyediakan slot thailand dimana memiliki permainan slot olympus gacor terpercaya.
PythonとBeautiful Soupでスクレイピング - Qiita
Pythonでスクレイピングというネタはすでに世の中にもQiitaにもたくさん溢れていますが、なんとなくpyqueryが使いやすいという情報が多い気がします。個人的にはBeautiful Soupの良さも知ってもらいたいと思うのでここではBeautiful Soupを使っていきたいと思います。 ちなみにこのエントリーはほとんどの部分がBeautiful Soup4のドキュメントの要約です。もっと詳しい情報が知りたい場合はドキュメントをご覧ください。 英語 http://www.crummy.com/software/BeautifulSoup/bs4/doc/ 日本語 http://kondou.com/BS4/ よくある勘違い pyqueryはjQueryのようにcssセレクタを使ってHTMLを扱うことができる点がBeautiful Soupよりも使い易いという意見がありますが、それBe
React.jsのComponent Lifecycle - Qiita
今回はComponentのlifecycleについて書きたいと思います。 React.jsではComponentの状態の変化に合わせて色々メソッドを呼んでくれるのでそれに合わせて初期化や後始末な処理を書くことが出来ます。 よく使うのはcomponentDidMountやcomponentWillUnmount辺りです。 イベントの登録をcomponentDidMountでやってcomponentWillUnmountで解除するというのがよく使うパターンだと思います。 componentWillMount() ComponentがDOMツリーに追加される前に一度だけ呼ばれます。 なので初期化処理を行うのに適しています。 この中でsetStateするとrender時にまとめて行われます。 server-side rendering時にも呼ばれるのでどちらでも動くコードである必要があります。 c
React.jsとテスト - Qiita
React.jsのテストということはComponentに対してテストをすることになるので、DOMが絡んで来て辛そうだなと思うかと思いますがReact.jsはAddonとしてReact.addons.TestUtilsに便利な関数を提供してくれているのでそれを使うとテストが書きやすくなります。 DOMは必要？ React.jsのテストを書くとき、server-sideでも動くのでnodeの環境でテストを実行したくなりますが、実際にonClickイベントに反応して〜などのテストを書こうとするとやはりDOMが必要になってきます。 ちなみに、Prop渡してrenderToStaticMarkupを使ってその結果のHTMLを確認するようなテストであればnodeの環境で実行することは出来ます。 イベントのシュミレート系 「ボタン押したら〜」というテストを書こうとすると、DOMに対する参照を取得し値をセ
React.jsのmixinについて - Qiita
今回はComponentのmixinについて書きたいと思います。 mixinはまさにmixinなので概念自体については説明しませんがComponentの共通な振る舞いをObjectとして共通化することが出来てとても便利です。 React.js自体も、LinkedStateMixinやPureRenderMixinといった形でmixinを提供しています. ちなみにMarionette.jsでもBehaviorとして、Vue.jsでもmixinとして存在しています。 使い方 使い方はmixinsにObjectを配列として指定するだけです。 配列である通り複数指定することも出来ます。 var Logger = { logging(str) { console.log(str); }, componentDidMount() { this.logging("component did mount"
React.jsでFormを扱う - Qiita
今回はReact.jsでのFormの扱いについて書きたいと思います。 例えばReact.jsでは↓のようなことをすると変更出来ないテキストフィールドになってしまいます。どうしてなのかという話ですね。 // ダメ <input type="text" value="initial value" /> // ダメ <input type="text" value={this.state.textValue} /> var Text = React.createClass({ getInitialState() { return { textValue: "initial value" }; }, changeText(e) { this.setState({textValue: e.target.value}); }, render() { return ( <div> <p>{this.st
Immutable.jsでJSでも不変データ構造を扱う - Qiita
ClojureやHaskellのような不変データ構造体のJS実装です。facebook製。 不変データ構造の特徴として、元のデータ構造は不変です。 Immutable = require 'immutable' map1 = Immutable.Map a: 1, b: 2 # => Map {a: 1, b: 2} map2 = map1.set a: 3 #=> Map {a: 3, b: 2} map3 = map1.update (val) -> {foo: val.a} #=> Map {foo: 1} Mapの他に、List, OrderedMap, Set, OrederedSet, Seq, Range, Record, Stack等があります。内部的にはトライ木になっています。 面白いのはSeqやRangeで、filter関数やmap関数を与えても、getで呼ばれるまで遅
React.jsのAddonについて - Qiita
Add-ons TransitionGroup and CSSTransitionGroup AnimationをさせるためのAddonです。これについては明日のAdvent Calendarで紹介したいと思います。 LinkedStateMixin こちらは以前にも紹介したとおりFormを扱うときに2wayデータバインディングのように簡潔に書くためのMixinです。 こちらを見てください。 ClassSet classNameの指定をわかりやすくやるためのAddonです。 { className: boolean}の形式で指定することが出来て、booleanがtrueのclassNameが適用されます。 Angular.jsなど他のフレームワークでもあるやつですね。 var classSet = React.addons.classSet; var Hello = React.creat
DOM Elements – React
These docs are old and won’t be updated. Go to react.dev for the new React docs. These new documentation pages teach modern React and include live examples: Common components (e.g. <div>) <input> <option> <progress> <select> <textarea> React implements a browser-independent DOM system for performance and cross-browser compatibility. We took the opportunity to clean up a few rough edges in browser
2015年に向けたJavaScriptアプリケーションアーキテクチャ Part 1 | POSTD
私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。冗談はさておき、2015年を目前としてJavaScriptコミュニティのアプリケーションアーキテクチャの状況について目を向けてみるのは有益なことだと思います。合成、関数型の境界、モジュラリティ、不変データ構造、CSPのチャネルと、その他に関連するいくつかのトピックについて書いてみたいと思います。 合成 アーキテクチャのレベルでは、JavaScriptで大規模なアプリケーションを作成する方法に関してここ数年で少なくとも一つの根本的な変更がありました。機械の細かい違いにより生み出される単一指向性の データバインディング、不変データ構造と、仮想DOM （どれも興味深い問題ですね）などを除けば、多くの開発者が一つのキーコンセプト
MUI·HTMLメールにも対応した軽量マテリアルデザインテンプレート MOONGIFT
マテリアルデザインを実践していきたいと思っても、デザインとアニメーションを理路整然と実装するというのはとても難しいことです。そのためお勧めの方法としては既に幾つかあるフレームワークを導入することです。 デザインはもちろん、アニメーションが自分の好き好きに合うか、これはフレームワークを選定する上で大きな要素になってきそうです。今回紹介するMUIについてはどうでしょうか。 MUIの使い方 ボタン。 大きさや浮かび上がり方を指定できます。 フォーム。 グリッドシステム。 タイポグラフィ。 テキストを白くした場合。 アクセントテキスト。 ドロップダウン。 アプリバー。アプリのviewportに合わせて幅を自動調整してくれます。 テーブル。 分割表示。 素のHTMLでセマンティックな表示も。addr/emなどが使えます。 リスト。 レスポンシブについて。1200/992/768で分かれています。 M
漬けダレに入れて一晩寝かせて焼くだけ「豚スペアリブのオーブン焼き・ベトナム風」 - オレシピ - 俺のレシピはお前のレシピ-
タレにつけ置きした豚スペアリブをオーブンで焼いたもの。 ナンプラー（ヌクマムとも云う魚醤のこと）を使っているのでベトナム風らしい。 ナンプラーが苦手ならオイスターソースなんかで代用するといいかも。 漬けて、寝かせて、食べるときにオーブンに放り込んで焼くだけだから簡単だった。 今回の参考レシピ ビールがすすむ、ベトナム風スペアリブ [家族のお弁当レシピ] All About 参考レシピでは三温糖、紹興酒といったものを使っているんだけど当然そんなもの置いてないので、我が家にある砂糖、料理用純米酒で代用した。 これでも十分美味しかったので問題ないんじゃないかな。 豚スペアリブのオーブン焼き・ベトナム風 豚スペアリブ･･････････5本 (A)醤油･･････････大さじ2ぐらい (A)ナンプラー･･････････大さじ1ぐらい (A)砂糖･･････････大さじ3ぐらい (A)酒･･･
料理オッサンの道具選び
料理にハマって、はや5年。色々と機材を使っては飽きて埃を被せ、邪魔になって倉庫送りも繰り返した結果、ようやく普段使いのツールが安定してきた。というわけで、俺が使い続けてるヘビロテ料理機材を紹介してみる。 【IWATANI カセットコンロ 達人スリムフー】 カセットコンロでお馴染みのイワタニの薄型カセットコンロ。達人シリーズは火力の強いタイプから、風に強いタイプなど色々あるがおすすめはコレ。見た目がカッコいいし、薄いので鍋の中身が上から見やすく、収納スペースもあまりかさばらない。 【デロンギ ハンドブレンダー】 バーミックスなど、高級モデルもいろいろ使わせてもらったが正直あんまり大差ない気がする。で中型器のこれを愛用。ピューレも結構時間かけてあげれば細かく舌触りのざらっと感が無くなるくらいまで行ける。 【ロボクープフードプロセッサー】 フードプロセッサーといえばクイジナートという業界屈指のメ
React v0.13.0 Beta1でclassでComponentが作れるようになった
React.js Confの前日にv0.13.0 Beta1がnpmにpublishされました。 http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html featureは色々あるみたいですが、↑のブログにはその1つとしてClassによるReact Componentの作成が紹介されていたのでそれについて書きたいと思います。 ちなみにReact.createClassを使う場合はこれまでと同じままで大丈夫なはずです。 ES6 Classes React.createClassではなくて、ES6のclassを使って↓みたいな感じで書けるようになります。 import {React} from 'react'; export class Hello extends React.Component { co
Introduction to Facebook's Flux architecture
Introduction to Facebook's Flux architectureFebruary 21, 2015 The versions of Flux and React in this article are quite old - some of this may not work If you’re like me and you wanted to go further with React, you more than likely would’ve checked out Flux, had a glance, closed the tab and then reassessed your life as a Javascript developer. If you’re not familiar with React, please checkout my ge
Fluxの枠にURLルーティングを収める試行 - saneyuki_s log
JSer.info 200回記念祭の懇親会でざっくりアイディアだけ話していた記憶（酔っ払っていたので正確には覚えていない）なんだけど、実際に必要になったので試しに作ってみたという話。 モチベーション Fluxパターンを用いた設計を行なっている場合というのは往々にしてSingle Page Applicationであるので、URLに基づくルーティングを要しない、純然たるアプリケーションなケースが多い。だが、アプリケーションの性質によっては、パーマネントリンク的な機能の再現をしたいことがあり、ルーティング機構が欲しかったりする。 で、そういう場合については語られてる事例をあんまり見かけなかったので、作ってみた。 デザイン Storeに基本ロジックを閉じ込めるのは変わらない URLに基づく履歴情報は、ユーザーインターフェースの一種と捉える。ので、Viewと考える 使ったライブラリ 基本要件として
私の本の読み方。付箋とEvernote必須。読んだら人に語れるレベルまで思考する。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
★【勉強法】の本を30冊読むマラソン、今朝の進捗：８冊目読み始めました。これも１度さら〜っと見たまま、メモをとってないので再読です。今度は分厚い本なのだ...。 ★このブログは毎日更新中。平日は朝８時と夜７時、休日は特に時間を決めずに投稿しています。 ★平日は、雑誌で見つけた【勉強法】についての情報をメモ。休日は、【勉強法】の本を30冊読むマラソンのまとめ記事を投稿しています。 ★お知らせ：子育ての本を読む専門のブログを始めました。毎日更新中。子育ての本をたくさん読む！ブログ インテリアや収納の本を読むブログも始めちゃいました！ インテリア・収納の本をたくさん読む！ブログ 今日は午後、仕事がお休みだったので、勢いで始めちゃった！（＾０＾）♪やっぱ、好きなことを書くのは楽しい！！ スポンサーリンク 朝の防水タブレットがあれば、お風呂でリフレッシュしながら情報収集ができる。 - 僭越ながら【1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Realm for Swift まとめ完全版 - Qiita
Fluentd ソースコード完全解説 (v0.10向け)