Reactを学びたいけど、どの書籍を買ったら良いか悩んでいる人向けのガイド - yuumi3のお仕事日記
現在、(紙の)書籍として購入できる日本語の React の入門書の 良い点 / 残念な点 をまとめてみました。 なるべく公平な評価をしたつもりですが、私は 作りながら学ぶ React入門 の著者ですので若干のバイアスはご了承下さい。 結論 Reactの設計思想をちゃんと知りたいなら入門 React ―コンポーネントベースのWebフロントエンド開発 コードは古るくても安心のオライリー品質で学びたいなら 入門 React ―コンポーネントベースのWebフロントエンド開発 React-NativeやElectronも知りたいなら、いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック Reactをちゃんと勉強するなら 作りながら学ぶ React入門 が最適 作りながら学ぶ React入門 作りながら学ぶ React入門 作者: 吉田裕美出版社/メーカー: 秀
Dockerを使いRuby on Railsアプリ、PostgreSQL、Nginxなどのコンテナーをクラウドサービスで動かしてみた - yuumi3のお仕事日記
環境構築 普通に Boot2Docker をMacにインストールしました。Boot2Dockerは ここのブログの中ほどの画像のようにVitualBox上でDockerサーバーを動かし、Macの dockerコマンドがDockerサーバーと通信して動作します。 Dockerサーバーの作成・起動などは boot2docker コマンドで行います。 作成・起動は、 % boot2docker init % boot2docker up これで、dockerコマンドが使えるようになりますが、通信用のDOCKER_HOST環境変数を設定する必要があります。 % export DOCKER_HOST=tcp://192.168.59.103:2375 % docker images REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE nginx latest c
GitLab API (gitlab gem)を使ってみました - yuumi3のお仕事日記
今年の新人研修で課題の提出場所に GitLabを使ってみました。生徒の人数分 x 課題数のリポジトリーが作られるので、課題結果を自分の環境にcloneするのを手動で行っているとたいへんです。そこで、GitLab APIを使い、簡単なツールを作ってみました。 GitLab APIには gitlab gem があり、簡単に使う事ができます。しかし、いざ自分のやりたいプログラムを書こうと思ったら・・・・ APIドキュメントはあるが、内容は今ひとつ サンプルコードが少ない ネット上 (英語の情報を含め)にも情報が少ない という事で、gitlab gem の RSpecコードなどを見ながら勉強しました。また、APIの設計があまりオブジェクト指向的でなく、最初は戸惑いました。 以下のコードは、 あるグループに所属する全員の レポジトリーの一覧を表示し、そのリポジトリをアクセスするために自分のアカウント
NSRailsを使ってみた - yuumi3のお仕事日記
7月1122日に行う 「クラウドｘスマフォ時代のRuby on Rails入門」 セミナーで使うデモアプリを作るために、NSRails を使ってみました。 概要 NSRails の使い方は https://github.com/dingbat/nsrails に書かれているように、iOS側に Rails と同じモデルを用意し、 モデルクラスの 取得(remoteAll: , remoteObjectWithID: ...)やCRUD(remoteCreate: , remoteUpdate: , remoteDestroy: ...) メソッドを呼び出すだけで、Railsサーバーとのデータやり取りが出来ます。また通信は、同期、非同期をサポートしています。 使ってみて分かったこと 1. Pod は GitHub から Railsサーバーが起動してないときにiOS側で通信するとへんなエラーで落
Ruby on Rails4.0.0正式版でJSON関連コードが無いキレイなscaffoldを生成する方法 - yuumi3のお仕事日記
Ruby on Rails4.0.0が正式リリースされましたが、4.0.0RC1 までと JSON関連のコードが無いscaffoldを生成する方法が変わりました ^^; 4.0.0RC1 までは、以下のオプションで JSON関連のコードが無い、きれいな controller と views の *.json.jbuilder が生成されませんでした。 % rails g scaffold todo due:date task:string -c scaffold_controllerしかし、Ruby on Rails4.0.0正式版 (4.0.0RC2から)は上のオプションでは JSON関連のコードが生成されてしまいます。--jbuilder=false を指定すれば *.json.jbuilder は生成されなくなりますが、controller には 醜い respond_to 〜 fo
Push Notificationに関連する証明書の作成手順 - yuumi3のお仕事日記
先日、お客様にiOSのPush Notificationを説明するためのサンプルコードを作ったのですが証明書の作成でハマッたので手順を図にしました (下の画像をクリックすると大きな画像が表示されます)。 正確な作成手順は Local および Push Notification プログラミングガイド に書かれていますが、いくつものファイル(証明書)が出てくるので理解しにくいので図にしてみました。 iOSのPush NotificationのプログラミングはiOS側もサーバー側も簡単です。一番難しいのは証明書の作成だと思います。証明書が間違っていても、Push Notificationの中継を行うAppleのサーバーからはエラーが戻らないので、かなり悩む事になります。 ちなみに今回作ったのサンプルでサーバー側は Grocer を使いましたが、なかなか良い感じでした。
jQueryMobileを使って 簡単にRuby on RailsサイトをクールなiPhone対応サイトにしてみた - yuumi3のお仕事日記
jQuery Mobile | jQuery Mobile を使って Ruby on Rails で作ったWebサイトを iPhoneなどのスマフォに対応したサイトに変更してみました。以下の画像は Ruby on Railsの Scaffold で作ったサイトをjQueryMobile対応した後の画面です。 クールなスマフォサイトになっています！ 1. まずは普通にscaffold でアプリを作る Railsはjavascript周りが大幅に強化された3.1を使っています。 % rails new jq_mobile % cd jq_mobile % rails g scaffold todo due:date task:string % rake db:migration % rails s 2. PC と iPhone でview(layout)を切り替える jQueryMobile用
Active Merchant で PayPal Sandbox を使うには - yuumi3のお仕事日記
Ruby on Railsで作ったWebサービスからPayPalや海外の決済サービスを使う場合、そのサービス固有のAPIを使わなくても Active Merchant を使うと、簡単に信頼性の高い決済を組み込めます。 Active Merchant の使い方は 以下の3つのRailsCastを見るのが一番良いと思います。 #144 Active Merchant Basics - RailsCasts #145 Integrating Active Merchant - RailsCasts #146 PayPal Express Checkout - RailsCasts RailsCastを見て、サンプルコードを動かすのは簡単です、またサンプルは Rails2.2.X用ですが Rails 3.0.X でも少しの修正で動かせました。 ところが、テスト用に PayPal を使おうとしたので
Ruby on Rails 3.X を教えるのに困るところ - yuumi3のお仕事日記
EY-OfficeではRuby on Railsの教育を行っています。Ruby on Rails はアグレッシブにバージョンアップしていきますが、教育を行う際には毎回、最新のバージョンで教育させて頂いています。 Rails3.0では大幅な内部構造の変更、3.1ではアセットパイプラインなどの追加、3.2では遅くなった開発コマンドの高速化・・・ と改良されて行くのはRailsを使うプログラマーとしては嬉しいのですが、教育で新たにRuby on Railsを学ぶ人に教えるには困った事があります。 それは、リファレンスマニュアル(API document) が使いにくくなったことです。 リファレンスマニュアルには、２つの使い方があると思います メソッド(API)の詳細な動作、オプション等を知る Railsの各クラス、モジュールにどのようなメソッド(API,機能)が在るのかを知る 1. の方は、最近
fixtureファイルに画像データを含めるには - yuumi3のお仕事日記
Ruby on Rails の開発でデータベースにテストデータを設定する fixture は便利ですが、カラムに画像データのようなバイナリーデータを入れたい場合は、下のようなコードで出来ます。 <% def image_data(file_name) ActiveSupport::Base64.encode64(IO.read("test/fixtures/img/#{file_name}")).gsub(/^/, " ") end %> neko: screen_name: neko password: pass profile_image: !binary | <%= image_data 'se_025.png' %> kame: screen_name: kame password: pass profile_image: !binary | <%= image_data 'se_
Mac OS X Lion でRuby on Railsの開発環境を構築するには - yuumi3のお仕事日記
今日現在で、 Mac OS X Lion でRuby on Railsの開発環境を作るには とりあえず、Ruby on Rails を試してみたい方は Lionには 最新に近い Ruby 1.8.7(P249) がインストールされています。 % sudo gem install rails sqlite3でRuby on Rails, SQLite3をインストールすればRuby on Railsが使えます。 以前あったirbで日本語が入力出来ない問題もないようです :-) RVM をつかって環境を構築するさいの注意 RVMでのインストール手順 は SnowLeopardと同じですが、今日現在、普通にビルドしたRuby1.8.7は [BUG] Segmentation fault が発生します。 対処は ruby - Why can't I install Rails on Lion us
現時点での正しいMGTwitterEngineのインストール方法 - yuumi3のお仕事日記
MGTwitterEngine はiPhoneでTwitterアプリを作る際に、Twitter APIのハンドリングや面倒な xAuthを行ってくれる便利なライブラリーです。インストール方法も日本語で ここ や ここ に書かれていますが、過去のもので現時点ではもっと簡単に出来ます。 MGTwitterEngineはデータフォーマット(XML/JSON)とそのパーサーライブラリーを選択肢出来るようになっていますが、ここでは一番インストールが簡単そうな libXML を選択しました。 インストールの手順は GitHubのWiki に書かれていますのでこの手順を参考にしました。 1. MGTwitterEngine とXAuth(OAuth)ライブラリー OAuthConsumer のダウンロード % git clone https://github.com/mattgemmell/MGTwit
rspec-rails-1.2.9 から spec_server が 別gem になりました - yuumi3のお仕事日記
rspec,rspec-railsを1.2.9にバージョンアップし spec_server を使おうとしたところエラーが発生してテストできませんでした。調べてみたら 1.2.9 から spec_server は無くなり、代わりに spork というgemを使うようにと リリースノートに書かれてました。 sporkの使い方は http://github.com/timcharper/spork/ に書かれています。 1. まず gem でインストール % sudo gem install spork2. 最初に --bootstrap % cd プロジェクト % spork --bootstrap3. 必要があれば spec/spec_helper.rb を変更 Spockサーバーが起動時に読み込むライブラリーと、specコマンド実行毎の読み込むライブラリーを指定できるようです。上手く使うと
Request SpecでJavascriptのあるページをテストする方法、 Capybara + Selenium, Capybara + Akephalos など - yuumi3のお仕事日記
先日リリースした 萌えトーク ではEnd-to-Endテストには Request Spec + Capybara を使っていますが、Javascriptの部分は適当なヘルパーメソッドを使いJavascriptを動作させずにテストしましたが、Capybara のドライバーを selenium や Akephalos (HTMLUnit)に入れ替える事で実際にJavascriptを動かして End-to-Endテスト を行う事が出来ます。 写真は、World's Largest Rodent Born at San Diego Zoo! - ZooBorns より テスト対象 Scaffoldが作った一覧ページに、jQuery を使いShowをクリックした場合showページに遷移せず、一覧画面の下の方の にTodo内容を表示さいます。 app/view/index.html.erb <h1>L
kotobank for iPhone がリリースされました！ - yuumi3のお仕事日記
アプリ内課金サーバーの部分を担当させて頂きました、genesix の kotobank for iPhone がリリースされました！ kotobank for iPhone は多数の辞書をくしざし検索できる、iPhone辞書アプリの決定版です !! kotobank for iPhone は無料ですが「ポケットプログレッシブ国語辞典」が内蔵されています。また、ストア画面から有名な辞書を購入できます。 この辞書購入の課金と、ダウンロードを行うサーバーの部分を私の方で担当させて頂きました。みなさまが辞書を購入して頂けますと私の作ったソフトが元気に働きますので、ぜひ辞書をご購入下さい m(__)m kotobank for iPhone の詳しい内容は、ソフトを開発した岸川さんのブログ や Appbankの記事 を参考にして下さい。 今回の仕事では、次々とクールな iPhoneアプリをリリースし
Ruby on Rails 2.x と 3.x 両方で rspec-rails が競合する問題の解決方法 - yuumi3のお仕事日記
現在、 Ruby on Rails 3.x と 2.x 両方のプロジェクトを1台のマシンで開発・メンテナンスしていいる開発者もいると思いますが、その際に RSpec 正確には rspec-rails や email-spec のバージョンが競合を起こす事があります。 解決方法は幾つかあるようですが RSpecをPluginとしてインストール - ryopekoの日記 に書かれている RSpec, rspec-rails, email-spec, cucumber... をプラグインとしてプロジェクトにインストールしてしまうのは簡単で副作用が少なそうです。 実行環境には複数のRspecはインストールされてないので、私はプラグインとしてインストールした rspec, rspec-rails 等は .gitiignore に登録して git repository には入れないようにしています。
Steak を Request Specs + Capybara に変更してみた - yuumi3のお仕事日記
WEB+DB PRESS Vol.61の 「Rails 3テスト最前線」を読み Steak を使わなくても RSpec 2.0 の新機能 Request Specs と Capybara を組み合わせる事で Steak 同様にテストが書ける事が判ったので試してみた。 Steakに付いては、ここ WEB+DB PRESS Vol.61 作者: 西岡祐弥,濱田章吾,横山彰子,浜本階生,ミック,uupaa,塙与志夫,はまちや2,大沢和宏,中島聡,矢野りん,中島拓,浦嶌啓太,角田直行,佐々木一,倉井龍太郎,深町英太郎,岩永賢明,高橋健一,柴田博志,井上誠一郎,大谷弘喜,荻野淳也,原悠,増井俊之,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2011/02/24メディア: 大型本購入: 37人 クリック: 2,058回この商品を含むブログ (38件) を見る 環境の変更 1.
メールを含むテストもEmail Spec で楽々 - yuumi3のお仕事日記
Webシステムではメールをユーザー送り、メール内のURLクリックで処理を行うようなケースも間々あります。そんなプログラムの受け入れテスト、End-to-Endテストを行うには Request Specs や Steak に Email Spec で簡単に書けます。 Email Spec は Rails の ActionMailer のメール送信部分をフックし送信されたメール内容をライブラリー内に保持し、RSpecでテストを書けるようにするライブラリーです。 RSpecベースなので Request Specs や Steakだけでなく Cucumber でも使えます。 インストール Gemfile に gem 'email_spec' を追加し bundle install を実行。 spec_helper.rb に以下を追加 require 'action_mailer' require
話題のテストツール Steak を勉強してみた - yuumi3のお仕事日記
以前 Ruby on Railsの達人 @a_matsuda に 薦められた テストツール Steak を現在開発中のプロジェクトで使ってみようと思い、勉強してみました。 Steakとは Steak は Cucumber 同様に Ruby on RailsなどのWebアプリの受け入れテストや総合テストのツールです。Cucumberは仕様(テスト)を自然言語で記述できるのが大きな特徴でしたが、SteakではRSpec＋専用DSLで記述しまます。 Cucumberは仕様(テスト)を自然言語で書けるので、ユーザーに仕様を確認してもらうとか作ってもらえるのが最大のメリットです。しかしその分、feature(仕様)とStep(仕様をプログラムをつなぐコード)の２つを記述する必要あり開発の手間が取られます。 それに比べ、 Steak は RSpec (＝ Rubyのコード) なので、プログラマーに取っ
Rails 3 で RDBに書かれる時間を日本時間にするには - yuumi3のお仕事日記
現在 Ruby on Rails 3.0 であるサービスを作っていますが、 Rails 2.X と違い RDB に書かれる時間が UTC (協定世界時) でかかれます。 国際対応する予定のアプリならこれで良いのですが、日本向けのサービスの場合はメンテナンス性を考えると RDB には日本時間(JST)で書かれた方が良いので対応しようとしたところ一筋縄では行きませんでした。 Railsの設定 config/application.rb (Rails2の config/environment.rb に対応するファイル)に、コメントアウトされた config.time_zone = 'Central Time (US & Canada)' という設定があったので config.time_zone = 'Tokyo' としてみましたが、なぜかまだUTCで動作しています？ rails3 time_zo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
