入れ方でこんなに違います コーヒーは、いれたてでなければと思っていませんか コーヒーは抽出の技術で劣化のスピードはまったく違うのです 写真解説 A... 三日前に抽出。松屋式の入れたもの B... 三日前に抽出。コーヒーメーカーで入れたもの C... 二時間前に抽出。松屋式の入れたもの D... 二時間前に抽出。コーヒーメーカーで入れたもの 備考:コーヒー豆はキリマンジャロを使用 コーヒーメーカーは30分ぐらいでにごりが生じます。正しくハンドドリップした場合、 2~3週間はコーヒーがにごりません。正しく抽出されたコーヒーは劣化が遅いのです 熱い時は飲めたのに、冷めたらまずくて飲めないコーヒーというのは、 熱い時もまずかったのですが熱かったので舌が味を感じることができなかったのです。 冷めてくると人間の舌が敏感になってきてまずく感じるのです。 本来、おいしいコーヒーというのは冷めてもおいしい
ぼくが、一番伝えたいコーヒー技術です。 この抽出法を教わってから、コーヒーというものがおもしろいと感じたのです。 そして、ぼくがコーヒーに最初に感動したのがこの技術なんです。 たかが、抽出と思うかもしれませんが、非常に奥深いもんなんです。 松屋式コーヒーのいれかた・プロ用 (松屋式ドリップの基礎の基礎・だけどプロ用) 松屋式コーヒーのいれかた・動画 (松屋式ドリップの説明に動画を加えました) まじめなコーヒー教室・ユーストリーム (ユーストリームでやった珈琲教室です) 松屋式コーヒーのいれかた・ユーチューブ (動画をユーチューブにしました) 蒸らしを考える (ドーム型ふたの効果について) ぺーパーの折り方 (ペーパーフィルターの折り曲げ方) 松屋式ドリップ・印刷用 (アクロバットリーダーが必要) 抽出研究ノート (とりあえずかいてみる・・・・・) 松屋式コーヒーのいれかた・初心者用 (松屋
Redux 公式ドキュメント http://redux.js.org/docs/advanced/AsyncActions.html の訳。 Async Actions(非同期の Action) basic guide 中では、私達はシンプルな TODO アプリを作り上げました。これは完全に同期的なものでした。action が dispatch されると常に、state は即時更新されました。 このガイド中では、私達は異なったものを、非同期のアプリケーションを作成します。現在の headline を表示し subreddit を選択させる為に Reddit API を用います。非同期という性質をどのようにして Redux のフローに適用するのでしょうか。 非同期 API をコールする場合、2 つの重要な場面が存在します。API コールを始める瞬間と、応答を受け取った瞬間(もしくはタイムアウ
Too Long; Didn't Read<strong>Relay</strong> codename “<strong>Modern</strong>” is a new version of the popular <strong>GraphQL client</strong> library used at Facebook. It was redesigned with extensibility in mind, making it super flexible for integrating into any kind of web app, including <a href="https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc" ta
There’s a long backstory about the development of Relay Modern that’s been bubbling around in the back of my head for a while. As I write this, version 1.0.0 is out, we’ve published an official blog post introducing the new version, and people out in the community have had time to write some useful introductory posts about it. There are already quadrillions of Facebook users getting their data del
HTML5 Conference 2017.9.24 1. “モダン”ウェブアプリケーション ∼アメブロ5ヶ年計画∼ HTML5 Conference 2017.9.24 原 一成 @herablog 2. アメーバブログ 2004年開始のブログサービス 芸能人の利用が多い 芸能人以外とそれ以外のPVは半々 3. 2015 バックエンドシステムの刷新 2017 2016 Isomorphic JavaScript AMP https Code-splitting Node.js v8 React 16 PWA 4. 5年かけて“モダン”な状態にする 5. “モダン”であること エコシステムとつながっていること 6. “モダン”であること エコシステムからの恩恵 エンジニアの流動性 ! " 7. エコシステムからの恩恵 最新技術を取り込みやすい 世界中のエンジニアと協力できる ! 8. エン
いよいよECMAScript(ES2017 / ES8)のリリースが来月(2017年6月)に迫ってきました。すでに仕様は固まり、あとは承認を待つだけの状態となっているようです。ES2017の目玉機能のひとつが、今回紹介する「async/await」です。Promiseを使った処理をすっきり書くことができるようになります。async/awaitはすでに多くのモダンブラウザでは使えるようになっており、すでに利用している方もいるかと思いますが、ES2017のリリースも間近なことですし、改めて予習の意味もこめて今回async/awaitの使い方などについて紹介していきます。 はじめにJavaScriptの長年の課題として、非同期処理をいかに書くかというものがあります。かつては「コールバック地獄」という言葉が巷で溢れかえっていました。非同期処理の結果をコールバック関数の引数に渡し、そのコールバック関
If you are like me you will also end up doing a lot of asynchronous work in componentWillMount/componentDidMount. This article will show you how to use Async/Await with React’s Lifecycle events. React’s lifecycle methods can return any value, including a promise. Promise Version componentDidMount() { fetch('https://example.com') .then((res) => res.json()) .then((something) => this.setState({someth
JavaScriptにおける非同期処理は一種の悪夢です。非同期処理は容易にコードを複雑化させ、品質の低下を招きます。そこでこの問題を解決するため、非同期処理を簡単に扱うことができる、Promiseやasync/awaitという機能が導入されました。この記事では、Promiseとasync/awaitを用いた非同期コードの単純化について簡単な解説をします。 実行順序がコード通りにはならない非同期処理 非同期処理とは何でしょうか。非同期な処理は、コードの順番通りには実行されません。どういうことか、簡単な例を見てみましょう。 setTimeout(() => console.log('hello'), 500); console.log('world!'); このコードでは500ミリ秒後に「hello」と表示し、その後に「world」を表示しようとしています。ですが、実際には「world」の後に
これからはasync,awaitが読み書きできないと生きていけなそうだったので調べてみました。 ※コード例は一応TypeScriptですが、ほとんどJavaScriptです。 参考: async function - JavaScript | MDN
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く