【稼ぐブログへ】月10万超！ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.
2016年5月にはてなブログをはじめてすでに3年半超。このブログは開設から半年経過したくらいで月10万の収益を超え、それ以降も順調に増収が続き、今もコンスタントにブログから収入を得ている。 下のグラフは1年目のブログ売上推移。（※正確な数字を出すと色々面倒なのでボカします…） 正直、自分自身もここまでになるとは思っていなかったけれど、「"ちゃんとやれば"誰にでもチャンスはある」ということを実感できた。 4年経過したので、改めてこちらに収益付きでまとめました。 関連ページ【はてなブログ5年目へ】アフィエイト収益とASPについて ● ● ● この記事では、僕が4年間ブログ運営をしていく中で収益化に役立った手法やツールを紹介してみたい。基本的には初心者向けに書いている。 前半は、収益化のステップと「ブログで稼ぐための必須ツール」に関して。誰もが収益化のために使っている必須のツールを紹介している。
Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得 最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 す
生活のすべてを管理できる超強力ツール Org-mode
こんにちは。金内です。 いよいよ始まりました Fenrir Advent Calendar 「2014年にグッときたコレ」の1日目の記事です。 私の「2014年にグッときたコレ」は、私が GTD（Getting Things Done）的なシステムとしてあらゆる物事の管理に使っているツール 「Org-mode」です。 Org-mode 自体は今年知ったとかではなく、ずいぶん長いこと使っています。ただ、今年はいろいろと新しいことに取り組んだりして、本当にコレなしでは考えられない1年となりました。今回、グッときたモノをあれこれ思案した結果「この機に愛する Org-mode を紹介してしまうしかない!!」ということで紹介してしまいます。 Org-mode って何？ Org-mode はこんなことに使えるツールです。 考えを整理するために項目をツリー状に書き出して、各項目を自在に編集・移動できるア
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
「エクセルシートをHTMLテーブルに変換しちゃう君 」がすごく便利
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 「エクセルシートをHTMLテーブルに変換しちゃう君 」でカンタンテーブル作成 「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」は、エクセルの表を貼り付けるとHTMLのTableタグで表を生成、プレビューも表示してくれる便利ツール。以前紹介したサービスでは日本語を通すのにひと手間必要でしたが、今回はその部分でも問題ありません。 変換しちゃう君の特徴 「Tableizer」との比較にもなっています。 セル内での改行に対応 CSVにも対応 強固なセキュリティ性（サーバーとのやり取りなし） セルの結合が可能 正しいマークアップが可能 行ごとの色替えも設定可能 Class指定も細かく付与可能なので独自デザインも組み込みやすい サンプルテーブル T
『Evernote』と『秀丸』と『ひとりWiki』の連携で快適メモ生活！ | nanapi[ナナピ]
『Evernote』と『秀丸』と『ひとりWiki』の連携で快適メモ生活！ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。次のマクロ類をセットします。 【マクロ①】 //マクロファイル用のフォルダにファイル保存 $saveFile = "C:\\[～ファイルパス（"\"マークは2つ重ねてエスケープする）]" + leftstr(gettext(seltopx, 1, 0, 0),strlen(gettext(seltopx, 1, 0, 0))-2) + ".txt"; message "以下に保存します。- " + $saveFile; saveas $saveFile; 【マクロ②】 //マクロファイル用のフォルダにファイル保存 $saveFile = "C:\\Users\\mminami\\Documents\\memo
【AIRコレ】Webページを速攻でまるごと分析『HTML Scout』 | ネット | マイコミジャーナル
『HTML Scout』は、Webページをまるごと分析し、ユーザーにソースコードを見せてくれるAIRアプリケーションです。HTMLはもちろん、JavaScriptやCSS、そのページに貼られているリンクや画像のアドレス、現在のサイトCookie情報も一覧化され、見ることができます。上下の2画面で構成されているので、非常に見やすいのが特徴です。 起動画面。デフォルトは真っ白なままだが、画面上部にURLを入力し、「Load」ボタンを押す すると画面上部に対象のサイト、画面下部に各種ソースコードが表示される。デュアル画面なので非常に見やすく、ページとソースの見比べがしやすい ソースコード表示欄には「Source」「Javascript Console」「HTML」「DOM」「CSS」「Script」「JS Objects」「Links」「Images」「Cookies」のボタンがあるので、ソース
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 | 100SHIKI
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
フリーのCSS編集に使えるエディタ色々:phpspot開発日誌
7 Free CSS Editors, Which Is the Best? You Choose. : Speckyboy - Web Design, Web Development and Graphic Design Resources フリーのCSS編集に使えるエディタ色々。 エディタは秀丸やDreamWeaverでOKという方も一度試してみるとよさそう。 Simple CSS - Mac OS X, Windows に対応しているシンプルなCSSエディタ。GUI感覚でCSS記述できる A Style CSS Editor - HTML構造をツリー表示できるのが嬉しいかも。 CSSED - “A GTK-2 CSS Editor” - キーワード保管やブロック折りたたみ機能、など高機能 ELEDO - Eledicss - ブラウザベースの編集ツール。直でいじれるので便利。セキュリ
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
窓の杜 - 【REVIEW】ドコモの携帯電話によるWeb表示をPC上で確認「iモードHTMLシミュレータII」
「iモードHTMLシミュレータII」は、ドコモの携帯電話によるHTMLおよびFlashの見た目や動作を確認できるソフト。Windows XP/Vistaに対応するフリーソフトで、（株）NTTドコモのWebサイトからダウンロードできる。 HTMLとFlashは、“901i”シリーズ以降の端末向けに規定されている“iモード対応HTML”v7.2、および“Flash Lite”v3.0まで対応している。また、“iモード対応HTML”v5.0、“Flash Lite”v1.1まで機能を制限して動作を確認できる。さらに、デコメールのテンプレートやPDF、デコアニメの表示や動作を確認することも可能。 画面は、携帯電話の表示をシミュレートするウィンドウと携帯電話の数字キーや方向キーを表示したウィンドウに分かれており、キー表示ウィンドウ上のキーをクリックすることでWebページやFlashの動作を確認できる
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
【特集】業務で使える！ 無料Webサイト作成ツール集（1/3） － ＠IT
上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる？ 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか？ ■ 今後もWebサイト開発にHTMLコーディングは必要なのか？ Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチなコンテンツ、Web 2.0、CMSという方向に進んでいったとしても、HTMLベースのWebサイト構築というものは、尽きる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
