React.js Conf | January 28 & 29 2015
Dev Tools are awesome! They let you experiment with the design and structure of your page by providing instant feedback. Unfortunately, each browser (and device) has its own set that doesn't work with any other's (without some experimental sorcery). Even then, you often have to leave behind comforts like JSX and Sass to work in the bare-metal world of Web Inspector.In this talk, you'll learn how t
kazitori.js - レガシーブラウザでも使えるpushState対応のルーティングライブラリ MOONGIFT
pushStateを使うとAjaxを使ったWebアプリケーションにも一意のURLを設けられるようになります。また、既に別な画面を表示しているユーザはAjaxでデータの転送量を減らし、最初の表示時はHTMLをレンダリングすると言った仕組みにもできます。 そんなpushStateやURLごとのルーティングを容易に実装できるようにしてくれるライブラリがkazitori.jsです。外部ライブラリ非依存なのでjQueryなど他のライブラリと組み合わせて使うこともできます。 サンプルのコードです。 class Router extends Kazitori beforeAnytime:["testBefore"] befores: '/<int:id>':['testShow'] routes : '/':'index' '/</int:id><int:id>':'show' '/<string:us
Two React Tips
React is known for its relative lack of pitfalls and small API surface. This makes the few issues it has all the more frustrating, especially for the beginners. I hope that these issues will be solved by more descriptive warnings in the next releases of React, but in the meantime here is something you, as a React beginner, should know in order to avoid hours of frustration. Two Reacts Won’t Be Fri
Elasticsearch を使った位置情報検索 - クックパッド開発者ブログ
ホリデー事業室の内藤です。 ホリデー事業室は昨年の4月に発足した部署で、Holiday（https://haveagood.holiday）という新規サービスの開発を行っています。 Holiday とは、クックパッドが長年取り組んでいる「毎日の料理を楽しみにする」分野からは少しだけ離れ、「いつもの休日を楽しくすることで人生を豊かにする」ことを目指したサービスです。 例えばこちらのおでかけプランのように、「〇〇に行くならここも行ったほうがいいよ」や「〇〇を散策するならこのコースだよね」など、おでかけのレシピを投稿したり探すことができるようになっています。 今回は、全文検索エンジン Elasticsearch を使って、全文検索と位置情報を絡めた検索についてお話したいと思います。 本稿で説明する内容は、実際に Holiday の中でも応用を加えた形で使われています。 Holiday では、複数
2015年俺的ドリップコーヒー環境まとめ - MOL
たとえばベートーベン。夜明けに起きて、朝食はコーヒーだ。コーヒー一杯のために豆60粒を数えていたという。 ― 『天才たちの日課』 - HONZ みなさん、こんにちわ@t32kだよ。僕はバンクーバーのシェアハウスで暮らしているのだが、ここの住人がコーヒー好きなので（エスプレッソマシンまである！）、すっかり僕も感化されて、最近はコーヒーにハマっています。 インターネットはコーヒーと猫でできていると思われるので、デベロッパーたるものコーヒーくらい自分で淹れてみるのも良いかもしれない。ということで今日は僕の持ってるコーヒー器具について説明したいと思う。 ドリッパー [ 白色（左）：ハリオ式、黒色（右）：メリタ式 ] まずは紙フィルターのドリッパーについて説明する。微妙な穴の大きさや溝の違いがあるが、大まかには4つのタイプのドリッパーがあるが、特に理由がなければ、最初に買うのはフィルターも手に入りや
ドリップコーヒー環境 2015年1月 - yaotti's diary
自宅でのコーヒー環境を3年ぐらい運用してきてだいたい満足しているのだけれど、今年は器具や淹れ方を色々試してみようと思っているので*1現時点での手法を書いてみる。 コーヒーミル 最初は挽いた後の豆を買っていたのだけれど、試しにミル買って挽いてみたら香りがすばらしくて以降は必ず豆で買うようにした。 なんとなくKalitaがいいのかなと思って探して見付けたものを3年ほど使っている。挽いた後の掃除が少し面倒(特に深煎りだと粉が器具に付着してしまう)な点以外は満足して使っている。次バージョンが出ているようなのでこれから買うならこちらがよさそう。 ドリッパー ドリッパーとコーヒーポットが一緒になっているため、かさばらないし使い勝手もいい。レンジで温め直せるのも助かる。蓋を外せないのが最初気になったけれどあまり困ることはなかった。 ポット ハンドドリップ用の口が細いタイプだが、コーヒーに限らず使える。見
Hubot-slack で絵文字でアニメーションする8パズルゲームができるbotを作った - MANA-DOT
社内のSlackで後輩がSlackの絵文字にでかい絵を分割して登録し、パズルだとか言っていたので、なんとなく作りたくなってしまいHubot上で8パズルが出来るbotを作ってしまいました。 できること 現在の状態を確認 コマンドなしでbotを呼ぶと現在のパズルの状態を表示します。 パズルをシャッフル shuffle でランダムに10手動かします。 パズルを動かす u, d, l, r (それぞれup, down, left, rightに対応)を並べて打ち込むと、そのとおりにパズルを動かします。 絵柄を選んでパズルをリセット reset の後に絵柄(ここではことりちゃん)を指定すると絵柄をリセットしてくれます。 コード 特に解説はしませんが、hubot-slack からアダプタ経由でAPIを呼び、投稿したメッセージを編集することを async.eachSeries で逐次的に呼ぶことでパズル
Flux solutions compared by example - Pixelhunter.me | Dmitri Voronianski's blog
The most evident programming bits hunted by Dmitri Voronianski. Not a multicolored stencil. Nor a camera and a crew. Nowadays Flux (together with React.js) is one of the hottest topics in the tech world. When people talk about Flux they mean more of a pattern than a framework. But Javascript community has already made a solid input into it and developed different approaches for working with Flux i
christianalfoni WebApp Enthusiast
Full stack web application enthusiast, running the web standards marathon All standards, libraries, practices, architectures and patterns needs some time to evolve before becoming widely accepted. The flux architecture is no different. After Facebook released their React JS project the suggested flux architecture has evolved into many different shapes and colors. Some of them more accepted than ot
DDDで設計するならCQRSの利用を検討すべき - Qiita
タイトルに書かれていることで全てなのですが、DDDとCQRSの併用について強調している日本語の情報が少ないので、軽くまとめておきます。 CQRS+DDD CQRS(コマンドクエリ責務分離)とは、サーバの機能を「コマンド」（副作用あり）と「クエリ」（副作用なし）で完全に分けちゃおう、という考え方です。そもそも「コマンド」と「クエリ」ではあらゆる要件が異なります。 一貫性： 「コマンド」は整合性のある処理が必要、「クエリ」はあまり気にする必要なし ストレージ： 「コマンド」側は正規化してデータを保存したい、「クエリ」側は非正規な方が効率的 スケーラビリティ： 「コマンド」は全体の負荷の中で占める割合が少ない、「クエリ」は負荷が大きい なので分けちゃうわけですが、 コマンド側 複雑なビジネスロジックが絡むので、ドメイン駆動が活躍 クエリ側 複雑なビジネスロジックがないので、ドメイン層はスキップ
On Flux Stores and Actions
There’s been a lot of discussion on what Flux is, the different variations, and how the pattern can be improved upon. I’ve even blogged about Flux here on this blog! I’ve been doing a lot of work with React and Flux in the past month. In that time, I learned a lot about architecture, patterns, and community best practices. I want to share some ideas that I’ve been thinking about here. In this post
React.jsで広告テンプレートを作りたい #scripty03
2015/3/10の勉強会にて発表された資料です。 SCRIPTY#3 ～フロントエンド紳士・淑女のための勉強会～ http://scripty.connpass.com/event/12374/Read less
振り返りシートの書き方。問題点を洗い出し、次の計画に生かす手法。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
【勉強法】の本を30冊読むマラソン、今朝の進捗：７冊目の重要だと思う箇所を整理中。 毎朝３時に起きて、３時半から６時半までが私の独学時間。毎朝３時間もできるなんて、昔は考えられなかったんだけれど、今はできてる！できるようになったのは、夜８時ころにきちんと眠くなるリズムになったからかなぁ。 「夜、眠れない」問題の解決。脳に眠気をもたらす手順を理解する。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 ↑この記事にあった「今日からすぐできること」を実践していたら、本当によく寝付けるようになった。オススメです。 ☆お知らせ☆ 子育ての本を読む専門のブログを始めました。 子育ての本をたくさん読む！ブログ スポンサーリンク 今朝の英語学習（その他も勉強も！）に差をつける「振り返り」。問題点を洗い出そう。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】の続きです。雑誌には「目標
「仮眠以外」で、勉強や仕事中の眠気に勝つための方法 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
勉強中の最大の敵は、「眠気」...。 勉強するぞー！というやる気に満ち溢れていても、「眠気」に勝てないことがある。 仕事中の最大の敵も、「眠気」...。 お昼ご飯を食べた後、午後の仕事は「眠気」との戦い。 こんな日中の眠気に勝つための対策として有効なのは、「仮眠」。 参考： 朝3時に起床する『超朝型』な人の、1日の過ごし方と時間術を参考にする。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 【まとめ】この10項目を実践して、夜型から朝型生活にシフトできました - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 ...ということなんですが、現実問題、職場や学校で「仮眠」をとるのは難しくありませんか？ （最近は、仮眠タイムを取り入れ始めた学校や職場もあるようです。いいな〜！） 先日読んだ本でこんなフレーズがありました。 「眠いときはいつでも仮眠を取ればいいというわけではな
【解決】Yosemiteで日本語の入力が遅くなる件について - LITHIUM
OS X 10.10 YosemiteのSafariで、日本語入力の変換時にフリーズやレイテンシーがちょくちょくあって、困ったなと思っていたのですが、ちょっと設定を変更したら嘘のように快適になったので紹介します。もちろん、私の環境でしか再現性がないかもしれないという点はご了承ください。 まず、キーボードのユーザー辞書で「英字入力中にスペルを自動変換」をオフにする。 その下、スペルチェックが「言語ごとに自動」となっていますが、Englishだけにします。 たったこれだけ。私はSafariで、Wordpressのブログの記事を入力中しているときに、レイテンシー問題に度々見舞われていたのですが、嘘のようにサクサクとした入力になりました。 ヨカッタヨカッタ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/
Gunosy APIチームGo開発フロー
GunosyでのMicroservicesの現状とGoの使いどころ
実例で学ぶGoプログラム開発