tobioka.net

NimbusのNIWebControllerでサクッとWebページを表示する

6月 23

アプリのメイン機能じゃないんだけど、Webページをちょっとだけ表示したい時が結構あります。ライセンス画面とか、ちょっとした説明画面とか。

そんな手間でもないので、WebViewだけ貼ったViewControllerを自作してもいいんですが、
というかしてたんですが、毎回「- (void)webViewDidStartLoad:」とか書くのも、いい加減飽きてました。

そこで思い出したのが、NimbusKit。Web表示用のコンポーネントがあった気がするので、それを使って見ることにします。
Googleも使ってるぐらいだから保守は続けられるでしょうしね。

で、「Nimbusを使おう」みたいな記事はいくつかあったんですが、WebControllerだけ使うという日本語情報が見当たらなかったので、書いておきます。

インストール（CocoaPods）

subspecが用意されてるので、WebControllerだけ指定できます。

$ echo "pod 'Nimbus/WebController'" > Podfile
$ pod install

1 2	$ echo "pod 'Nimbus/WebController'" > Podfile $ pod install

CocoaPodsを使わない手順はやるのも書くのも面倒なので省略します。
まだ使ってないという人は是非導入を検討してください。
僕も「Xcodeのworkspace機能が好きじゃない」というしょうもない理由で長らく使ってませんでしたが、完全に間違いでした。

ライブラリのインストールはもちろん、アップデート（AdMobとか頻繁にやんなきゃですよね…）もかなり楽になります。

コード

あとはこんな感じのコードを書けばOKです。

#import "NimbusWebController.h"

NIWebController *webController = [[NIWebController alloc] initWithURL:[NSURL URLWithString:@"http://google.com"]];
[self.navigationController pushViewController:webController animated:YES];

1

2

3

4

#import "NimbusWebController.h"

NIWebController *webController = [[NIWebController alloc] initWithURL:[NSURL URLWithString:@"http://google.com"]];

[self.navigationController pushViewController:webController animated:YES];

これだけで、上の画像のような、

タイトル・ローディング表示
進む
戻る
中止・更新
アクション（Safariで開く・URLコピー）

という最低限の機能のついた内部ブラウザが表示ができます。
簡単でいいですね！

アクションボタンには独自処理の追加も可能です。
詳細な使い方については、公式のドキュメント・ソースが参考になります。

Nimbus: Nimbus Web Controller
nimbus/examples/catalog/Catalog/CatalogViewController.m at master · jverkoey/nimbus
nimbus/examples/catalog/Catalog/ExtraActionsWebViewController.m at master · jverkoey/nimbus

それでは。

oreでgemを作る

3月 25

ちょっとgemを作ってみたいので調べたメモ。
最近は、

$ bundle gem

1	$ bundle gem

で作るのがモダンらしいことはわかった。

けど、なんか日本語情報が多すぎてわーってなっちゃった。

bundle gemでも十分便利なんだけど、oreってやつ使えばもっと便利にwrapしてくれてるらしい。
これは日本語情報が今gemを作るなら bundle gem より ore gem – Hatena::Blog::toshiwo ぐらいしか見つからなくて混乱しなかったので、これを使ってみることにする。（どんな理由…）

まずはore（mineコマンド）を入れる。

# RubyMineとコマンド名がコンフリクトするので消しとく
$ sudo rm /usr/local/bin/mine

# インストール
$ gem install ore

1

2

3

4

5

# RubyMineとコマンド名がコンフリクトするので消しとく

$ sudo rm /usr/local/bin/mine

# インストール

$ gem install ore

helloコマンドでhelloと表示するgemを作ってみる。

# Gemのひな形作成
$ mine hello --bundler --rspec

# コマンド作る
$ mkdir bin
$ vim bin/hello
#!/usr/bin/env ruby
puts 'hello'
$ chmod +x bin/hello

# テスト
$ bundle
$ rspec
$ bundle exec bin/hello
hello

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

# Gemのひな形作成

$ mine hello --bundler --rspec

# コマンド作る

$ mkdir bin

$ vim bin/hello

#!/usr/bin/env ruby

puts 'hello'

$ chmod +x bin/hello

# テスト

$ bundle

$ rspec

$ bundle exec bin/hello

hello

gemをbuildして（ローカルで）インストールしてみる。

# 最低限の設定
$ vim hello.gemspec
  gem.summary       = 'hello'
  gem.description   = 'hello'

# インストールしてみる
$ git add .
$ git commit -am "First build"
$ rake build
$ gem install pkg/hello-0.1.0.gem

# 使ってみる
$ which hello
~/.rvm/gems/ruby-1.9.3-p385/bin/hello
$ hello
hello

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

# 最低限の設定

$ vim hello.gemspec

gem.summary = 'hello'

gem.description = 'hello'

# インストールしてみる

$ git add .

$ git commit -am "First build"

$ rake build

$ gem install pkg/hello-0.1.0.gem

# 使ってみる

$ which hello

~/.rvm/gems/ruby-1.9.3-p385/bin/hello

$ hello

hello

rake releaseとかすればrubygems.orgにも登録できるんだとか。超簡単ですね。

Ruby で作る、簡単 CLI ツールのススメ #Ruby #開発環境 #AdventCalendar – Qiita によるとThorってやつ使うとコマンドを楽に作れるらしいので、試しになんか作って公開するつもり。

メモ終わり。

KindleでTideSDKの入門本を出版してみた話

1月 16

昨年末、TideSDKの最新版が出ていることを知って、試しに単純なMarkdownエディタを作ってみたら、思ったよりハマらず作れました。

で、いつもなら「Hello, TideSDK! Markdownエディタを作ってみた」みたいなエントリを書いて済ませるんだけど、なんかワンパターンで飽きたし、どうせ無料でやってもdisられるポイズンな世の中だし、どうしようかなぁと考えてたら、Kindleさんの存在を思い出した。

というわけで、TideSDKについて知り得た情報をまとめたものを、AmazonのKindle ダイレクト・パブリッシング (KDP) で出版してみました。

こちらです。

TideSDKでつくる！Macデスクトップアプリ（v1.3.1-beta対応）

価格は、ロイヤリティ70%オプションを選択した場合の最低価格（ドル）です。
※ Kindleストアはほんとに1クリックで買えてしまうのでご注意ください。

ストアの説明にもある通り、クオリティはこのブログ上の記事と同等のレベル、ということであまり期待しないでください。それでもなお興味があるという方はお手…じゃないな、ご端末にとってみていただければと思います。

超ニッチな内容のため売れて10冊ぐらいと見込んでいます。作業時間を考えると完全に赤字ですが、万が一利益が出た場合は、一部をTideSDKのプロジェクトに寄付する予定です。（大企業がたくさんスポンサーについてるので、端金かもしれませんが…。）

ちなみに以下がiPadでとったキャプチャですが、実際に端末で見れるのを確認すると、不覚にもちょっと感動してしまいました^^

以下、やってみた感想とか。
思いつくままに書いてたら長くなってしまいました、すみません。
KDPで出版しようと思ってる人には、もしかしたら参考になるかもしれません。

ePub作成はsigilが無難だと思う

KDPではHTMLやdoc(x)ファイルもサポートしていますが、一番無難そうだったePubを選択しました。

PagesがePubを吐けるという情報を得たので、はじめはその方法でやってみました。
（何も考えずにWordで書き始めちゃったので、それをPagesに読ませてePub出力）

確かにそれなりに見た目も整えてくれるし、Kindle Previewerでも特に問題なく閲覧できるようでした。しかし、ソースコードなどを見やすくするためには、出力されるXHTMLを修正する必要が出てきます。で、Pagesはどんなタグを吐くかというと、

  <div class="body" style="white-space:pre-wrap">
    <h1><span id="b1"></span><span class="c3">TideSDKとは</span></h1>

    <p class="s1">&nbsp;</p>

    <p class="s1 c2">TideSDKは…</p>
  </div>

1

2

3

4

5

6

7

<h1><span id="b1"></span><span class="c3">TideSDKとは</span></h1>

<p class="s1 c2">TideSDKは…</p>

</div>

のように、変なspanや空白のpがあったり、急にstyle属性使ってみたりとか、調整するにはしんどそうな感じです。

かといって、1から全部自分で書くのはもっとしんどい、ということでsigilの登場です。

ごく普通のWYSIWYGエディタの感覚で書いていけば、段落はp、見出しはh1〜6、リストはul/olと、素直なマークアップを出力してくれます。preとかblockquoteは自分で書きました。classやstyleは特につきません。見た目はCSSで整えましょう。

sigilで困りそうなところ

僕がつまったところを列挙しておきます。

表紙の設定
Imagesを右クリックして、「Add Existing Files…」から画像を追加。
追加した画像を右クリックして、「Add Semantics」→「Cover Image」をチェック。
論理目次の作成
端末の移動機能などで使われる目次。
メニューバーの「Tools」→「Table Of Contents」→「Generate Table Of Contents…」から作成できる。
HTML目次の作成
ページとして表示される目次。
メニューバーの「Tools」→「Table Of Contents」→「Create HTML Table Of Contents」から作成できる。
CSSの読み込みなどの修正は最後にやるのが無難。（途中で目次が変更になった場合やり直しになるので）
改ページ
<mbp:pagebreak/>というタグでできるらしいけど、sigilがそんなの知らないということで消してしまう。（xmlnsを書いてもダメだった。）
代わりに、CSSでpage-break-after: always;を指定すると、その要素の後ろで改ページしてくれる。
HTMLが別ファイルになれば、そこでも改ページされる。
落ちる
0.6.2はダメだったので、Downloadsから0.6.1を入れて使ったら、落ちることはなくなりました。（僕の環境はOS X Lionです。）
選択範囲がおかしくなる
なります。我慢です。
プログラミングの本に関しては、フォーマットも凝る必要はないし、見出し・本文・コード・画像・引用と、必要なパターンも決まってるので、良い感じのオーサリングツールが出てくるんじゃないかと思います。それまでの辛抱です。

Kindle Previewerに注意

ePubをKindleで使われるmobi形式に変換、エミュレータで表示までしてくれるありがたいツール、それがKindle Previewerです。Amazon.co.jp:Kindle ダイレクト・パブリッシング:ヘルプからダウンロードできます。（日本での名称はKindleプレビューツール）
※ 変換は同梱されているKindleGenが行います。というわけで、コマンドラインでやりたい人以外はKindleGen単体のダウンロードは不要です。

僕の使ったVersion: 2.751は、font-family: monospace;を解釈してくれなかったり、KDPのサイトで提出時に変換されるファイルとfont-sizeが違ったり…と結構くせがありました。
あと、TideSDK/TideSDK · GitHubとかで使われている「·」が文字化けしてaになりました。これはPreviewerの問題ではなく、実機でもなるのかもしれません。

そしてコンパイルにそれなりに時間がかかるので、修正・確認のサイクルがげんなりしてきます。

と、いろいろ書きましたが、いちいち実機に転送することを思えばはるかに楽ができるので、これなしではやってられません。今後のさらなる進化に期待します。

提出から出版までの時間

1/14の18時に提出して、翌日1/15の16時45分に出版されました。
Appleのレビュー速度と比較すると半端ない早さです。

ただ、出版されましたメール内のリンクが.comのサイトになってたり、KDPのサイトから書籍のページに飛ぶ方法がよくわからなかったり（未だにわからない。Kindleストアを検索する方がはやい。）、まだ荒削りですw

税金の手続きがめんどい

書類を出さないとアメリカで源泉徴収されるので二重課税になります。（昔のApp Storeと同様の手続きが必要。僕はまだやってません。Web上で完結するようにならないかなぁ。）

手続方法（不備があるらしいので、実際にやる前に他のサイトも参照することをお勧めします。）
Amazon.co.jp:Kindle ダイレクト・パブリッシング:ヘルプ

本を書くのは勉強にいいかも

ブログの記事なら、「〜についてはよくわかりませんでした^^」ですませるところですが、「あかん、もっと調べないと」という思いが襲ってきます。

例えば今回、App Storeへの提出は現状難しい、というデメリットを書いたんですが、難しいって書くからにはそれなりに裏を取らないと…ってなりました。

それでも間違ってたらごめんなさい。

広告モデルの本もあっていいんじゃないか

最後の最後、これは売るほどのものなのか…？という激しい葛藤がやってきました。

僕みたいなチキンな著者向けに、広告とか、あとから課金とか、読者が値段を決めれるとか、そういう電子書籍ならではの売り方ができてもいいんじゃないかと思いました。

Kindleが変えたのは出版であって執筆じゃないよ

確かに、コネもなにもない矮小な僕でもAmazonに本を並べられるようになりましたが、書く作業自体は何も楽になってません。むしろ手続きとか校正とか自分でやらなきゃいけないので、手間が増えているのかも知れません。

というわけで、「2〜3時間とかそんなんでできるわけじゃないよ」と、年始に軽い気持ちで始めた過去の自分に突っ込みを入れたいです。

“コード”より、“コンテンツ”を生み出す

いきなりまじめになりますが、今年というかこれからの僕の個人活動について。

皆さんは、以下の記事を読まれたでしょうか？
日米で半年ニートをするまで気付かなかった、「お金・理念・コード」より大切なこと【連載:上杉周作⑤】 – エンジニアtype

僕は以下の部分にとても衝撃を受けて、未だに頭のなかで鐘が鳴り響いている感じです。

エンジニアにとって、「コードを書くか、もしくは記事やスライドなどのコンテンツを作るか」は永遠の二択問題だ。

中略

1. 自分に影響を与えたエンジニアを何人か思い浮かべる。
2. どのようにして自分がその人から影響を受けたかを考える。
3. その人の素晴らしいコードに影響されたならコードを書く。反対に、その人の素晴らしいコンテンツに影響されたならコンテンツを作ればいい。

この二択は確かに僕の中にもあって、その時々の気分でコードを書いたり、入門記事を書いてみたりしてたんですが、この解決方法の発想はなかったなぁ、と。
これの基準で考えると、完全に僕はコンテンツを作るべき。
Encode.pmのコードは読んだことはないけど、404 Blog Not Foundは大好きだ。Matzさん、結城浩さん、amachangさん…影響を受けた人はたくさんいるけど、彼らの書くコードより文章から受けた影響の方が大きい。

というわけで、しばらくはものを作るためにコードを書く作業より、コンテンツを作るためにコードを書く作業を優先しようと思っています。

勢い余ってブログのタイトルもKindle JUNEとかにしようと思ったけど、そんなダジャレはもう誰かが言ってそうだし、Amazonアソシエイトから怒られそうな気がしたのでやめました。

そんなこんなで、いつもどおりグダグダですが、本年もよろしくお願いいたしますm(_ _)m

iOSアプリ用のいろいろなサイズのアイコンを1発で作成する（ImageMagick）

12月 27

iOSアプリ用のアイコン、サイズがたくさんあって面倒くさいですよね…。

というわけで、
ドラッグ＆ドロップでMac用とiOS用のアイコンを一瞬で書き出しできる「AppIcon」 – iTea3.0
これは便利そう！欲しい！！と思ったんですが、チャージ残金がなく断念。
（ヨドバシ.comの値引きキャンペーンを逃したのがここにきて…orz）

最近Macアプリ作れてないし、自分用に劣化クローン作ってみようかなぁと考えていたところ、「ん？画像変換といえばImageMagickがあるよな。じゃあコマンド1発でいけるんじゃね？」と遅ればせながら気づいたので、やってみました。

ImageMagickのインストール

Homebrew なら、

$ brew install imagemagick

1	$ brew install imagemagick

MacPorts なら、

$ sudo port install ImageMagick

1	$ sudo port install ImageMagick

で入るはずです。

無事終わったら、「convert」というコマンドが追加されるので、バージョンを確認してみます。

$ convert -version
Version: ImageMagick 6.7.7-6 2012-12-02 Q16 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2012 ImageMagick Studio LLC
Features: OpenMP OpenCL

1

2

3

4

$ convert -version

Version: ImageMagick 6.7.7-6 2012-12-02 Q16 http://www.imagemagick.org

Features: OpenMP OpenCL

的な出力になればOK。

リサイズ用シェルの準備

自分でシェル書こうとしてたんですが、念の為ぐぐってみたら、案の定もう公開してくれてる方がいました。

AppStore Icons Generator

今回は、こちらをありがたく使わせていただきます。

ホームのbinディレクトリに置いて、パスを通します。

$ mkdir ~/bin
$ cd ~/bin
$ curl -O https://gist.github.com/raw/1984984/591a4259ce6e4f7ad3fad690a0fe8f1d2a223cad/asicon.sh
$ chmod +x asicon.sh
$ echo 'export PATH=$HOME/bin:$PATH' >> ~/.bash_profile
$ source ~/.bash_profile

1

2

3

4

5

6

$ mkdir ~/bin

$ cd ~/bin

$ curl -O https://gist.github.com/raw/1984984/591a4259ce6e4f7ad3fad690a0fe8f1d2a223cad/asicon.sh

$ chmod +x asicon.sh

$ echo 'export PATH=$HOME/bin:$PATH' >> ~/.bash_profile

$ source ~/.bash_profile

実行できるか確認。

$ which asicon.sh 
/Users/<username>/bin/asicon.sh

1 2	$ which asicon.sh /Users/<username>/bin/asicon.sh

となればOK。

変換してみる

1024pxのアイコンをどこかのディレクトリに用意しておき、そこにcdします。

$ ls -1
icon1024.png

1 2	$ ls -1 icon1024.png

この状態で、

$ asicon.sh icon1024.png

1	$ asicon.sh icon1024.png

とするだけ。

$ ls -1
Icon-72.png
Icon-72@2x.png
Icon-Small-50.png
Icon-Small.png
Icon-Small@2x.png
Icon.png
Icon@2x.png
iTunesArtwork.png
icon1024.png

1

2

3

4

5

6

7

8

9

10

$ ls -1

Icon-72.png

Icon-72@2x.png

Icon-Small-50.png

Icon-Small.png

Icon-Small@2x.png

Icon.png

Icon@2x.png

iTunesArtwork.png

icon1024.png

できてますね！

激しく今更なTipsですが、これでちょっとは楽できそうです。
スクリーンショットとかにも応用できるかな？

RubyのObject#tapを知らなかった…。

5月 10

RubyMotionのサンプルコード呼んでて、

@some_obj = SomeClass.alloc.init.tap do |sc|
   sc.someProp = "test"
end

1

2

3

@some_obj = SomeClass.alloc.init.tap do |sc|

sc.someProp = "test"

end

みたいなコードがあったんだけど意味がわからなかった。
いや、意味は予想つくんだけど、 tapってなんやねんって。

iOSのAPIにはそんなメソッドないし、てっきりRubyMotionの便利機能なのかなーとか思ってたら、
なんとRuby(Object)のメソッドだった。

全然知らなかった…。

tapかわいいよtap – (rubikitch loves (Emacs Ruby CUI Books))

結局何なのかというと、「そのオブジェクト自身をブロックに渡して実行して、その後自分自身を返す」メソッドらしい。
単純な例だとこんな感じ。

> "Hello".tap { |s| s << ", world!" }
 => "Hello, world!"

1 2	> "Hello".tap { \|s\| s << ", world!" } => "Hello, world!"

その他の利用例がtap #Ruby – Qiitaにまとまってた。

ふむふむ、これは便利ねー。
RubyMotionのコードではinitで返って来たオブジェクトのtapを呼んで、
ブロック内で初期化して、その結果を変数に代入してたわけね。

納得。