タグ

ブックマーク / blog.bokuweb.me (10)

  • 実装して学ぶRxJS - undefined

    実際にいくつかのオペレータを実装してみたらRxの気持ちがわかるかと思い実践してみました。 簡素化するために以下の方針とします。 unsubscribeしない errorハンドリングしない 実装してみたのは以下です。 of map subject filter delay fromPromise combineLatest switchMap Observable 何はともあれ、まずはObservableを実装します。 class Observable { constructor(producer) { this.subscribe = producer } } コードはこれだけで、producerを受け取って、自身のsubscribeに接続します。 producerはobserverを引数にとって、次に、どんなタイミングで、どんな値を流すか決定する関数です。 現時点ではイメージもわかないと

    実装して学ぶRxJS - undefined
  • モダンCSSフレームワーク『Bulma』のReactコンポーネントセット『ReBulma』を作った - undefined

    概要 今年に入ってからのんびりTwitterClient(https://github.com/bokuweb/tsukiakari)を作っていて、こいつに使いたいなーと思いコンポーネントセット作った。といっても、まだかなり雑でまだまだやることがありそう。 以下のような記事もあって様々なReactコンポーネントセットがあるんだが、あまり気にいるものがなく作ってみることにした。有名ところはMateri-UIあたりになるんだろうけど、正直自分はMaterialデザインの色とか見た目があまり好きじゃないし、Material-UIの挙動が?(現在は改善されてるかも)だったり、Styleのみを閉じたシンプルなものが欲しいというのも理由のひとつになっている。 qiita.com Bulma BulmaはFlexboxベースのモダンCSSフレームワークで現在V0.1.0RC。どんな感じなのかは以下の公式

  • Phoenix + React + Reduxでブログシステムを作る(1) - undefined

    Elixir、Phoenixの勉強のための題材として、ブログシステムで作ってみることにした。飽きるまでのんびり改修していこうと思う。Elixir/Erlangの学習はすごいEを並行して進める。 Elixir、Phoenixのインストールは完了しているものとする。 今回のゴール 記事の投稿ができる 記事の閲覧ができる 動作環境 Erlang 17.5 Elixir 1.2.0 Phoenix 1.1.4 node.js 4.2.1 プロジェクトの作成 プロジェクトを作成する。ただし、自分みたいなフロントな人間は真っ先に--no-brunchを付けたくなると思うんだけど--no-brunchを付けずにあとから手動で変更したほうが楽だという話しを聞くので参考にしてみる。 $ mix phoenix.new phoenix_redux_blog 参考にしたのは以下の記事。 qiita.com 以

    Phoenix + React + Reduxでブログシステムを作る(1) - undefined
  • ElixirですごいE本 4章 - undefined

    すごいErlangゆかいに学ぼう! 作者: Fred Hebert出版社/メーカー: オーム社発売日: 2014/08/11メディア: Kindle版この商品を含むブログ (1件) を見る 4.1 動的で強い型付け Elixirは動的で強い型付け iex(1)> 6 + "1" ** (ArithmeticError) bad argument in arithmetic expression :erlang.+(6, "1") 4.2 型変換 型変換関数は各モジュールに実装されている 例えばInteger => String変換はIntegerモジュールのto_stringを使う http://elixir-lang.org/docs/stable/elixir/Integer.html iex(3)> String.to_integer("54") 54 iex(5)> Integer

    ElixirですごいE本 4章 - undefined
  • ElixirですごいE本 5章 - undefined

    5章 すごいErlangゆかいに学ぼう! 作者: Fred Hebert出版社/メーカー: オーム社発売日: 2014/08/11メディア: Kindle版この商品を含むブログ (1件) を見る 5.1 再帰の動き リストの長さ リストの長さを求める defmodule Recursion do def len([]), do: 0 def len([_|t]), do: 1 + len t end IO.puts Recursion.len [1,2,3,4] http://play.elixirbyexample.com/s/f148dc1a06 末尾再帰の長さ 末尾再帰に変更 defmodule Recursion do def tail_len(l), do: tail_len(l,0) def tail_len([], acc), do: acc def tail_len([_|

    ElixirですごいE本 5章 - undefined
  • ElixirですごいE本 3章 - undefined

    3章 すごいErlangゆかいに学ぼう! 作者: Fred Hebert出版社/メーカー: オーム社発売日: 2014/08/11メディア: Kindle版この商品を含むブログ (1件) を見る 3.1 パターンマッチ defmodule Test do def greet(:male, name), do: IO.puts "Hello, Mr.#{name}!" def greet(:female, name), do: IO.puts "Hello, Mrs.#{name}!" def greet(_, name), do: IO.puts "Hello, #{name}!" end Test.greet :male, "Jack" Test.greet :female, "Betty" Test.greet :foo, "bar" http://play.elixirbyexamp

    ElixirですごいE本 3章 - undefined
  • ElixirですごいE本 2章 - undefined

    これまで ElixirですごいE 1章 - bokuweb.me すごいErlangゆかいに学ぼう! 作者: Fred Hebert出版社/メーカー: オーム社発売日: 2014/08/11メディア: Kindle版この商品を含むブログ (1件) を見る 2章 2.2 モジュールを作る Elixirではdefmoduleでモジュールを定義する。 モジュール名となるailiasを第一引数として渡す、すると:module、モジュール名、モジュールのバイナリ、ブロックコンテンツを評価した結果がタプルとして返ってくる。 Kernel – Elixir v1.1.1 iex(13)> defmodule Foo do ...(13)> def bar, do: :baz ...(13)> end {:module, Foo, <<70, 79, 82, 49, 0, 0, 4, 64, 66, 6

    ElixirですごいE本 2章 - undefined
  • ElixirですごいE本 1章 - undefined

    すごいEを読みつつElixirを学んでみる。 すごいErlangゆかいに学ぼう! 作者: Fred Hebert出版社/メーカー: オーム社発売日: 2014/08/11メディア: Kindle版この商品を含むブログ (1件) を見る すでにヽ(´・肉・`)ノログ さんが実施されていた。 2014/07/28/すごいEをElixirでやる - ヽ(´・肉・`)ノログ 15/10/15現在はElixirのバージョンは 1.1.1。 1章 ErlangシェルはElixirではiexに相当。 簡単に試せるところはiexで試していく。 1.2 Erlangの基礎をいくつか 数値型 2進数は0b、8進数は0o、16進数は0xで始める。 iex(1)> 2+15 17 iex(2)> 49 * 100 4900 iex(3)> 1892-1472 420 iex(4)> 5/2 2.5 iex(5

    ElixirですごいE本 1章 - undefined
  • Elasticsearchをいれて触ってみたメモ【Node.js】 - undefined

    Elasticsearchで遊んでみるメモ。 日語情報はまだ少なく、書籍のverも古いらしいので調べながら手を動かしてみる。その記録。 高速スケーラブル検索エンジン ElasticSearch Server 作者: Rafal Kuc・Marek Rogozin’ski,株式会社リクルートテクノロジーズ,大岩達也、大谷純、兼山元太、水戸祐介、守谷純之介出版社/メーカー: KADOKAWA/アスキー・メディアワークス発売日: 2014/03/21メディア: 大型この商品を含むブログ (3件) を見る 環境 作業はwinで。 Win 7 Pro SP1 java 1.8.0_45 elasticsearch 1.7.1 インストール www.elastic.co ここからダウンロード。 解凍後、以下を実行。 bin/service install JAVA_HOMEがねぇと怒られる場合はJ

    Elasticsearchをいれて触ってみたメモ【Node.js】 - undefined
  • Gitわかってる?Gitビギナーに送る分かりやすい記事・スライドなど20+選 - undefined

    Gitを使ってはいるものの、しっかり理解できていないので分かりやすそうな記事などを集めました。多分同じような感覚の人は少なからずいると思うので参考になれば幸いです。 記事 【Git入門者向け】イメージで理解するGitコマンド事始め | きのこる庭 「工場」に見立てて、git init, git add, git commit, git status, git log, git branch, git checkout, git merge, git clone, git pull, git push, git fetchを解説されています。 絵がかわいくてわかりやすい。 git入門 (全22回) - プログラミングならドットインストール 説明不要、みんな大好きドットインストールの「git入門」(全22回)です。 イラストでわかる!git入門の入門 : アシアルブログ アシアルブログより「イ

    Gitわかってる?Gitビギナーに送る分かりやすい記事・スライドなど20+選 - undefined
  • 1