2015-01-01から1年間の記事一覧

2015 年ふりかえり

今年は家族が増えて、 予想通りというか、予想以上にプライベートで使える時間が激減した。 家でネットやテレビはほとんど見ていない。 情報収集はもっぱら隙間時間にスマホで Feedly。 技術書は持ち運びを優先して、電子書籍のみ買うようになった。 Gihyo D…

天神炒飯

赤坂駅すぐ側、以前ボン田中があった店舗が天神炒飯ていう店に変わってた。文字通り炒飯専門店。 炒飯は塩味の和風、醤油味の中華風、あと高菜があったかな。炒飯に麻婆豆腐あんを組み合わせるのが人気みたいだけど、ご飯にあんかけは好みじゃないので、中華…

博多担々麺とり田

中州に本店がある水炊きの人気店『とり田』が担々麺専門店を出していたので行ってみた。 場所は美野島。博多駅から1kmくらい歩いた。結構遠い。 担々麺は辛さが選べるので、スタンダードの3辛にしてみた。 真っ赤で凄く辛そうだけど、見た目ほどではなかっ…

S.B.C

用事で七隈に行ったので、 ついでに七隈周辺のケーキ屋でケーキを買って帰ることにした。 寄ったのは、七隈駅から徒歩 10 分ほどにある『S.B.C』。 ケーキ屋っぽくない名前。 『Sweet Baker's Crew』の略らしい。 生クリームが美味しいとか、チョコレートケ…

『実践ドメイン駆動設計』読んだ

ようやく読了。 長かった。 少しずつ読み進めて、読み終わるまで3週間かかった。 読み終わって思ったのは、DDD をまったく実践できていなかったな、 という反省。 DDD がどんなものかは分かっていたつもりだったけど、 エンティティやリポジトリ、レイヤー化…

TypeScript でも React Meets Redux

React を使って TODO サンプルを TypeScript で書き直したので、 今度はさらに Redux も使ってみる。 まずは Redux の型定義ファイルをインストール。 tsd query redux --action install --resolve tsd query react-redux --action install --resolve 特にひ…

TypeScript で React

今まで書いたサンプル程度の規模でも、 実行時に踏むまでバグに気付かないことが結構あって、 実際踏むと萎える。 React で規模の大きい SPA 作っていたらと思うとゾッとする。 コンパイル時に分かれば良いのに。 そうだ。 TypeScript で書いてみよう。 Java…

React + Redux で Web API を呼び出す

React + Redux で SPA を作成するとき避けられないのが、 Web API の呼び出し。 というか、Web API を呼び出さないなんて、まず考えられない。 Web API の呼び出しでは、redux-thunk を使う。 github.com Redux のミドルウェアで、 Action Creator でオブジ…

React で使う HTTP クライアント候補として SuperAgent を試してみた

React と Redux には HTTP クライアントは含まれていない。 別途ライブラリを使う必要がある。 Web API を呼び出すためだけに jQuery を使うのはバカげているから、 専用のライブラリがいいね。 Browserify でビルドするから、npm にあるライブラリを使える…

BLUE JAM

アサデスでだいぶ前に紹介されて、 いつか行こうと思っていたパン屋『BLUE JAM』にようやく行ってみた。 場所は地下鉄七隈線の次郎丸駅から南に歩いて約15分。 結構遠かった。 10時くらいに行ったら色々置いてあったので、 テレビで紹介されていたお目当ての…

React でも Bootstrap のコンポーネントを使う

React で SPA を実装する場合も、 デザインは Bootstrap のお世話になりたい。 クラスを指定するだけで使えるコンポーネントは普通に使えそうだけど、 Tooltip や Dropdown や Modal のような、 jQuery に依存したコンポーネントは React でそのまま使えない…

React + Redux でもルーティング

react-router でルーティングを試してみたけど、 実際のアプリは React + Redux で開発する予定。 その際、react-router のみではなく redux-router も一緒に使う。 redux-router は react-router の Redux バインディング。 ルーターの状態を Redux のスト…

react-router で遷移先のコンポーネントに props を渡す

ネストしたルートに遷移するとき、 遷移先のルートに対応するコンポーネントが、親コンポーネントの props.children にセットされている。 ここで props.children をそのまま表示せずに、 React.cloneElement で props.children を複製すると、 その際に pro…

react-router を使って React でルーティング

SPA を作る上で実装したいのがルーティング。React を使ったアプリでのルーティング実装には react-router を使う。 今回からインストールは npm で。 npm install --save react-router react-router を使って Master-Detail の簡単なサンプルを書いてみた。…

React 開発環境構築

React を使ってきちんと SPA を作るのに、毎回ブラウザ表示時にコンパイルしていては、さすがに効率悪い。 モダンなフロントエンド開発環境にしたいので、調べながら構築することにした。 react や react-dom などのライブラリは npm でインストール。 そう…

『エンジニアとして世界の最前線で働く選択肢』読んだ

エンジニアである以上、シリコンバレーやサンフランシスコにある 大企業やスタートアップに憧れたことはあった。 どんなオフィスで、どんな仕事をして、どんな生活を送るのか、 今でも興味はある。 本書はそんな興味を満たしてくれた。 エンジニアの収入が高…

ななつぼし

我が家では毎月 3 回、となり駅にあるスーパーまで 5kg の米を買いに行ってるんだけど、 いい加減大変になってきたので通販で買うことにした。 買ったのは『ななつぼし 10kg』。 北海道・沖縄については別途送料が発生致します12月初旬発送分より順次デザイ…

React コンポーネントは Redux に依存しないほうがいい

先日 Redux を試したとき 末端のコンポーネントからコンテナコンポーネントまでイベント(というかコールバック)を伝播して、 コンテナコンポーネントで dispatch を呼び出してみたけど、 これ末端のコンポーネントで dispatch 呼び出したらダメなんだろうか…

React Meets Redux

先日 React で作ったタスクリストのサンプルを、 React と Redux で書き直してみた。 <html> <head> <meta charset="utf-8" /> <title>Redux Sample</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></meta></head></html>

Hello React World

Single Page Application を Angular で実装しようと思っていたんだけど、 Angular2 でコンポーネント指向にガラリと変わるみたいなので、 Angular の採用は見送って React を選択。 同じコンポーネント指向なら React でいいかな、と。 React 入門ということ…

『Amazon Web Services 実践入門』読んだ

Amazon Web Services(以下 AWS)をまったく触っていなかったので丁度いいと思い購入。 AWS の主要なサービスの利用方法が、マネージメントコンソールだけでなく AWS CLI でも解説してあり、読み応えがあった。 EC2, VPC, Route53, S3, RDS, ELB と、 AWS で W…

C# で Phantom Type もどき

C#

Phantom Type (幽霊型)っていうのを知った。 インスタンスの状態をメンバフィールドではなく型パラメータで持つことで、 状態チェックをコンパイル時に行えるテクニック。 なにそれ凄い。 型パラメータに指定するだけで、 インスタンス化したりメソッド呼ん…

Windows に Middleman をインストールする手順メモ

Windows に Middleman をインストールして動かせたので手順をメモしておく。 といっても難しいことはやってない。 スンナリ動いて拍子抜けしてくらいだ。 RubyInstaller と DevKit をダウンロード。 http://rubyinstaller.org/downloads Ruby は 2.2.3 をダ…

軽井沢ガトゥ・デ・クロシェット

大丸福岡天神店の地下2階がリニューアルしたので、会社帰りに行ってみた。 キットカットが話題みたいで行列出来てたけど、それよりも興味を引いたのは『軽井沢ガトゥ・デ・クロシェット』のチーズタルト。 チーズタルトと言えば、ちょっと前に天神地下街に『…

ASP.NET MVC で Excel ファイルを出力

C#

Open XML SDK を使えば C# で Excel ファイル (.xlsx) を出力できた。 tnakamura.hatenablog.com 先日のサンプルではファイルに出力したけど、 SpreadsheetDocument はストリームへの出力にも対応している。 今度は Excel ファイルをダウンロードできる ASP.…

Open XML SDK を使って Excel ファイルを出力

C#

C# で Excel ファイルを出力する場合、.xls ファイルだと Microsoft.Office.Interop を使う ExcelCreator を購入して使う という選択肢があった。 Microsoft.Office.Interop は Excel のインストールが必要だし、 ExcelCreator は有料だしと、 趣味のアプリ…

六厘舎 TOKYO のつけ麺

六厘舎のつけ麺、一度食べてみたいんだけど、 東京に行く機会はしばらく無さそう。 でも食べてみたい。 お取り寄せやってないかなと思って探してみたら、 なんとやってた。 【配達着日指定不可】つけめん/つけ麺/六厘舎/六厘舎TOKYO六厘舎TOKYOのつけめん 3…

最小の ASP.NET 5 アプリを Docker で動かす

はじめに yo のジェネレーターを使って ASP.NET 5 プロジェクトを作成したら、 次のような Dockerfile も含まれていた。 FROM microsoft/aspnet:1.0.0-beta7 COPY project.json /app/ WORKDIR /app RUN ["dnu", "restore"] COPY . /app EXPOSE 5000 ENTRYPOI…

Mac OS X に ASP.NET 5 開発環境を構築

はじめに そろそろ自宅の MacBook Pro にも ASP.NET 5 の開発環境を作るとしよう。 .NET Version Manager (DNVM) をインストール Homebrew を使ってインストールする。 brew tap aspnet/dnx brew update brew install dnvm Zsh の設定に追加して、dnvm コマ…

『Web 製作者のための CSS 設計の教科書』読んだ

CSS は一応書けるけど、我流でルールなんてものは無い。 デザインを実現することが最優先。 再利用性や保守性は皆無。 これではいけないよなぁと思って購入した。 CSS の再利用性や保守性は、 「CSS のルールセットを取り換えのきく部品=コンポーネントにす…