I.N.G If you wish to make apple pie from scratch, you must first create the universe. http://okzk.org/ Tue, 17 Jul 2018 10:39:43 +0900 Tue, 17 Jul 2018 10:39:43 +0900 Jekyll v3.4.3 キーリピートの変更の仕方 <p>MacOSXでキーリピートの変更の仕方したい。通常は、システム環境設定 &gt; キーボード &gt; キーボードで設定できる。それ以上に早くしたい場合や細かい設定を変えたい場合は<code class="highlighter-rouge">defaults</code>コマンドを使用して、Terminalから設定する。</p> <p><img src="/assets/key-repeat.png" width="780" height="693" alt="key-repeat.png" /></p> <h2 id="キーリピートの設定">キーリピートの設定</h2> <p>1毎にで15ms変わる。</p> <ul> <li>[InitialKeyRepeat] リピート入力認識までの時間</li> <li>[KeyRepeat] キーのリピート</li> </ul> <h3 id="書き込み">書き込み</h3> <div class="language-shell highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>defaults write -g InitialKeyRepeat -int 12 <span class="c"># 180ms</span> <span class="gp">$ </span>defaults write -g KeyRepeat -int 1 <span class="c"># 15ms</span> </code></pre> </div> <h3 id="確認">確認</h3> <div class="language-shell highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>defaults <span class="nb">read</span> -g InitialKeyRepeat 12 <span class="gp">$ </span>defaults <span class="nb">read</span> -g KeyRepeat 1 </code></pre> </div> Sun, 30 Jul 2017 17:28:00 +0900 http://okzk.org/blog/how-to-change-key-repeat-in-macosx/ http://okzk.org/blog/how-to-change-key-repeat-in-macosx/ tech 右コマンドキーを日本語入力ON/OFFのトグルにする <p>右コマンドキーを、日本語入力切り換えのトグルにしたかったので、Karabiner-Elementsで設定してみました。</p> <p>macOSをsierraにアップデートしたら、Karabinerが動かなくなりました。<a href="http://www.hammerspoon.org/">Hammerspoon</a>を試したり、<a href="https://ei-kana.appspot.com/">⌘英かな</a>を試したりしたのですが、最終的に、<a href="https://github.com/tekezo/Karabiner-Elements">Karabiner-Elements</a>に帰ってきました。</p> <p>右コマンドをかな、左コマンドを英数として使うのであれば、どれで行っても問題なさそうです。</p> <p>まずは、Karabiner-Elementsのインストール。<code class="highlighter-rouge">brew cask install karabiner-elements</code>でインストールしています。</p> <p>次に、システム環境設定 → キーボード → ショートカット → 入力ソース → 前の入力ソースを選択をF13などの使ってないキーに指定します。 キーボードに存在しないので押せないキーにしたほうがバッティングしなくてよさそうなので、F13にしています。</p> <p><img src="/assets/toggle-ime-right-command1.png" width="780" height="727" alt="toggle-ime-right-command1.png" /></p> <p>ただ、キーボードに存在しないのでキーコードを送出するためにソフトウェアキーボードを使います。</p> <p><img src="/assets/toggle-ime-right-command2.png" width="276" height="206" alt="toggle-ime-right-command2.png" /></p> <p>入力ソースのメニューから「キーボードビューアを表示」を選択して、ソフトウェアキーボードを表示します。</p> <p><img src="/assets/toggle-ime-right-command3.png" width="747" height="232" alt="toggle-ime-right-command3.png" /></p> <p>そして、前出の「前の入力ソースを選択」をダブルクリックしたあと、F13をクリックして設定します。</p> <p><img src="/assets/toggle-ime-right-command4.png" width="984" height="606" alt="toggle-ime-right-command4.png" /></p> <p>あとはKarabiner-Elementsの方で、右コマンドをF13に置き換えてれば完了。</p> <h2 id="おまけ">おまけ</h2> <p>hammerspoonで設定したバージョン。</p> <p>こちらは右コマンドキーを置き換えるのではなく、そのまま、コマンドキーを修飾キーとして押した状態になる。そのため、押したまま次の動作ができるが、意図しない挙動が発動する可能性があるので、あまりよくないかもしれない。</p> <p>CocoaAPIをよく理解しないとこのあたりの処理は難しい。</p> <div class="highlighter-rouge"><pre class="highlight"><code>local KEY_CMD_RIGHT = 54 local KEY_EISUU = 102 local KEY_KANA = 104 local function isInputSourceKana() return hs.keycodes.currentMethod() ~= nil end local function keyStroke(modifiers, character) hs.eventtap.keyStroke(modifiers, character, 5000) end local function toggleIME() if isInputSourceKana() then keyStroke({}, KEY_EISUU) else keyStroke({}, KEY_KANA) end end local tap = hs.eventtap.new({hs.eventtap.event.types.flagsChanged}, function(e) local c = e:getKeyCode() local f = e:getFlags() if f['cmd'] and c == KEY_CMD_RIGHT then toggleIME() end end) tap:start() </code></pre> </div> <h2 id="参考">参考</h2> <ul> <li><a href="https://pqrs.org/osx/karabiner/index.html.ja">Karabiner - OS X用のソフトウェア</a></li> <li><a href="https://www.lua.org/manual/5.3/manual.html#3.4.5">Lua 5.3 Reference Manual</a></li> <li><a href="http://www.hammerspoon.org/">Hammerspoon</a></li> <li><a href="http://qiita.com/waltari/items/44e319eeb645d1cedcff">Karabiner の Use KANA as KANA/EISUU (toggle) を hammerspoon で - Qiita</a></li> <li><a href="http://qiita.com/false-git@github/items/73a63537998e6ba3978a">HammerspoonでIMEのon/off切り替え - Qiita</a></li> </ul> Wed, 12 Jul 2017 15:41:00 +0900 http://okzk.org/blog/toggle-ime-by-right-command/ http://okzk.org/blog/toggle-ime-by-right-command/ tech puma-devでdirenvの使い方 <p><a href="https://github.com/puma/puma-dev">puma-dev</a>と<a href="https://github.com/direnv/direnv">direnv</a>を使っていたら、環境変数が読み込めてないので調べてみた。</p> <h2 id="背景">背景</h2> <p>puma-devを使って開発を行っていて、Twitter連携をしていたら、400 Bad Requestエラーが出た。どうやら環境変数で設定してあるAPIのキーが読み込めていない様子。</p> <p>direnvを使っていて、<code class="highlighter-rouge">rails s</code>で実行している時は動いているので、おかしいなぁと調べて、puma-devは以下の3種類の外部ファイル形式の環境変数の読み込みしか対応していなかったようだ。</p> <ul> <li>.env</li> <li>.powrc</li> <li>.powenv</li> </ul> <p>.envはdotenvで利用されるファイル、残りの二つはpowなどで利用できたファイルである。</p> <p>解決方法を調べてみると、同じような質問がpuma-devのissuesにあった。 direnvの方に<a href="https://direnv.net/#man/direnv-stdlib.1">dotenvのファイルを読む仕組み</a>があるのでそれを使えということらしい。</p> <div class="highlighter-rouge"><pre class="highlight"><code># .envrc dotenv </code></pre> </div> <div class="highlighter-rouge"><pre class="highlight"><code># .env export TWITTER_API_KEY=... export TWITTER_API_SECRET=... </code></pre> </div> <p>少しハマった点としては、<code class="highlighter-rouge">.env</code>は<strong>通常のdotenvの記述方法ではなくて</strong>、頭にexportを付けてbashとして実行する必要があった。</p> <h2 id="まとめ">まとめ</h2> <p>というわけで、direnvとpuma-devの併用は以下のようにすればOK。</p> <ul> <li><code class="highlighter-rouge">dotenv</code>と書いた<code class="highlighter-rouge">.envrc</code>ファイルを置く</li> <li><code class="highlighter-rouge">.env</code>ファイルに環境変数を書く</li> </ul> <h2 id="その他メモ">その他メモ</h2> <p><code class="highlighter-rouge">.gitignore</code>には、<code class="highlighter-rouge">.env</code>だけ書いておき、<code class="highlighter-rouge">.env.sample</code>にキーだけを書いたファイルをコミットする。<code class="highlighter-rouge">dotenv</code>と書かれた<code class="highlighter-rouge">.envrc</code>はコミットして良い。</p> Thu, 15 Jun 2017 11:27:00 +0900 http://okzk.org/blog/how-to-use-environments-in-puma-dev/ http://okzk.org/blog/how-to-use-environments-in-puma-dev/ tech Rubyの公式サポート状況 <p>Rubyは年一の定期的なバージョンアップのため、毎年のメンテナンス予算の確保が出来やすくありがたいです。仕事で必要になったので、Rubyの公式サポート状況をメモしておきます。(2017/09/14現在)</p> <p><img src="/assets/ruby-version.png" width="900" height="450" alt="ruby-version.png" /></p> <h2 id="rubyの公式サポート状況">Rubyの公式サポート状況</h2> <ul> <li>各バージョンの最終リリースからおよそ1年間がセキュリティメンテナンス期間</li> <li>ニュースリリースへのリンクがないものはおおよその日程</li> </ul> <table> <thead> <tr> <th style="text-align: left">バージョン</th> <th style="text-align: left">初回リリース日</th> <th style="text-align: left">最新リリース</th> <th style="text-align: left">最新リリース日</th> <th style="text-align: left">通常メンテナンス期間</th> <th style="text-align: left">セキュリティメンテナンス期間</th> </tr> </thead> <tbody> <tr> <td style="text-align: left">2.4</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2016/12/25/ruby-2-4-0-released/">2016/12/25</a></td> <td style="text-align: left">2.4.2</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2017/09/14/ruby-2-4-2-released/">2017/09/14</a></td> <td style="text-align: left">2019/03/31</td> <td style="text-align: left">2020/03/31</td> </tr> <tr> <td style="text-align: left">2.3</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2015/12/25/ruby-2-3-0-released/">2015/12/25</a></td> <td style="text-align: left">2.3.5</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2017/09/14/ruby-2-3-5-released/">2017/09/14</a></td> <td style="text-align: left">2018/03/31</td> <td style="text-align: left">2019/03/31</td> </tr> <tr> <td style="text-align: left">2.2</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2014/12/25/ruby-2-2-0-released/">2014/12/25</a></td> <td style="text-align: left">2.2.8</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2017/09/14/ruby-2-2-8-released/">2017/09/14</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2017/09/14/ruby-2-2-8-released/">2017/02/28</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2017/04/01/support-of-ruby-2-1-has-ended/">2018/03/31</a></td> </tr> <tr> <td style="text-align: left"><del>2.1</del></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2013/12/25/ruby-2-1-0-is-released/">2013/12/25</a></td> <td style="text-align: left">2.1.10</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2016/04/01/ruby-2-1-10-released/">2016/04/01</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2016/03/30/ruby-2-1-9-released/">2016/03/31</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2016/02/24/support-plan-of-ruby-2-0-0-and-2-1/">2017/03/31</a></td> </tr> <tr> <td style="text-align: left"><del>2.0</del></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2013/02/24/ruby-2-0-0-p0-is-released/">2013/02/24</a></td> <td style="text-align: left">2.0.0-p643</td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2015/02/25/ruby-2-0-0-p643-is-released/">2015/02/25</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2015/02/25/ruby-2-0-0-p643-is-released/">2015/02/25</a></td> <td style="text-align: left"><a href="https://www.ruby-lang.org/ja/news/2016/02/24/support-plan-of-ruby-2-0-0-and-2-1/">2016/02/24</a></td> </tr> </tbody> </table> <h2 id="参考">参考</h2> <ul> <li><a href="https://www.ruby-lang.org/ja/news/">最近のニュース</a></li> </ul> <hr /> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/Effective-Ruby-Peter-J-Jones-ebook/dp/B00SF6JN4K?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=B00SF6JN4K" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/5186AWFoSXL._SL160_.jpg" alt="Effective Ruby" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/Effective-Ruby-Peter-J-Jones-ebook/dp/B00SF6JN4K?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=B00SF6JN4K" target="_blank"> Effective Ruby </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> Peter J.Jones </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 翔泳社 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2015-01-08 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 14727 </div> </div> </div> Mon, 17 Apr 2017 16:39:00 +0900 http://okzk.org/blog/ruby-version/ http://okzk.org/blog/ruby-version/ tech Railsのログのカスタマイズ方法 <p>Railsのログは複数行あるので、どこからどこまでかリクエストに対するログなのか一瞬で分からない時があります。なのでApacheのログのように1行でまとめて表示するためのgemである<a href="https://github.com/roidrage/lograge “An attempt to tame Rails' default policy to log everything.”">lograge</a>をインストールしてログの出力を変更してみます。</p> <p><img src="/assets/better-rails-logging.png" width="900" height="450" alt="better-rails-logging.png" /></p> <h2 id="インストール">インストール</h2> <p>Gemfileに記述。</p> <div class="highlighter-rouge"><pre class="highlight"><code># Gemfile gem 'lograge' </code></pre> </div> <p>記録したい項目を追加したい場合は、AplicationControllerでappend_info_to_payload(payload)をオーバーライドして、payloadに項目を追加します。</p> <div class="highlighter-rouge"><pre class="highlight"><code># app/controllers/application_controller.rb class ApplicationController &lt; ActionController::Base def append_info_to_payload(payload) super payload[:host] = request.host payload[:ua] = request.user_agent end end </code></pre> </div> <p>記録するlogの設定をします。 アプリケーション全体で変更してもいいですし、プロダクション環境だけで変更してもいいと思います。 custom_optionsで記録する項目を追加できます。</p> <div class="highlighter-rouge"><pre class="highlight"><code># config/initializers/lograge.rb # OR # config/environments/production.rb Rails.application.configure do config.lograge.enabled = true config.lograge.custom_options = lambda do |event| { time: event.time, ua: event.payload[:ua], exception: event.payload[:exception], exception_object: event.payload[:exception_object] } end end </code></pre> </div> <h2 id="結果">結果</h2> <p>このログ表示が↓</p> <div class="highlighter-rouge"><pre class="highlight"><code>Started GET "/users" for 127.0.0.1 at 2017-04-14 14:21:02 +0900 Processing by UsersController#dashboard as HTML Rendering users/index.html.erb within layouts/application Rendered users/index.html.erb within layouts/application (592.0ms) Rendered layouts/_nav.html.erb (2.9ms) [cache miss] Rendered layouts/_messages.html.erb (0.5ms) [cache miss] Completed 200 OK in 2419ms (Views: 2355.1ms | ActiveRecord: 21.1ms) </code></pre> </div> <p>このような形になります↓</p> <div class="highlighter-rouge"><pre class="highlight"><code>method=GET path=/users format=html controller=UsersController action=index status=200 duration=213.15 view=206.34 db=1.76 time=2017-04-14 14:19:02 +0900 ua=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36 exception= exception_object= </code></pre> </div> <p>他にもログを色々整形したり、別のログ収集ツールに飛ばしたりも出来るので、色々便利そうです。</p> <hr /> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/Ruby-Rails-5%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B/dp/4774188832?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=4774188832" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/51vycwIasvL._SL160_.jpg" alt="Ruby on Rails 5アプリケーションプログラミング" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/Ruby-Rails-5%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B/dp/4774188832?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=4774188832" target="_blank"> Ruby on Rails 5アプリケーションプログラミング </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> 山田 祥寛 </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 技術評論社 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2017-04-14 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 1540 </div> </div> </div> Fri, 14 Apr 2017 16:14:00 +0900 http://okzk.org/blog/better-rails-logging/ http://okzk.org/blog/better-rails-logging/ tech ローカルの静的なWebサイトにhttpでアクセスして確認する方法 <p><a href=" /blog/how-to-replace-pow-to-puma-dev/">前回</a>、Rails環境はPuma-devに移行したたけど、ローカルにある静的なサイトを、開発環境で<code class="highlighter-rouge">http://static-site.dev</code>という形で確認したいなぁと思ったので、どうにかすることにした。割りとデザイナーさんとかでも便利かもしれないなーと思った。</p> <p><img src="/assets/how-to-puma-dev-with-static-site.png" width="900" height="450" alt="how-to-puma-dev-with-static-site.png" /></p> <p>とまぁ、原理を考えればやることは簡単で、Puma-devはPumaを使ったRackアプリケーションを<code class="highlighter-rouge">http://xxxx.dev</code>という形で表示するのでRackアプリケーションにしてしまえばいい。</p> <p>Railsを使ってもいいし、Rackだけを使うのもいいけど、今回はsinatraを使ったRackアプリケーションにする。</p> <h2 id="設定">設定</h2> <p>テンプレートを作ったのでそれをgitでcloneしてきて、bundle installして、Puma-devの設定をするだけ。</p> <div class="highlighter-rouge"><pre class="highlight"><code>$ git clone git@github.com:tokzk/static-web.git $ cd static-web $ bundle install $ puma-dev link -n example-web #オプション無しならディレクトリ名 $ open http://example-web.dev/ </code></pre> </div> <p>以上で、完了です。</p> <h3 id="herokuへデプロイ">Herokuへデプロイ</h3> <p>おまけとしてherokuへのデプロイ方法も書いておく。</p> <p>cloneしたディレクトリのGitを初期化する。</p> <div class="highlighter-rouge"><pre class="highlight"><code>$ rm -rf .git $ git init $ heroku create $ git add . $ git commit -m "Initial version” </code></pre> </div> <p>herokuへデプロイする。</p> <div class="highlighter-rouge"><pre class="highlight"><code>$ git push heroku master $ heroku open </code></pre> </div> <p>以降、更新はgit pushを行うだけ。</p> <div class="highlighter-rouge"><pre class="highlight"><code>$ git commit -m "Add top page" $ git push heroku master </code></pre> </div> <h2 id="リポジトリの解説">リポジトリの解説</h2> <p>中身は単なるsinatraアプリケーション。</p> <div class="highlighter-rouge"><pre class="highlight"><code># Gemfile # frozen_string_literal: true source 'https://rubygems.org' ruby '2.4.1' gem 'puma' gem 'sinatra' </code></pre> </div> <p>ファイルを分けるのが面倒なので、すべて<code class="highlighter-rouge">config.ru</code>に以下を記述。</p> <div class="highlighter-rouge"><pre class="highlight"><code># config.ru Bundler.require class App &lt; Sinatra::Application get '/' do send_file File.join(settings.public_folder, 'index.html') end end run App </code></pre> </div> <p>そして<code class="highlighter-rouge">public</code>フォルダに<code class="highlighter-rouge">index.html</code>を置けばOK</p> <h2 id="まとめ">まとめ</h2> <p>というわけで、Puma-devでRailsサイトも静的サイトも管理することが出来るようになった。今回の様に静的サイトもRackアプリケーションにするやり方で、herokuのようなPaaSでも静的サイトをデプロイすることが出来るので覚えておいて損はなさそう。</p> <hr /> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE-%E5%AE%9F%E8%B7%B5Heroku%E5%85%A5%E9%96%80-%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%BB%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E3%81%A8%E9%81%8B%E7%94%A8-%E6%9B%B8%E7%B1%8D-%E7%9B%B8%E6%BE%A4%E6%AD%A9/dp/4048915134?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=4048915134" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/519hwfy-LXL._SL160_.jpg" alt="プロフェッショナルのための 実践Heroku入門 プラットフォーム・クラウドを活用したアプリケーション開発と運用 (書籍)" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE-%E5%AE%9F%E8%B7%B5Heroku%E5%85%A5%E9%96%80-%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%BB%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E3%81%A8%E9%81%8B%E7%94%A8-%E6%9B%B8%E7%B1%8D-%E7%9B%B8%E6%BE%A4%E6%AD%A9/dp/4048915134?SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=4048915134" target="_blank"> プロフェッショナルのための 実践Heroku入門 プラットフォーム・クラウドを活用したアプリケーション開発と運用 (書籍) </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> 相澤歩 </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> KADOKAWA/アスキー・メディアワークス </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2014-09-19 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 196951 </div> </div> </div> Tue, 04 Apr 2017 12:00:00 +0900 http://okzk.org/blog/how-to-puma-dev-with-static-site/ http://okzk.org/blog/how-to-puma-dev-with-static-site/ tech Rails開発環境をPowからPuma-devへ切り換える <p>Railsの開発を複数行っている時、一々サーバ起動するのが面倒なので、Powを使用して、<code class="highlighter-rouge">http://rails-app.dev/</code>、 <code class="highlighter-rouge">http://rails-app2.dev/</code>のような形で、アクセス出来るようにしてある。すこしその環境に不満が出てきたので新たなツールへ置き換えてみることにする。</p> <p><img src="/assets/how-to-replace-pow-to-puma-dev.png" width="900" height="450" alt="how-to-replace-pow-to-puma-dev.png" /></p> <h2 id="背景">背景</h2> <p>Railsを5.1にあげたら、Powの操作に使用していた<a href="https://github.com/rodreegez/powder">powder</a>からwarningが出ていた。<a href="https://github.com/rodreegez/powder/pull/127">PullRequest</a>も出ているようだが、マージされる気配がないのでどうしようか悩んだ。 <a href="https://github.com/rdp/specific_install">specific_install</a>でPR版のpowderをインストールしようかと思ったが、そこまでするのもなぁと思い、Powの代替手段はないかなぁと探していたら、<a href="https://github.com/puma/puma-dev">Puma-dev</a>というのがあるではないか。</p> <p>というわけで、乗り換えてみることにした。</p> <h2 id="インストールと設定">インストールと設定</h2> <p>まずは、Powのアンインストール</p> <div class="highlighter-rouge"><pre class="highlight"><code>% curl get.pow.cx/uninstall.sh | sh </code></pre> </div> <p>そして、Puma-devのインストール</p> <div class="highlighter-rouge"><pre class="highlight"><code>% brew install puma/puma/puma-dev % sudo puma-dev -setup % puma-dev -install </code></pre> </div> <p><img src="/assets/how-to-replace-pow-to-puma-dev1.png" width="555" height="344" alt="how-to-replace-pow-to-puma-dev1.png" /></p> <p>途中、システム証明書信頼設定のダイアログがでる。 /etc/resolver というのが作成されている。</p> <p>Railsのディレクトリに移動して、<code class="highlighter-rouge">puma-dev link</code>を実行すればOK</p> <div class="highlighter-rouge"><pre class="highlight"><code>% cd ~/dev/rails-app % puma-dev link % open http://rails-app.dev/ </code></pre> </div> <p>上手く動かなかった場合などは、ログを確認する。<code class="highlighter-rouge">~/Library/Logs/puma-dev.log</code> がそのログになる。毎回打つのは面倒なのでaliasでも作っておく。.zshrcにでも入れておく。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% alias puma-log='tail -f ~/Library/Logs/puma-dev.log' </code></pre> </div> <p>試しに、開発環境に残っていたRails3.2の環境でもGemfileにpumaを追加したら動作した。</p> <div class="highlighter-rouge"><pre class="highlight"><code>group :development do gem 'puma' end </code></pre> </div> <hr /> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%83%97%E3%83%BC%E3%83%9E-PUMA-360724-02-BLACK-GLACIER-GRAY-WHITE/dp/B016WKJQVK?psc=1&amp;SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=B016WKJQVK" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41VTDquMbqL._SL160_.jpg" alt="[プーマ] PUMA スニーカー DISC SLEEVE IGNITE KNIT 360724-02(BLACK-GLACIER GRAY-WHITE/26.5)" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%83%97%E3%83%BC%E3%83%9E-PUMA-360724-02-BLACK-GLACIER-GRAY-WHITE/dp/B016WKJQVK?psc=1&amp;SubscriptionId=AKIAIA6EUIUADWW5UKBA&amp;tag=tokzk-22&amp;linkCode=xm2&amp;camp=2025&amp;creative=165953&amp;creativeASIN=B016WKJQVK" target="_blank"> [プーマ] PUMA スニーカー DISC SLEEVE IGNITE KNIT 360724-02(BLACK-GLACIER GRAY-WHITE/26.5) </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> PUMA(プーマ) </div> </div> </div> Mon, 03 Apr 2017 14:20:00 +0900 http://okzk.org/blog/how-to-replace-pow-to-puma-dev/ http://okzk.org/blog/how-to-replace-pow-to-puma-dev/ tech メレンゲを作る <p>今年は手作りで貰ったので、手作りで返すことにした。 お菓子作りは素人なので、最小限の食材で簡単に作れるもので、失敗しても自分で消費できるようなものとして、<strong>焼きメレンゲ</strong>を作ることにする。</p> <p><img src="/assets/how-to-make-meringues.jpg" width="900" height="450" alt="how-to-make-meringues.jpg" /></p> <h2 id="使用環境">使用環境</h2> <ul> <li>オーブンレンジ</li> <li>ボール</li> <li>泡立て器</li> <li>クッキングシート</li> <li>キッチンポリ袋</li> <li>空のペットボトル</li> <li>ヘラ</li> <li>サランラップ(オプション)</li> </ul> <h2 id="使用材料">使用材料</h2> <ul> <li>卵1個</li> <li>キビ砂糖75グラム</li> <li>めんつゆ(オプション)</li> </ul> <h2 id="調理作業">調理作業</h2> <p>焼きメレンゲを作る過程を記録する。</p> <h3 id="砂糖を軽量する">砂糖を軽量する</h3> <p>キッチンスケールに皿を載せ、皿が乗った状態で0になるようにする。 皿の上に砂糖をいれ、75gを計量する。</p> <h3 id="卵を卵黄と卵白に分ける">卵を卵黄と卵白に分ける</h3> <p>今回使用するのは卵白だけなので、卵黄と卵白に分ける。 卵を割ってボールに入れる。 空のペットボトルをよく洗い、少し潰してから卵黄にくっつけてペットボトルを元に戻すとスッと卵黄だけがペットボトルの中に入る。 分けた卵黄は、小皿に移してめんつゆに漬けて、ラップをして冷蔵庫で冷やしておく。3日後ぐらいにご飯に乗せて食べる。</p> <h3 id="卵白を泡立てる">卵白を泡立てる</h3> <p>ボールの卵白を泡立て器で泡立てる。 泡立ってきたら、砂糖を10グラムぐらい入れる。 再度泡立ててを繰り返す。入れる砂糖は少しずつ量を増やす。 最終的にボールを横向きにしてもこぼれなくなるぐらいなったら終える。</p> <h3 id="ポリ袋に入れる">ポリ袋に入れる
</h3> <p>ボールからヘラを使ってポリ袋に移す。 空気の抜きつつ、よく振りながら下に落としていく。</p> <h3 id="シートを用意する">シートを用意する</h3> <p>オーブンレンジの皿の上にキッチンシートを敷き、ポリ袋の端を切ってシートの上に絞り出していく。切る箇所を小さくするとクリームが細く出てしまい、巻いた感じになってしまう。これはどうにも形が悪いので少し大きめに切ってシートに押し付けるように出すようにする。</p> <h3 id="乾燥させる">乾燥させる</h3> <p>シートに出し切ったら、レンジで乾燥させる。焼くのではなく乾燥させるので、温めておくとか言う作業はしない。オーブンモードにして、110度で60分に設定する。あとは待つだけ。</p> <h3 id="保存する">保存する</h3> <p>取り出して、食べてみる。サクサクしてる。まだ粘り気があったり、焦げたりしてない。</p> <h2 id="結果">結果</h2> <h3 id="keep">Keep</h3> <ul> <li>卵の量は1つじゃ足りないかと思ったがちょうどよかった。</li> <li>時間もちょうどよかった。</li> </ul> <h3 id="problem">Problem</h3> <ul> <li>すこし甘さが強かった。</li> <li>色が砂糖の色になっている。</li> <li>泡立てるのが大変。</li> </ul> <h3 id="try">Try</h3> <ul> <li>砂糖の量減らす。</li> <li>電動泡立て器が欲しい。</li> <li>ナッツ系を入れて味変をしてみる。</li> </ul> <h2 id="感想">感想</h2> <p>思った以上に簡単だった。 砂糖は結構使うので、虫歯には気をつける。 妻には好評だったのでよかった。 「殆どが空気だからカロリーはゼロ」などと恐ろしいことを言っている。</p> <h2 id="参考">参考</h2> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%83%91%E3%83%8A%E3%82%BD%E3%83%8B%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%BC%E3%83%96%E3%83%B3%E3%83%AC%E3%83%B3%E3%82%B8-%E3%82%A8%E3%83%AC%E3%83%83%E3%82%AF-%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF-NE-MS263-K/dp/B01I1092T0%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB01I1092T0" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/413JvwTb-YL._SL160_.jpg" alt="パナソニック オーブンレンジ エレック 26L ブラック NE-MS263-K" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%83%91%E3%83%8A%E3%82%BD%E3%83%8B%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%BC%E3%83%96%E3%83%B3%E3%83%AC%E3%83%B3%E3%82%B8-%E3%82%A8%E3%83%AC%E3%83%83%E3%82%AF-%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF-NE-MS263-K/dp/B01I1092T0%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB01I1092T0" target="_blank"> パナソニック オーブンレンジ エレック 26L ブラック NE-MS263-K </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> パナソニック(Panasonic) </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 549 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ◆家族やシーンに合わせて1~4人分が選べる「自動メニュー人数設定」◆食べたい時にすぐ作れる「煮物10分」メニュー◆お料理に便利な「キッチンタイマーボタン」◆庫内容量:26L◆レンジ出力:1000W/800~150W相当 / </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/iwaki-%E3%83%99%E3%83%BC%E3%82%B7%E3%83%83%E3%82%AF%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-2-5L-%E5%A4%96%E5%BE%8425cm-KBC325/dp/B000UDNFMW%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB000UDNFMW" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/31CM5n5ssPL._SL160_.jpg" alt="iwaki ベーシックシリーズ ボウル 2.5L 外径25cm KBC325" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/iwaki-%E3%83%99%E3%83%BC%E3%82%B7%E3%83%83%E3%82%AF%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-2-5L-%E5%A4%96%E5%BE%8425cm-KBC325/dp/B000UDNFMW%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB000UDNFMW" target="_blank"> iwaki ベーシックシリーズ ボウル 2.5L 外径25cm KBC325 </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> iwaki </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 132 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> &lt;b&gt;[商品スペック]&lt;/b&gt; ●サイズ : 25×10.2cm ●重量 : 1000g ●素材 : 耐熱ガラス ●原産国 : タイ・中国 &lt;b&gt;[商品詳細]&lt;/b&gt; シンプルで使いやすい耐熱ガラスだから安心、清潔。 キッチンの必須アイテム。 シンプルだから使いやすい。 電子レンジ、オーブン使用可能。 </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%83%89%E3%83%AA%E3%83%86%E3%83%83%E3%82%AF-%E3%83%8F%E3%83%B3%E3%83%89%E3%83%9F%E3%82%AD%E3%82%B5%E3%83%BC-%E3%82%B9%E3%83%94%E3%83%BC%E3%83%895%E6%AE%B5%E9%9A%8E%E5%88%87%E6%9B%BF-%E9%9B%BB%E6%BA%90%E3%82%B3%E3%83%BC%E3%83%89%E3%80%81%E3%83%93%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%8C%E5%8F%8E%E7%B4%8D%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B1%E3%83%BC%E3%82%B9%E4%BB%98%E3%81%8D-HM-703WT/dp/B00HPJLOY0%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB00HPJLOY0" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41OsixxAX-L._SL160_.jpg" alt="ドリテック ハンドミキサー スピード5段階切替 / 電源コード、ビーターが収納できるケース付き ホワイト HM-703WT" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%83%89%E3%83%AA%E3%83%86%E3%83%83%E3%82%AF-%E3%83%8F%E3%83%B3%E3%83%89%E3%83%9F%E3%82%AD%E3%82%B5%E3%83%BC-%E3%82%B9%E3%83%94%E3%83%BC%E3%83%895%E6%AE%B5%E9%9A%8E%E5%88%87%E6%9B%BF-%E9%9B%BB%E6%BA%90%E3%82%B3%E3%83%BC%E3%83%89%E3%80%81%E3%83%93%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%8C%E5%8F%8E%E7%B4%8D%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B1%E3%83%BC%E3%82%B9%E4%BB%98%E3%81%8D-HM-703WT/dp/B00HPJLOY0%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB00HPJLOY0" target="_blank"> ドリテック ハンドミキサー スピード5段階切替 / 電源コード、ビーターが収納できるケース付き ホワイト HM-703WT </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> ドリテック(dretec) </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 27 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ◆ドリテック従来機種よりも、きめ細やかに仕上がる新しいワイヤービーター。◆電源コード、ビーターが収納できるケース付き。◆ワンタッチでビーターを簡単に取り外しできます。◆ビーターを付けたまま立てられます。◆スピード5段階切替。 / ■ 仕 様 ■カラー:ホワイト 本体サイズ(約):幅18.0×奥行8.8×高さ12.8cm 重量:約0.74kg 消費電力:約65W 定格時間:10分 コード長:約1.7m 付属品:収納ケース / </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A1%E3%83%9F%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%BC%E3%83%96%E3%83%B3%E3%83%9A%E3%83%BC%E3%83%91%E3%83%BC-30cm%C3%9750m/dp/B0012KL3JY%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB0012KL3JY" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41GuRE0Yc9L._SL160_.jpg" alt="アルファミック オーブンペーパー 30cm×50m" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A1%E3%83%9F%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%BC%E3%83%96%E3%83%B3%E3%83%9A%E3%83%BC%E3%83%91%E3%83%BC-30cm%C3%9750m/dp/B0012KL3JY%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB0012KL3JY" target="_blank"> アルファミック オーブンペーパー 30cm×50m </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> アルファミック </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 875 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ●【商品説明】●「オーブンペーパー 30cm×50m」は、耐熱250度の丈夫なオーブンペーパーです。●オーブンに、電子レンジに、蒸し器にと幅広きお使いいただけます。●こんがり焼けて、サラッとはがれるシリコーン樹脂コートのため、形よく仕上げたいパンやお料理に便利です。●ペーパーの色:白。●【使用上の注意】●両面どちらでもご利用できます。●直火ではご使用できません。●熱源にふれないようにご注意ください。●熱のため黒くなることがありますが、食品には影響ありませんので安心してお使いください。●【材質】●シリコン樹脂加工耐油紙●【原産国】●日本●【お問い合わせ先】●アルファミック株式会社:03-3642-1121●まとめ買いの場合、システムの仕様で個数分の送料が加算される場合がありますが、送料は1配送先につき1個分の金額となります。●システムの仕様で配達日を指定出来る場合がありますが、配達日の指定は出来ませんのでご了承ください。尚、時間指定は出来ます。●ご注文確定後のキャンセルならびに、お届けしました商品のお客様都合による「返品 交換」は行っておりません。 </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%AB%E9%87%91%E5%B1%9E-EE%E3%82%B9%E3%82%A4%E3%83%BC%E3%83%84-%E3%83%9D%E3%83%AA%E7%B5%9E%E3%82%8A%E8%A2%8B-6%E6%9E%9A%E5%85%A5-D-4681/dp/B0057SCM06%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB0057SCM06" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/31Td-RITkDL._SL160_.jpg" alt="パール金属 EEスイーツ ポリ絞り袋 M 6枚入 D-4681" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%AB%E9%87%91%E5%B1%9E-EE%E3%82%B9%E3%82%A4%E3%83%BC%E3%83%84-%E3%83%9D%E3%83%AA%E7%B5%9E%E3%82%8A%E8%A2%8B-6%E6%9E%9A%E5%85%A5-D-4681/dp/B0057SCM06%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB0057SCM06" target="_blank"> パール金属 EEスイーツ ポリ絞り袋 M 6枚入 D-4681 </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> パール金属 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 328869 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ●手軽に使える使い捨てタイプ ●袋の先端部を口金の半分くらいが出ることを目安に切ってお使いください </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E8%B2%9D%E5%8D%B0-KAI-DL-6290-%E7%94%9F%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%A0%E3%82%84%E7%94%9F%E5%9C%B0%E3%82%92%E6%AE%8B%E3%81%95%E3%81%9A%E3%82%AD%E3%83%AC%E3%82%A4%E3%81%AB%E3%81%99%E3%81%8F%E3%81%88%E3%82%8B-%E3%82%B1%E3%83%BC%E3%82%AD%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%8A%E3%83%BC/dp/B019BWK2XW%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB019BWK2XW" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/31fm7k1GYjL._SL160_.jpg" alt="貝印 生クリームや生地を残さずキレイにすくえる ケーキクリーナー DL-6290" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E8%B2%9D%E5%8D%B0-KAI-DL-6290-%E7%94%9F%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%A0%E3%82%84%E7%94%9F%E5%9C%B0%E3%82%92%E6%AE%8B%E3%81%95%E3%81%9A%E3%82%AD%E3%83%AC%E3%82%A4%E3%81%AB%E3%81%99%E3%81%8F%E3%81%88%E3%82%8B-%E3%82%B1%E3%83%BC%E3%82%AD%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%8A%E3%83%BC/dp/B019BWK2XW%3Fpsc%3D1%26SubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB019BWK2XW" target="_blank"> 貝印 生クリームや生地を残さずキレイにすくえる ケーキクリーナー DL-6290 </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 貝印 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 14365 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ●生地合わせやクリームを残さずすくえる●生クリームや生地をのこさずキレイにすくえるスクレーパー。●クリーナー部は柔軟な抗菌剤入りの樹脂。●食器洗い乾燥機対応。●本体サイズ(約):縦250×横55×厚さ8mm●材質:先部/飽和ポリエステル樹脂(耐熱温度120度) 柄部/ポリプロピレン(耐熱温度110度)●日本製 </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E3%80%90%E6%A5%AD%E5%8B%99%E7%94%A8%E3%80%91-18-0-%E9%BB%84%E8%BA%AB-%E5%8F%96%E3%82%8A-C-9613/dp/B003BVJQPK%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB003BVJQPK" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41aLlgPeO7L._SL160_.jpg" alt="【業務用】 18-0 黄身 取り 器 C-9613" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E3%80%90%E6%A5%AD%E5%8B%99%E7%94%A8%E3%80%91-18-0-%E9%BB%84%E8%BA%AB-%E5%8F%96%E3%82%8A-C-9613/dp/B003BVJQPK%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3DB003BVJQPK" target="_blank"> 【業務用】 18-0 黄身 取り 器 C-9613 </a> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> パール金属 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 7318 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> ●卵の黄身と白身を簡単に分けられる ●耐久性に優れたオールステンレス製 </div> </div> </div> Mon, 13 Mar 2017 19:06:00 +0900 http://okzk.org/blog/how-to-make-meringues/ http://okzk.org/blog/how-to-make-meringues/ diary モダンなDocker環境の学び方 <p>チュートリアルを終わらせたところで放置していたDocker。もっとしっかりやらないとなーと思っていたので、久々に触ってみることにした。しかし、バージョンも随分上がっていて、色々変わっていたので、初めから勉強し直すことにした。</p> <p><img src="/assets/how-to-learn-modern-docker.jpg" width="900" height="450" alt="how-to-learn-modern-docker.jpg" /></p> <p>とりあえず、Macだけで考えることにするが、インストール以外は対して変わらないと思うので適宜置き換えてほしい。</p> <h2 id="dockerをインストールする">Dockerをインストールする。</h2> <p>まずは、<a href="https://www.docker.com/">公式サイト</a>を確認する。すべての基本。検索エンジンから飛んだ場合に古いドキュメントなどに行くことがあるので、トップページから辿ったほうがいい。</p> <p>アプリケーションのインストールには、<strong>Docker for Mac</strong>というパッケージを使うのが薦められているようだ。OSがYosemiteより古ければ別のを使えと書いてあるが、問題ないようなのでDocker for Macを使うことにする。Docker Toolboxとかがあったようだけど、もう忘れよう。</p> <p>自分は面倒なので、Homebrew経由でインストールすることにした。(これはこれで別途バージョンが最新かどうか等調べた)</p> <div class="highlighter-rouge"><pre class="highlight"><code>% brew cask install docker </code></pre> </div> <h2 id="dockerってなんだ">dockerってなんだ</h2> <p>なにぶん、技術的な定義の文章はそれが全てであるというぐらい重要なのに、格段に目が滑りやすい(個人的なことかもしれないが)なので、じっくり読むことにする。</p> <p><a href="https://www.docker.com/what-docker">What is Docker?</a></p> <p>まずは<strong>Docker Engine</strong>について学んでいこう。<strong>Docker Engine</strong>は、Dockerが提供するもの(Dockerオブジェクト)を管理するサーバーと、それを操作するREST API、と管理クライアントのdocker CLIで構成されているクライアント・サーバー型のアプリケーションだということだ。</p> <p>これは、dockerのversionを確認してみると分かる。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker version </code></pre> </div> <p>バージョン番号が表示されるが、Client: Server:と二種類それぞれの番号が表示されるのだ。</p> <p>2017年2月現在。Docker のバージョンは1.13.1。 ブログを見てみると最近、大きく変更のあるバージョンアップをしたらしい。</p> <ul> <li><a href="https://blog.docker.com/2017/01/whats-new-in-docker-1-13/">Introducing Docker 1.13 - Docker Blog</a></li> </ul> <p>docker CLIが扱うコマンドの数が増えたので、どうやら1.13で再構成するようになり、コンテナ操作とイメージ操作は以下のように階層化されたようだ(以前のままでも動く)</p> <ul> <li><code class="highlighter-rouge">docker container COMMAND</code> # Dockerコンテナを操作</li> <li><code class="highlighter-rouge">docker image COMMAND</code> # Dockerイメージを操作</li> </ul> <p>他にも、<code class="highlighter-rouge">docker system</code>やら<code class="highlighter-rouge">docker network</code>など様々な管理コマンドがある。<strong>とりあえずは、このcontainerとimageの2種類を覚えておくことにする。</strong></p> <p>過去との互換性を維持しているので同じ動作が色んなコマンドで動くようになっているため、結構混乱する。</p> <p>コンテナの一覧を確認するコマンド一つをとっても</p> <ul> <li><code class="highlighter-rouge">docker ps</code></li> <li><code class="highlighter-rouge">docker container ps</code></li> <li><code class="highlighter-rouge">docker container ls</code></li> </ul> <p>等があるが、エイリアス(別名)なだけで同じコマンドのようだ。 新しく追加された形式で覚えていくことにする(これが推奨だろう) 詳しくは<code class="highlighter-rouge">docker help</code>を実行して見よう。</p> <h2 id="実践">実践</h2> <p>まずは、以下のコマンドを実行してみよう。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container run -d -p 8888:80 --name webserver nginx Unable to find image 'nginx:latest' locally latest: Pulling from library/nginx 5040bd298390: Pull complete 31123d939af1: Pull complete 23f1bdd267a9: Pull complete Digest: sha256:4296639ebdf92f035abf95fee1330449e65990223c899838283c9844b1aaac4c Status: Downloaded newer image for nginx:latest 29ed6e9125cc037119b810816075120e30f2370514e1e26a826a59e6022a3071 </code></pre> </div> <p>これは、</p> <ul> <li>元になるイメージとしてnginxという名称のものをダウンロード</li> <li>生成するコンテナはwebserverと命名</li> <li>コンテナのポート番号80番をホストOSの8000番にマッピング</li> <li>detachモード(コンテナをバックグラウンド)</li> <li>コンテナを生成して起動</li> </ul> <p>という意味のようだ。</p> <p>webserver を webserver2 とでもしたらnginxイメージを元に別のコンテナを立ち上げることができるだろう。</p> <p>立ち上がってるコンテナを確認するには以下</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container ls CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 29ed6e9125cc nginx "nginx -g 'daemon ..." 50 seconds ago Up 49 seconds 443/tcp, 0.0.0.0:8888-&gt;80/tcp webserver </code></pre> </div> <p>さらに起動しているかどうか試してみる。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% open http://localhost:8888 </code></pre> </div> <p>問題なく起動しているようだ。</p> <p><img src="/assets/how-to-learn-modern-docker-1.png" width="606" height="336" alt="how-to-learn-modern-docker-1.png" /></p> <p>コンテナを終了する場合は、以下を実行</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker stop webserver webserver </code></pre> </div> <p>もう一度確認してみよう。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container ls CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES </code></pre> </div> <p>無事停止しているようだ。 停止してるコンテナも含めて確認するのは以下で出来る。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container ls -a CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 82b61d3bdc6c nginx "nginx -g 'daemon ..." 17 seconds ago Exited (0) 5 seconds ago webserver </code></pre> </div> <p><code class="highlighter-rouge">-a</code> はallの略だ。<code class="highlighter-rouge">docker ps --help</code>で確認できる。 このコンテナは停止をしているだけなので、以下で再度起動できる。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container start webserver webserver </code></pre> </div> <p>では、実際もう使わなくなって削除したい場合はどうするか?<br /> まずは、コンテナの動作を停止する。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container stop webserver webserver </code></pre> </div> <p>その後、コンテナを削除する</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container rm webserver webserver </code></pre> </div> <p>さて、再度確認してみよう。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container ls -a CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES </code></pre> </div> <p>見事になくなっている。</p> <p>しかし、これはコンテナを削除しただけなので、元になるイメージは存在している。なので、改めてコンテナを作っても今度は、イメージのダウンロードを飛ばして瞬時にコンテナを作成できる。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container run -d -p 8888:80 --name webserver2 nginx cf82067ae97bd95b59cbc516a3f9d94843ed85cb0f5365408d8f57c149445211 % docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES cf82067ae97b nginx "nginx -g 'daemon ..." 15 seconds ago Up 14 seconds 443/tcp, 0.0.0.0:8888-&gt;80/tcp webserver2 </code></pre> </div> <p>それではイメージを削除してみよう。<br /> まずはコンテナの削除から。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker container rm -f webserver2 webserver2 </code></pre> </div> <p><code class="highlighter-rouge">-f</code>は起動しているコンテナも強制的に削除する。forceの略だ。これも<code class="highlighter-rouge">docker rm --help</code>で確認できる。</p> <p>次にイメージ一覧を表示してみよう。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker image ls REPOSITORY TAG IMAGE ID CREATED SIZE nginx latest db079554b4d2 11 days ago 182 MB </code></pre> </div> <p>イメージの削除は以下のようにして行う。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker image rm nginx Untagged: nginx:latest Untagged: nginx@sha256:4296639ebdf92f035abf95fee1330449e65990223c899838283c9844b1aaac4c Deleted: sha256:db079554b4d2f7c65c4df3adae88cb72d051c8c3b8613eb44e86f60c945b1ca7 Deleted: sha256:df27efc40487633097ad83e255b23f053ce4878157edb4ca574cde556a82033f Deleted: sha256:d7b15d95395e412bafd0edd29bf60d53e34d32f087b8bf28f5659b023b922feb Deleted: sha256:a2ae92ffcd29f7ededa0320f4a4fd709a723beae9a4e681696874932db7aee2c </code></pre> </div> <p>削除されているか確認しよう。</p> <div class="highlighter-rouge"><pre class="highlight"><code>% docker image ls REPOSITORY TAG IMAGE ID CREATED SIZE </code></pre> </div> <p>見事に削除されている。<br /> これでdockerの基本的な仕組みと動作は理解できた。 あとは細かいコマンドに関しては<code class="highlighter-rouge">--help</code>を使用すればいいだろう。</p> <h2 id="結論">結論</h2> <p>このブログをいずれ古くなるので、すべては公式を確認しよう(という元も子もない結論)</p> <p>今度は、docker-compose コマンドなどで複数のコンテナを使った開発環境の構築などをやっていきたい。</p> Wed, 01 Mar 2017 17:14:00 +0900 http://okzk.org/blog/how-to-learn-modern-docker/ http://okzk.org/blog/how-to-learn-modern-docker/ tech 自分の小さな「箱」から脱出する方法 <p>自分の周りにある透明の箱が、徐々に色づき、自分を覆うように形をなしていったのが感じられた。ここ数年、ずっと存在を感じていたものはこれだったのかと。そんなことを教えてくれる本に出会ったのだ。この本にはもっと早く出会いたかった。それでもこの本に出会えてよかったと思う。</p> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E8%87%AA%E5%88%86%E3%81%AE%E5%B0%8F%E3%81%95%E3%81%AA%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%8B%E3%82%89%E8%84%B1%E5%87%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/4479791779%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4479791779" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41odNFVEpHL._SL160_.jpg" alt="自分の小さな「箱」から脱出する方法" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E8%87%AA%E5%88%86%E3%81%AE%E5%B0%8F%E3%81%95%E3%81%AA%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%8B%E3%82%89%E8%84%B1%E5%87%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/4479791779%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4479791779" target="_blank"> 自分の小さな「箱」から脱出する方法 </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> アービンジャー インスティチュート </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 大和書房 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2006-10-19 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 599 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> 書き込み、折れ等は一切なし。 本の帯は付いていません。 </div> </div> </div> <p>最近、電車に乗らない生活をしているとあまりにも本を読まなくなった気がしていた。そんな時は、<a href="http://dain.cocolog-nifty.com/">わたしが知らないスゴ本は、きっとあなたが読んでいる</a>を眺めてみることにしている。イベントにも何度か参加したが、そのたびに読みたい本がどんどん増えていく。</p> <p>そんななか、<a href="http://dain.cocolog-nifty.com/myblog/2006/10/post_2312.html">箱: わたしが知らないスゴ本は、きっとあなたが読んでいる</a>の書評に読んだ。コレは中々面白そう。自己啓発本は振り回されがちがなので、なるべく距離をおいてるのだが、買って読んでみた。</p> <p>夢中で読んだ。結局続編に当たるものも続けて読んだ。</p> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/2%E6%97%A5%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%8C%E5%A4%89%E3%82%8F%E3%82%8B%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%AE%E6%B3%95%E5%89%87-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/439665040X%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D439665040X" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/51kyyP7RwsL._SL160_.jpg" alt="2日で人生が変わる「箱」の法則" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/2%E6%97%A5%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%8C%E5%A4%89%E3%82%8F%E3%82%8B%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%AE%E6%B3%95%E5%89%87-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/439665040X%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D439665040X" target="_blank"> 2日で人生が変わる「箱」の法則 </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> アービンジャー・インスティチュート </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 祥伝社 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2007-09-06 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 13455 </div> </div> </div> <p>まるで、自分のことが書いてあるようだった。自分でも問題だと思っていた。でもこれは性格なのだからしょうがないかも、なんとかする方法はないのかも、と思いかけていた。しかし、この本を読んだことで希望が見えた。みんなそうだったのか、みんな自分と同じだったのか。そう気づいた。気付かされた。</p> <p>自分が、この本で言う『箱』に入ったのは、多分5、6年ほど前のことだろう。会社が傾き、出向から帰ってきたら、今まで全てを取り仕切っていた上司が会社をやめ、プロジェクトを任されるようになっていた。気心がしれたチームでやる仕事は特に問題もなく、新しい試みを試しながらすすめられた。</p> <p>しかし以前の形を変えたくない人たちとの仕事は苦痛を伴った。昔のままで会社の業績が悪化したのだから変化をしないといけない。それが分かっていてもやり方を変えない人たち。そういう人たちを変えたいという思いが空回りしてぶつかり合う。</p> <p>結局、気心がしれたチームのメンバーが独立した時点で心が折れ、会社を辞めた。 今度会う人々ともそうなるのではないかという恐怖のもとに生きている気がしていた。</p> <p>この本で、自分の状態を明らかにしてくれた。これが気づきというやつなのか。端から見たら相当胡散臭いことを言っている自覚はある。それでもそう言わざる負えないスゴ本だ。 これを直接人に薦められていたらどうだったろうか、これを面白そうだと思わせてくれて、手にとらせてくれたDainさんに感謝したい。</p> <p>それと、これを読んだあと、他の小説などを読むと、人の心の機微が少し違って見えるようになった。たとえば、レイモンド・カーヴァー傑作選に含まれる、『ささやかだけれど、役に立つこと』を改めて読んだ。</p> <p>これは、恩師が大学を退官するときに、最後の講演話していた中にあったもので、話を聞いた後に読んだのだった。その時は、切ない話でとてもうまい文章だなぁという印象だったが、今だと、色々なつながりが見えてき、おそらく先生が言いたかったことなどが浮かび上がってきた。</p> <p>これは何度も読む必要がある本だろう。実際にこういう考えで物事を見れるかどうかには訓練が必要な気がする。</p> <h2 id="参考">参考</h2> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/%E8%87%AA%E5%88%86%E3%81%AE%E5%B0%8F%E3%81%95%E3%81%AA%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%8B%E3%82%89%E8%84%B1%E5%87%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/4479791779%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4479791779" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/41odNFVEpHL._SL160_.jpg" alt="自分の小さな「箱」から脱出する方法" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/%E8%87%AA%E5%88%86%E3%81%AE%E5%B0%8F%E3%81%95%E3%81%AA%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%8B%E3%82%89%E8%84%B1%E5%87%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/4479791779%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4479791779" target="_blank"> 自分の小さな「箱」から脱出する方法 </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> アービンジャー インスティチュート </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 大和書房 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2006-10-19 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 599 </div> <div class="jk-amazon-info-description"> <span class="jk-amazon-info-label"> 概要: </span> 書き込み、折れ等は一切なし。 本の帯は付いていません。 </div> </div> </div> <div class="jk-amazon-item"> <a class="jk-amazon-image" href="https://www.amazon.co.jp/2%E6%97%A5%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%8C%E5%A4%89%E3%82%8F%E3%82%8B%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%AE%E6%B3%95%E5%89%87-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/439665040X%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D439665040X" target="_blank"> <img src="https://images-fe.ssl-images-amazon.com/images/I/51kyyP7RwsL._SL160_.jpg" alt="2日で人生が変わる「箱」の法則" /> </a> <div class="jk-amazon-info"> <a class="jk-amazon-info-title" href="https://www.amazon.co.jp/2%E6%97%A5%E3%81%A7%E4%BA%BA%E7%94%9F%E3%81%8C%E5%A4%89%E3%82%8F%E3%82%8B%E3%80%8C%E7%AE%B1%E3%80%8D%E3%81%AE%E6%B3%95%E5%89%87-%E3%82%A2%E3%83%BC%E3%83%93%E3%83%B3%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%86%E3%82%A3%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88/dp/439665040X%3FSubscriptionId%3DAKIAIA6EUIUADWW5UKBA%26tag%3Dtokzk-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D439665040X" target="_blank"> 2日で人生が変わる「箱」の法則 </a> <div class="jk-amazon-info-author"> <span class="jk-amazon-info-label"> 作者: </span> アービンジャー・インスティチュート </div> <div class="jk-amazon-info-publisher"> <span class="jk-amazon-info-label"> 出版社/メーカー: </span> 祥伝社 </div> <div class="jk-amazon-info-date"> <span class="jk-amazon-info-label"> 発売日: </span> 2007-09-06 </div> <div class="jk-amazon-info-salesrank"> <span class="jk-amazon-info-label"> 売上順位: </span> 13455 </div> </div> </div> Sun, 01 Jan 2017 12:00:00 +0900 http://okzk.org/blog/getting-out-of-the-box/ http://okzk.org/blog/getting-out-of-the-box/ diary