Nuxt.js 公式ドキュメント翻訳完了のお知らせと、結城浩さんへの謝辞 - おいちゃんと呼ばれています
Nuxt.js はユニバーサルな Vue.js アプリケーションを構築するためのフレームワークで、その公式ドキュメントの翻訳をはじめたのは 前回お伝えした とおり。 そして翻訳が完了し、昨日、日本語バージョンが公開されたのでアナウンス。 ja.nuxtjs.org Nuxt.js というレール 先日行われた Vue.js Tokyo v-meetup="#3" でも発表したんだけど、Nuxt.js は「レール」を用意してくれている。 これに乗れば、サーバーサイドレンダリングだけでなく、Vue-Router、Vuex、Vue-Meta など Vue.js 関連ライブラリとの統合を Nuxt.js がまとめて面倒みてくれる。したがって（本来やりたかったはずである）Vue コンポーネントの開発に集中することができる。 「レール」という言葉を使ったのは、かつて Rails にはじめて触れたときの感
ウェブの UI デザイン・ビジュアルデザインの基礎を学ぶのに役立った本まとめ（2015年・冬） - おいちゃんと呼ばれています
プライベートで新しいサイトを作りたいと思い、ここ最近はデザインに関する本を集中して読んでいた。何冊か是非薦めたいものが見つかったので紹介する。年末年始のお休みのお供にどうだろうか。 今回紹介する本の範囲 デザインといっても範囲が広いが、今回紹介するのは主に UI デザイン、ビジュアルデザインに関するもの。また主にウェブサイトのデザインに関するもの。 なお今回できるだけ新しい本を挙げるようにした。ほとんど今年（2015年）発売されたものばかり。理論的なところはずっと前から変わっていないのかもしれないが、何せウェブデザインの流れがはやいので、説明がしっかりされていることに加えて、取り上げられているサンプルが新しいものか否かが読むときのテンションに大きく影響すると感じたため。 伝えたいことを整理しよう 今回、紹介する本の順番について悩んだが、最初の本だけは迷わなかった。 なるほどデザイン〈目で見
マテリアルデザインのカラーパレットを使いたいなら material-colors が便利 - おいちゃんと呼ばれています
週末の自由工作でマテリアルデザインのカラーパレットを使いたいんだけど、さすがにこれを自分で CSS ファイルに書くのはダルイなぁと。 Color - Style - Google design guidelines material-colors だけど、同じことは他にも考えている人がいるはずで、誰かがつくってくれてるんじゃない？と思ったら、あった。（ありがとうございます） shuhei/material-colors 使い方 CSS, Sass, SCSS, Less, Stylus, JSON, JavaScript 等いろんな言語から使えるようになっている。例えば SCSS からは $md-red-100 とか定義された変数を使う感じ。 中身は dist 配下を見れば分かる。 https://github.com/shuhei/material-colors/tree/master/
プライベートで 689日連続でコードを書いた（ことの振り返り） - おいちゃんと呼ばれています
プライベートで 689日連続でコードを書いた。 あるとき毎日コードを書いてみようと思い立ち、それを 1年間続けたならば、何か大変なもの（力・成果）を手にしているのではないかと、はじめる前には予想していた。 しかし、いざやってみて、もちろん得るものもあったが、改善すべきことのほうが多い気がする。ので、ここで振り返って書き留めておこうと思った。 GitHub の Current streak もともと「継続は力なり」という言葉への憧れがあったと思う。ただ、継続は力、のような気がするが、子どもの頃から、皆勤賞とか何かをコツコツやる、みたいなものとは縁遠い日々を送っていたので、なんというか、そこに引け目みたいなものを感じていた。 そこへ（細かい話は割愛するけれど）「とりあえず 1週間だけ毎日コードを書いてみるか」と思い立つことがあって、それが運良く成功したら、GitHub の「Current st
Ruby 製バッチ処理を省メモリ化した - おいちゃんと呼ばれています
少し前に Ruby 製のバッチ処理を省メモリ化したときの話をメモしておきます。 どのようなバッチ処理だったか 動画共有サイトにアップされた動画がオトナの事情によって削除されることがしばしばあるということは周知のことだと思う。そこで、一定時間おきに配信元サイトをチェックして、もし動画が配信元から削除されていたら、当該動画をこちらのサイトでも動画一覧に表示させないようにする、検索に引っ掛からないようにする、ということをやっていた。 便宜上、そのバッチ処理のことを「（動画の）存在確認くん」と呼ぶ。 oom-killer に殺されていた 彼は非常にデキる子だったが、なんか最近、動画の落とし漏れがあるなーと感じた。原因を調べたら、メモリを食い過ぎて oom-killer に殺されていた。 cat /var/log/messages Apr 6 12:46:45 xxx001 kernel: Out
英語を（ちゃんと）勉強しはじめて 2週間たった - おいちゃんと呼ばれています
長年の課題だった英語をようやく本気で勉強する気になった。三日坊主になるかもという危惧もあったが、気がついたら 2週間たっていたので、このまま習慣になることを願いつつ、一旦整理する。 やりたいこと（優先順位順） そもそも何がやりたくて英語を勉強をするのかというと、 1. 英語のドキュメントを読むスピードを上げたい。ちゃんと理解したい これがモチベーションの半分以上を占める。IT エンジニアなので読むドキュメントの半分くらいが英語で書かれていて、読むスピードが遅いと効率に直に影響する。 あとはまあ、例えば RailsCasts の動画 とかを見ながら理解できるようになりたい。つまり、 2. 英語を聞き取れるようになりたい とか、GitHub のプルリクエストや Issue とかで英語で言いたいことを伝えられるようになりたい。つまり、 3. 英語を（あまり考え込まずに）書けるようになりたい とい
h300 にかかった CDN 利用料と、それを半分に抑えてくれた JPEGmini - おいちゃんと呼ばれています
少し前に書いたエントリーでは、h300 にどっと押し寄せたアクセスを捌くために、画像ファイルを別サーバに移したり、最終的には AWS の CDN である「Amazon CloudFront」を導入したことなどを、その判断基準も含めてまとめました。 -オシャレエロサイト「h300」をリリースして、10万PV/日を捌くためにやったこと それに対して、1番よく訊かれたのが で、ぶっちゃけ、結局サーバ代（CDN 利用料含む）にどれだけかかったの？ << という質問でした。 ぶっちゃけたところを、書きます。また CDN 利用料を抑えるために JPEGmini という Web サービスが非常に役に立ったので、併せて紹介します。 **h300 にかかった CDN 利用料と、それを半分に抑えてくれた JPEGmini -1. h300 のサーバ代は、ぶっちゃけ 3万円/月 -2. CDN 利用料を半分に抑
エロサイト「h300」のアクセス解析をしてわかった 6つの法則 - おいちゃんと呼ばれています
早いもので、今年（2012年）の3月31日にリリースした人妻動画サイト「h300」は、リリースから2か月半が経ちました。当初から90日限定公開の予定だったので、6月末にはシャットダウンしようと考えています。 もともと Rails3 や jQuery のスキルアップを目的につくったサイトですが、それ以外にもはじめて知ることがたくさんありました。そのなかでもアクセス解析の結果が、本ブログ等と比較して明らかに異なる点がいくつかあって興味深かったので、ご紹介します。 また、アクセス解析の結果をどのように運用に反映させているのかも併せて書きますので、参考にしてください。 **エロサイトのアクセス解析をしてわかった 6つの法則 +夜のアクセスの偏り方は異常 +土日のアクセスは、平日の1.2倍 +ユーザーの平均滞在時間は、およそ8分 +ヒトは、5個目の動画でイク！？ +検索エンジンからの流入は 5%未満
Mac に RVM で Ruby 1.9.2 と Rails 3.2.1 をインストールした - おいちゃんと呼ばれています
先日、Mac（Snow Leopard）に、Snow Leopard の Rails が消えていたが、おかげで gem search | list | query の違いがわかった で書いたとおり、Rails 2.3系の最新版 2.3.14 を入れました。 が、いろいろあって、結局、Rails の最新版 3.2.1 を入れることにして、併せて Ruby のバージョンも、これまで 1.8.7 を使っていましたが、1.9.2 をインストールしました。 要は、下記の 2つの環境をつくって、用途に合わせて切り換えて使おうというものです。 -Ruby 1.8.7 -- Rails 2.3.14 -Ruby 1.9.2 -- Rails 3.2.1 << メモしておきますので、よろしければ参考にしてください。 **Mac に RVM で Ruby 1.9.2 と Rails 3.2.1 をインストール
Emacs 厨だけど、PHP IDE「PhpStorm」だけはベツバラな理由 - おいちゃんと呼ばれています
少し前に、ペパボの JavaScript 厨なひとに、PHP 用の IDE「PhpStorm」を薦めてもらいました。有料のソフトなのですが 30日間は無料で使えるし、モノは試しだと思って使ってみたところ、大変良かったので紹介します。 **Emacs 厨だけど、PhpStorm だけはベツバラな理由 -Emacs 厨だけど、PhpStorm はベツバラな理由 -Aptana Studio との比較 -Emacs との比較、使い分け -その他 - 他の IDE との比較 --(1) Eclipse --(2) NetBeans --(3) Aptana Studio --(4) PhpStorm -おまけ << *Emacs 厨だけど、PhpStorm はベツバラな理由 言うまでもなく Emacs は素晴らしいですし、これからもお世話になると思いますが、いまは PhpStorm と併用して使っ
さくら VPS に VNC と GNOME を入れて、Mac から接続する（SSH ポートフォワーディング含む） - おいちゃんと呼ばれています
さくら VPS に vnc-server と GNOME デスクトップを入れて Mac から接続してみました。下記のように GUI で操作できます。 さくら VPS はサーバ用途で使っている人がほとんどだと思うので、どれだけ需要があるかは分かりませんが、メモしておきます。ちなみにさくら VPS の OS は CentOS 5.5、クライアントは MacOSX 10.6 Snow Leopard です。 少し長いので目次から。 **さくら VPS に VNC と GNOME を入れて、Mac から接続する方法（SSH ポートフォワーディング含む） +vnc-server 及び GNOME デスクトップのインストール +VNC 接続用ユーザの作成 +ディスプレイ番号、ユーザ、画面サイズ等の設定 +vnc-server 起動時の設定 +vnc-server のサービス再起動 +サーバ起動時に v
Linux コマンド説明付きで、さくら VPS へ Git をインストールしてみた（CentOS 5.5 - 64bit） - おいちゃんと呼ばれています
さくら VPS を利用しはじめて最初に何をやったかというと、何はともあれ作業ログを記録（というかバージョン管理）したかったので、Git をインストールしました。 しかし、さくら VPS の標準 OS である CentOS 5.5 - 64bit のデフォルトの状態では yum リポジトリの中に Git のパッケージが入っていないため、 || yum install git ||< と単純に yum install コマンドを実行しても || No package git available. Nothing to do ||< と返されて Git をインストールできず、ひと手間加えてあげる必要があります。以下、手順をまとめてみましたので、よろしければ参考にしてください。 **（2011年6月4日 追記） 実は Git に加えて etckeeper というツールを使うと、/etc 配下を自動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
