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
Contexts are a feature that will eventually be released in React.js - however, they exist today in an undocumented form. I spent an afternoon looking into the present implementation and was frustrated by the lack of documentation (justified, as it is a changing feature). I’ve pieced together a few code examples that I found helpful. In React.js a context is a set of attributes that are implicitly
Not your computer? Use a private browsing window to sign in. Learn more
// グローバル変数 var global; $(document).ready(function () { console.log("start"); // コンソール出力 // ローカル変数 var local; // set1ボタンクリックで各変数に1を代入 $("#set1").click(function(){ local = 1; global = 1; console.log(global, local); // コンソール出力 }); // set2ボタンクリックで各変数に2を代入 $("#set2").click(function(){ local = 2; global = 2; console.log(global, local); // コンソール出力 }); }); HTMLのソースコードは特に載せませんが、idがset1とset2になっているボタンを配置して、J
この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita 記事の内容はというと、岩手にまったく関係ありません。 学生の頃はフロントエンドを軽視してクソコードを量産していたので、今の学生の方にこんな風に作り始めるといいよって紹介する感じで書きたいと思います。 はじめに 昨今のフロントエンド開発はとにかく複雑になってきていて、学習コストが半端なくなってきてます。 angularとかbackbone.jsとか、最近ではreact+fluxなど、トレンドの移り変わりが激しいです。 またGruntやgulp.jsなどのタスクランナーの活用がフロントエンドでは欠かせなくなっていて、使ってないなら今すぐ導入すべき、とも言えます。 最近gulp.jsを使っていて、gu
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
よいAPIの作り方を教えてくれる本. たとえばcollectionを返したいときに,[ ]としてArrayで返すのか,{ collection: [ ] }みたいにObjectに入れるのか,悩んでたけど,この本読むと,どっちがいいか分かる. API作ってると,細かいところでちまちま悩むので,良い習慣が紹介されてて良い. TwitterとかGitHubのAPIとかではこうなってる,とか実例がたくさんあるのもよい.たしかに悩んだらそのへんのよさそうなAPIを真似して決めると楽そう. API作りたい人は読んでおくと役立ちそう. Web API: The Good Parts 作者: 水野貴明出版社/メーカー: オライリージャパン発売日: 2014/11/21メディア: 大型本この商品を含むブログ (1件) を見る
すいません。締切守れませんでした…。 やっぱ、java-jaの忘年会の翌日は辛い…。 はじめに Webシステムを開発していると切っても切れないのがJavaScriptです。 Railsはかなり早い時期からalt-JSや結合、minify等を組み込めるようにフレームワークにそれを取り入れてきました。 それを支えているのがRails3.1から導入されたsprocketsです。 それに伴なってJSのライブラリをどうやって管理するかという点について、独自の路線を取ることになりました。 JSのライブラリを同梱したgemパッケージにラップしてrubygemsとして管理する方法です。 ある程度は上手くいっていたし、今もその流れは続いているんですが、時々問題になることもあります。 例えばメンテナの対応時期がズレてて古いバージョンのままだったり、似たようなgemが乱立してややこしくなったり。(backbon
今年の10月からあるスタートアップの立ち上げに参加していて、先日ベータローンチした。 自分はプログラミング初心者というわけでは全くないが、大学の専攻は農学部だし、それまで一人でサービスを一から作ってリリースしたこともなかったので、完全に独力でサービスを作りあげリリースするというのはかなりタフで、学ぶところが多かった。 この記事はKnockoutJS Advent Calendarの中の一記事として作成しているが、KnockoutJS単体というよりもRails x KnockoutJSでWebアプリを作った過程の記録としたい。 何を作ったのか 今回立ち上げた会社は、投資銀行出身の外国人(アラン)が金融機関向けのツールを作りたいということから始まったBtoBである。 彼が、East Venturesの衛藤バタラさん(mixi作った人)に話を持ちかけたところから始まった。で、ちょうどいい所にいた
今回は前回にも少し登場したPropについて取り上げたいと思います。 基本的な使い方 Propは基本的にはCompnentのattributeとして定義してComponentの中ではthis.props.xxxとして参照する。それだけです。PropにはObjectでも関数でも何でも指定することが出来ます。 var Avatar = React.createClass({ render() { var avatarImg = `/img/avatar_${this.props.user.id}.png`; return( <div> <span>{this.props.user.name}</span> <img src={avatarImg} /> </div> ); } }); var user = { id: 10, name: "Hoge" }; // <Avatar user={us
QUnit 2.xで変わること QUnit 2.xで変わること 現バージョン: QUnit 1.16.0 基本方針 2.0 では互換レイヤーを入れて互換性を維持 既存のメソッド名の変更もDeprecatedだが動く 2.1で互換レイヤーを破棄して完全に移行 詳しくは QUnit 2.x Upgrade Guide | QUnit を読む Try Own azu/qunit-examples 今回でてきたサンプルコード Avoid Global グローバルに合ったものがQunit.*に移動 // OLD Style module("module name"); test("old test", function (assert) { expect(1);// 1つのassertがあるという宣言 assert.ok(true); }); Avoid Global グローバルに合ったものがQun
TypeScript Advent Calendarの4日目。 TypeScriptのロードマップを見てもES6対応以外は "Investigate top-rated feature requests" とか書いてあるぐらいで、GitHub Issuesのコメントのやりとりを見ていても割りと流動的に良い提案があったら取り入れる感じで開発を進めている印象。 ということで、GitHub Issuesからおもしろそうなものをいくつか拾って紹介してみる。 個人的な希望として、TypeScriptにはES6 + 型付けというコンセプトを突き進めて欲しいと思っていて(詳細はこの辺のスライドを参照)、言語機能追加系よりも型関連の強化に期待しているので、そっちがメインで。 TypeScript 1.4のおさらい とはいえ1.4で型関連の重要な機能追加がいくつか入ったのでまずはおさらい(MSDN Blog
この記事はVirtual DOMアドベントカレンダーの5日目の記事です。 Virtual DOMといえばReact。 ですが、ReactはMVCで言うViewの部分だけを担当するのであって、MVCフレームワーク的なものではありません。 なので、Model等、他の部分は自前でどうにかする必要があります。 そこで、facebookの中の人は、Reactを中心にしたアプリケーション構築パターンとしてFluxってのを提唱してます。 https://facebook.github.io/flux/ Fluxってどんな Flux、ざっくり言うと、 データは1方向に流れる イベントをActionとして定義 ロジック、データはStoreに全部入れる というアーキテクチャ。 図で言うと、MVCでは ↑みたいになるとM,C間の処理の流れムズかったのが、 Fluxだと という風にデータの流れが整理できて嬉しいで
サーバープログラム入門の入門 Presentation Transcript ゲーム屋さんによる ゲーム屋さんのためのサーバープログラム 入門の入門 原 龍 (@HogeTatu) ソーシャルゲーム流行ってますね パズドラ ドラコレ FF BRIGADE神撃のバハムートアイドルマスター CG etc... 今まではほとんどがWeb上で遊ぶアプリでした ↓ Web屋さんの仕事 これからはネイティブの リッチコンテンツに移行していくでしょう クライアントプログラム + サーバープログラム ↓ネイティブソーシャルアプリ 3D表現を用いたクライアントプログラムはゲーム屋さんのお家芸 でもデータベース等を扱うサーバープログラムは 未体験の人が多い… 僕もやり始めてまだ一年半です… そんな状態でサービスを開始すると… おきのどくですがぼうけんのしょ1ばんはきえてしまいました。 大 惨 事 こんなことに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く