タグ

2015年11月20日のブックマーク (13件)

  • 雨樹一期のトイカメラの教科書 第33回「Lomography Cine200 Tungsten Filmの試し撮り」 | トイラボカフェ

    こんにちは、雨樹一期です。過ごしやすい季節になりましたね。むしろ肌寒いくらいかもしれませんが、昼間の撮影は快適です。 さて、今回のコラムは、夏にロモグラフィーから発売された「Lomography Cine200 Tungsten Film」の試し撮りコラムになります。全世界で4000だけだそうで。多いような少ないような。でもすぐに完売されたし、再販も決定したので定番フィルムになるかもしれませんね。とにかく、ロモグラフィーにはフィルムで頑張って頂きたいです。 「Tungsten Film」といってもピンとこない方がほとんどだと思います。タングステン光源下での色温度を調整してくれるフィルム、といってもさらに意味不明ですよね。そもそもタングステンという言葉自体が聞き慣れません。白熱灯(裸電球)といった方が分かりやすいですね。赤黄色っぽい暖色です。簡単に説明しますと、『通常のフィルムは、白熱灯下

  • 「予算がプランを決める」からの脱却を - 業界人間ベム

    いま、生活者、消費者との「距離を縮める」ために必要なのは「広告」ではなく「コンテンツ」である。 次世代コミュニケーションの潮流を掴め! 「新世代デジタルマーケティング」にはこんなこと書いてますシリーズ (その1) です。 アロケーションというキーワードはここ数年で、広告やマーケティング業界で定着した感がある。「割り当て」ということだから、ほぼ予算配分ということになるのだろう。 広告の世界では、「予算がプランを決める」という性格が強く、例えば「2億くらいないとテレビ出来ないよね」とか、いずれにしても大きなコストがかかるテレビをやるかどうかからスタートしてプランニングされているのは事実だろう。ある種の「お買い物ゲーム」である。(昔「がっちり買いましょう!」という番組があって、大物を買ってから数字合わせのための商品があったのを憶えている。) その発想に引きづられると、「ではオンライン広告はテレビ

  • Next FRESH! Applications with Amazon ECS

    2015/11/20 JAWS-UGコンテナ支部 #3 #jawsug_ct

    Next FRESH! Applications with Amazon ECS
  • フロントエンドのテクニカルディレクションに求められるスキル

    フロントエンドのテクニカルディレクションに求められるスキル フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。 会社の規模や職域、ビジネスモデルにより求められるスキルセットは異なりますが、中小のWeb制作会社を前提に話をいたします。 ディレクター/フロントエンドエンジニアの作業分担 ケースとしては以下のようなパターンが考えられます。 アサインされたディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う アサインされたフロントエンドエンジニアがテクニカルディレクションとフロントエンド実装を行う アサインされたSE/テクニカルディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う。 個人的には2のケースでアサインされることが一番多いですが、最近の案件では3のケースで1年ほどテクニカルデ

    フロントエンドのテクニカルディレクションに求められるスキル
  • 今からはじめるReact.js〜propsとstate、それからrefs〜 - Qiita

    前回→今からはじめるReact.js〜React ver0.14〜 propsとstateの特徴 なんらかの一覧表コンポーネントを作る場合、コンポーネントに表示させたいものを指定する必要があるわけですが、React.jsではデータを管理するための2つの変数が用意されています。 props state です。表示させたいものをこれら2つの変数に指定していきます。 2つの変数それぞれの特徴は、 値を指定するタイミング 値の変更可否

    今からはじめるReact.js〜propsとstate、それからrefs〜 - Qiita
    kitokitoki
    kitokitoki 2015/11/20
    prop,state, form ReactDOM.findDOMNode(this.refs.name).value.trim();
  • React Routerで認証を制御する方法 - Qiita

    React Routerで認証を制御する方法です。試行錯誤して良さそうな実装方法を発見したのでご紹介します。 アプリに認証があると、画面ごとに、 認証済みユーザのみアクセスを許可したいページ アカウント設定など 認証していないユーザのみアクセスを許可したいページ ログイン・新規登録など 認証に関係なくアクセスを許可したいページ Qiita投稿のようなパブリックなコンテンツなど の設定が必要になる場合があります。 React Routerのサンプルをいくつか見たところ幾つか認証を制御する方法が示されていました。 onEnterを使う方法 AuthenticatedComponent onEnterを使う方法 家のサンプルで例示された実装です。現在βのreact-router 1.0.0が必要になります。 function requireAuth(nextState, transition)

    React Routerで認証を制御する方法 - Qiita
  • 今からはじめるReact.js〜画面遷移〜 - Qiita

    前回→今からはじめるReact.js〜サーバーとの通信〜 react-router ※(2016/01/19)react-routerのバージョンは1.xを前提にしています。 ※(2016/02/18)2.xネタはこちら なんらかのサービスを作成した場合、製品カテゴリーごとに画面が存在するとか、メインの画面とは別にに設定画面があるとか、会員制サイトであればログイン画面があって、ログインしたら、ポータル画面に遷移したり、といったように、複数の画面が存在して、それらの画面に行き来できる仕掛けが必要になってきます。 react-routerというライブラリは画面遷移を管理してくれるライブラリです。 インストール npm install react-router --save npmのバージョンが3以上の場合は、historyもインストールします。 npm install history --sa

    今からはじめるReact.js〜画面遷移〜 - Qiita
  • 超訳 Redux Documentation - データフロー - Qiita

    Redux アーキテクチャは 厳密な一方向性データフロー 周りを解決するものです。 これはアプリケーション内におけるすべてのデータが同じライフサイクルパターンに従うことを意味していて、アプリのロジックがより予測可能な、理解がしやすいものになるということです。また、データの正規化を促進するので、気づかないうちにまったく同じだが独立したコピーが複数あるといったようなことがなくなります。 もしまだ納得していないようなら、動機 と Flux の事例 を読んでみてください。一方向性データフローに賛同する思わず引き込まれるような主張があります。 Redux は Flux ではありません が、同一の重要な利益をもたらします。 Redux アプリにおいてデータライフサイクルは以下の四つのステップに従います。 store.dispatch(action) を 呼び出します 。 アクション は 何が起きたか

    超訳 Redux Documentation - データフロー - Qiita
    kitokitoki
    kitokitoki 2015/11/20
    data flow
  • 超訳 Redux Documentation - ストア(store) - Qiita

    ストア は レジューサ(reducer) と アクション(action) を統合するオブジェクトです。ストアには以下の責務があります。 アプリケーションのステートを保持する getState() を通じてステートにアクセスできるようにさせる dispatch(action) を通じてステートを更新できるようにさせる subscribe(listener) を通じてリスナーを登録させる Redux アプリケーションにおいてはストアは一つのみです。データを処理するロジックを分割したくなったとき、ストアを色々と作るかわりに レジューサコンポジション(reducer composition) を使いましょう。 前節では、いくつかのレジューサを combineReducers() を利用して一つにまとめました。これからそれをインポートして createStore() に渡してみましょう。 impor

    超訳 Redux Documentation - ストア(store) - Qiita
    kitokitoki
    kitokitoki 2015/11/20
    store「データを処理するロジックを分割したくなったとき、ストアを色々と作るかわりにreducer compositionを使いましょう」
  • 超訳 Redux Documentation - レジューサ(reducer) - Qiita

    アクション において 何かが起きた ということを示しましたが、アプリケーションのステートがどのように変化するのかについて明らかにしませんでした。これはレジューサの仕事です。 ステートシェイプの設計 Redux において、すべてのアプリケーションのステートは一つのオブジェクトとして保存されます。何かコードを書きはじめる前にそのシェイプについて考えることは良いことです。一つのオブジェクトでアプリの状態を最小限で表したとするとどうなるでしょう。 TODOアプリでは、二つの異なるものを保存したくなります。 現在選択されている表示可能フィルター TODOのリスト UIのステートと同様に、ステートツリー内にいくつかのデータを保存する必要が多々あるかと思いますが、UIのステートとは分けてデータを保存しましょう。 { visibilityFilter: 'SHOW_ALL', todos: [{ text

    超訳 Redux Documentation - レジューサ(reducer) - Qiita
    kitokitoki
    kitokitoki 2015/11/20
    reducer,翻訳, ..., combineReducers が何をしているのか
  • 超訳 Redux Documentation - アクション(action) - Qiita

    はじめに、アクションを定義しましょう。 アクション とはアプリケーションからストアに送るデータを載せるもので、ストアにとっては 唯一 の情報源です。ストアへは store.dispatch() を利用してアクションを送ります。 以下は新しいTODOを作成することを表すアクションの一例です。

    超訳 Redux Documentation - アクション(action) - Qiita
    kitokitoki
    kitokitoki 2015/11/20
    action, 自動的にディスパッチ, connect, bindActionCreators
  • Big Sky :: golang のミドルウェアとして組み込むだけでパフォーマンス改善が見込める「HTTP Coala」

    ミドルウェアとして Use するだけでパフォーマンスが向上するなんて夢の様な話はないと思っていたけど、HTTP Coala はそれをやってのけている様です。 goware/httpcoala · GitHub Go http middleware handler for request coalescing https://github.com/goware/httpcoala ちょっと信じがたかったので、まずはベンチマークを取ってみた。 Coala 未使用 package main import ( "net/http" "github.com/zenazn/goji" "github.com/zenazn/goji/web" ) func main() { goji.Get("/", func(c web.C, w http.ResponseWriter, r *http.Reques

    Big Sky :: golang のミドルウェアとして組み込むだけでパフォーマンス改善が見込める「HTTP Coala」
    kitokitoki
    kitokitoki 2015/11/20
    「今回の様に同じ URL に対して同じメソッドのリクエストが頻繁に起こる場合には非常に有効な手段だと分かる」
  • らくらく宅配クリーニング&安心安全の環境で保管!衣替えには格安収納サービス|サマリーポケット

    「サマリーポケット」は、使わない衣類などを預けられるサービスです。預けた衣類はクリーニングに出すことが可能です。 ※クリーニングは、スタンダードプラン限定のオプションサービスです。

    らくらく宅配クリーニング&安心安全の環境で保管!衣替えには格安収納サービス|サマリーポケット