2015 - 12 - 23 《ブログ年収250万を超えて》SEOと収益化のために僕が実践してきたこと WEB TIPS 6ヶ月ぶりの更新になる。 2015年、ぼくはこのブログで11記事だけ書いた。それでも2015年のブログ収入は250万円を超えた。25〜30万円/月がブログの収入として入ってきている。このまま放置していても、しばらくは同程度の収入が入ってくるだろう。 ぼくには会社員という本業がある。いまは某外資系に勤めている。あくまでもブログはぼくの自分の思考や知識をまとめるためのトレーニングツールだ。趣味のひとつとも言えるだろう。副業というほど、肩に力は入っていない。単純に多くの人に読んでもらえるのは嬉しい。戦略を立て、その戦略がハマり、結果として収入があるのは嬉しい。だからぼくはブログを書く。 この１年間は少々忙しかったため殆ど更新できずにいたが、来年からまた再開していこうと思う。

関連記事を見やすくするためにカテゴリメニューを付けた。記事数の多いカテゴリとホームページとTwitterへのリンクを貼った。 はてなブログのヘッダーにナビゲーションをつけよう！ - 現代版徒然草 を参考に背景色だけ調整(シンプルにした)。 ソースコード カスタムヘッダ。 <nav id="global"> <ul> <li><a href="http://ongaeshi.hatenablog.com/archive/category/ofruby">ofruby</a></li> <li><a href="http://ongaeshi.hatenablog.com/archive/category/ruby">Ruby</a></li> <li><a href="http://ongaeshi.hatenablog.com/archive/category/milkode">Milko

YATTSUKE BLOG さんのブログでTiddlyWiki5が紹介されてたんだけど、デザインも格好いいし、カスタマイズも出来そうでよさげ。 この辺 のカスタマイズされた例をみると、ページ内にタブが持てたり出来る。 スタイリッシュで高機能になったTiddlyWiki5の使い方。 TiddlyWiki5のカスタマイズ　その１ TiddlyWiki5のカスタマイズ　その２　YATTUKEブログ風詰め合わせテンプレート TiddlyWiki用のプラグイン作り方。論文から英文コピペするときに余分なスペースや改行を削除！: YATTSUKE BLOG 最近TiddlyWikiのGoogleグループの流量も心なしかあがってきた気もするし、TiddlyWiki再ブレイクの兆しでしょうか。 来年のTiddlyWiki備忘録はTiddlyWiki5で作ることになりそう。

ちょいと前に、kobitoのユーザーインタビューのオファーを頂き、中の人とお会いしました。ちょっとテンションがあがってしまい、しゃべりすぎてうるさかったのではという噂があります。 その後、kobitoとqiitaの関係について考えてみました。 kobitoとqiitaの関係 qiitaはエンジニアがローカルに貯めたメモを公開することで、世の中で同じことに困っているエンジニアの無駄な時間を省くためのサービス、だと思います。 kobitoは、qiitaに上げる前のメモを貯めるアプリと考えています、私は。 私がメモアプリに望むこと となると、メモアプリに望むことを考えるわけですが、ざっとあげるとこんな感じかな。 軽い マークアップが使える すぐに何かに対して共有出来る 私がメモアプリに望まないこと 逆に考えると、こんな感じ。 余計な修飾機能 とあるアプリ、コピペで何、勝手にスタイル継承してんだよ

ページのリンク情報(タイトル、URL、選択したテキスト等)を、ユーザーの好きな形式(HTML, PukiWiki, PlainText)に変換し、クリップボードにコピーします。 リンクを収集→加工→ブログやソーシャルメディアへ投稿、といった定型作業に便利です、似たようなプラグインとしては、MakeLinkやMyCopyFixer等が有名です。 個人的に気に入っているのは カスタマイズした複数のリンク形式が登録可能で リンク形式の切り替え、クリップボードにコピー、がショートカットキーで実行可能 なことです。 HTML、Pukiwiki、PlainTextといったリンク形式を状況に応じて切り替えながら、Ctrl+Cでポンポン、とリンクを作っていくのはなかなか快適です。 詳しい説明、使い方はホームページにあります。 FireLinkホームページ ダウンロード、インストールはFirefox公式で。

Mozilla 関連情報や国内イベント情報、インターネットやウェブに関する情報について、これまで Mozilla Japan ブログから発信させていただいておりましたが、このたび、情報発信のプラットフォームを Medium に変更することとなりました。 今後は、日本で活動しているコミュニティメンバーとより連携を深めつつ、多岐にわたる情報を Medium 経由でお伝えしていく予定です。 現在こちらのブログをブックマーク頂いている皆さまや、RSS リーダーなどで購読いただいている皆さまには、大変お手数ではありますが、以下 URL の Medium サイトを今後は、ご購読いただければと思います。 https://medium.com/mozilla-japanなお、ライブブックマーク (RSS) でご購読いただく場合は、こちらのフィードをご利用ください。 [ この記事は米国 Mozilla Bl

<div style="display: flex;"> <div style="flex: 1 1 auto;">hoge:</div> <input type="text" style="flex: 1 1 auto;"> </div> とした場合のこのinput要素、画面サイズが大きいぶんにはちゃんと伸びてくれるのですが、画面サイズが小さい場合にある程度以上小さくなってくれません。 <div style="display: flex;"> <div style="flex: 1 1 auto;">hoge:</div> <input type="text" size="1" style="flex: 1 1 auto;"> </div> と size="1" をつければ良いようです。sizeを省略した場合はデフォルトのsizeが適用されるわけですが、その幅以下には縮んでくれないようで

canvas を苛めていたら気づいたことがあったので書きます。（この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい） 基本的な話 canvas には、図形を描画する機能だけでなく、描かれている内容を読み取る機能があります。getImageData を使うと、canvas の内容をピクセル単位で読み取って画像処理をかけたりできます。また、toDataURL を使うと canvas の内容を Data URI として出力でき、サーバに送信したりできます。 しかし、この機能にはリスクがあります。例えば、悪意のあるページを開いただけで、社内SNSにしか公開していないあなたの顔写真を canvas 経由で抜き取られるかもしれません。そういう事が起きないように、他のサイトから読み込んだ画像が canvas に描画されている場合（以下、

バンドを脱退した理由は「唐揚げ定食」だった 最近、Twitterでmixiのことが取り上げられていた。今更mixi復活するの？といった感じである。mixiは今から20年くらい前にやたらと流行っていたSNSである。俺も一時、アカウントは持っていた。その話は後述する。 俺はSNSはFacebookとInstagramをやっている。Instagram…

2007年05月26日00:00 カテゴリ書評/画評/品評Code 書評 - Programming Pearls これを見たら、むしょうに紹介したくなってきたので。 Programming Pearls Jon Bentley [邦訳:珠玉のプログラミング] アンカテ(Uncategorizable Blog) - 「問題 VS. 私たち」で考える人たちソフトウエア技術者は、コンピュータを相手にするのだから、0か1か、YesかNoか、はっきり答が出る問題を扱っているのではないあと思われがちである。しかし、実はぜんぜんそうではない。本書"Programming Pearls"は、文字通り真珠のようなプログラムたちをそのまま集めた本。厳密には、私が読んだのは1st Ed.なのでこれとは微妙に異なる可能性がある(More Programming Pearlsと異なる点があることをまずお断りして

ものすごく簡単に説明すると、「"Multibowl"とは、『メイド イン ワリオ』のマイクロゲームを本物のレトロゲームでやっちゃった非合法なめちゃめちゃ面白い対戦ゲーム」です。とりあえず作者的にオフィシャルで企業的にアンオフィシャルな動画をみてください。 もうちょっと詳しく説明すると、90年代までのアーケードゲームと家庭用ゲームのうちMESSが統合された以降のMAMEで動くもので、かつ2人同時プレイがあるものが300本以上収録されてます。モードは2人対戦オンリー。開始するとランダムに1本選ばれて、タイトル、発売年、パブリッシャー、そしてルールが表示され、ゲームがスタートします。ルールに則って決着がつくか、30秒経過すると引き分けで次のゲームに移ります。これを10本先取するまで繰り返すのが"Multibowl"です。テクノロジーの進化はこういう風に使われてほしいって感動しました。ばーっとあげ

実際はおのおのの曲が置いてあるサイトへのリンク集となっていますが、リンクの総数は3200。収録されている曲の多さにも驚かされます。 詳細は以下の通り。Classic Cat - the free classical mp3 directory 使い方はアーティストを選択して作品を選択すると、ページ内に以下のような「Mp3s, etc.」という項目が出るので、そこから好きなものを選んで一番右にあるダウンロードボタンを押すだけです。そうすればダウンロードページにたどり着きます。 たまにはクラシックでも聴いてリラックスを、という時などに良いのではないでしょうか。

大学でこないだ、「クリエイティブな仕事には４段階ある」という話をした。 マンガやアニメにかかわる仕事を「お金」という切り口から定義したものだ。 業界の定説ではないし、こういう定義づけをしている人は他にいない。僕だけが言ってる意見なので、内容についての当否はそれぞれが考察すること。 「クリエイティブな仕事」には４つの段階がある。 第１段階は「才能労働者」。工員や職人と同じく、働いた時間分や出来高だけお金をもらう。「才能」を使うけど内実は労働者と同じ。 アニメーターやマンガ家のアシスタント、といえばイメージできるだろうか。無記名ライターなどもこれに含まれる。 作ったものに自分の権利はなく、そのかわり責任もそれなりに軽いし仕事仲間もできやすい。 「才能労働者」が進化すると第２段階の「クリエイター」になる。作った作品の権利（一部または全部）を持つ人。 作品の内容に決定権を持ち、「働いた時間分」では

はじめに Railsのソースコードを読みながら個人的に引っかかったところをメモしていきます。コメント・TB大歓迎です。 飽きっぽい性分のためいつまで続くか分かりませんが頑張ってみようかと思います。 いちおう大げさなタイトルを付けて自分にプレッシャーをかけておきました。 とはいえ卒論やら、期末レポートやらいろいろやらなければならないことに追われていますので比較的マイペースに進めていく予定です。 目次は随時追加していきます。 目次 Rails::Initializerを読む 解説しているソースについて ここで解説しているコードはbrancheのstableです。同じコードを読みたい方は以下のようにしてソースコードをダウンロードしてください。 svn co -r 4519 http://dev.rubyonrails.org/svn/rails/branches/stable rails-sta