はるなぴログ

ブログ・WEBサイト作成技術研究

著作権フリー画像をPixabayやぱくたそから使う時の注意点

著作権フリー画像をPixabayやぱくたそなどの無料素材サイトから使う時の注意点について書きます。 著作権フリー画像サイトというのは実は間違って理解されています。商用利用OKをうたっていてもどんな画像でも自由に使える訳ではなく注意が必要です。特に女…

画像サイズを一括変更できる最新V5系リサイズ超簡単Proの使い方

進化を遂げた2019年最新版のV5系リサイズ超簡単Proのインストール方法と使い方を説明します。最新版はダウンロードサイトがVectorから変更になりました。 リサイズ超簡単Proは画像サイズを一括変更できる無料ソフトです。 Windows10、8、7、Vistaで使うこと…

【CSSコピペOK】ブログの見出しデザインをカスタマイズ

見出しのデザインをCSSでカスタマイズしてみます。 ボックス風の見出しに吹き出しを付けたりチェックボックス画像を用いたりしておしゃれなデザインを追求してみました。 サンプルCSSをつけましたので自由にコピペしてご使用ください。 H2の見出しデザイン …

ブログの文字が小さいのでフォントサイズをCSSで大きくしてみた

ブログの文字サイズって小さいことが多いと思いませんか? 今回は一行の文字数とフォントサイズ、行間、文字間隔など、読者が読みやすいCSS設定について考えていきます。 1行の最適な文字数を元にブログの読みやすさについて深堀りしてみました。 デフォルト…

EasyWineをインストールしてMacで秀丸を使う(exeファイル実行)

EasyWineをインストールする最新の方法について説明します。(2019年7月現在) EasyWineインストールによりMacで秀丸テキストエディタを使うことが可能になります! 秀丸だけではありません。MacでWindowsのexeファイルを実行することができるようになります…

MacでWindowsを使う

MacでWindowsを使う方法を紹介します。 メリット、デメリットやコストを比較してみましょう。いろいろなやり方があり購入する価格も違うので目的に応じて自分に最も合う方法を選ぶことが大切です。 コストのかからない、お勧めの方法についても説明します。 …

はてブのコメント欄を非表示にする方法とネガコメ対処方法を変えたワケ

はてブ(はてなブックマーク)のコメントは非表示にすることができます。 しかもブログについたネガコメのユーザだけを選んで非表示にすることができるのです。 今までネガコメはスルーするに限ると思ってきましたが、対処の方針を変えました。その理由につ…

ブログ100記事毎日書けを初心者にお勧めしない理由

ブログの収益化のため100記事目指して毎日書くことを考えている初心者ブロガーさんへの【緊急提言】です。 お勧めしない理由を具体的な根拠と失敗談を交えて説明します。成功者の体験談だけに情報依存しないで、じっくりと考えてみてください。 最後に初心者…

ブログ読者を増やす方法【読者数1000人達成記念】

はてなブログの読者数が1000人を超えた記念に体験を交えて記事を書きました。 再現性のあるブログ読者数を増やす方法について重要度順に説明します。また、はるなぴ流の増やし方についても紹介していきます。 ブログ読者の増やし方はいろいろある ブログネタ…

四方良しのブログ運営とAdSense収益化

四方良しのブログ運営とは何でしょうか? 近江商人の三方良しを参考に、もうひとつステークホルダーを増やして四方良しとし、収益化を行うブログ運営に生かそうという発想です。 四方とは、読者、広告主、検索エンジン、ブログ運営者(ブロガー)の4者です。…

お名前.comでDNS設定した後はてなブログProを独自ドメイン化する方法

お名前.comでDNS設定した後はてなブログProを独自ドメイン化する方法について記録しておきます。 ドメインを取得した後にDNSの設定をし、はてなブログでの設定をしてようやく独自ドメイン化が完了します。更にリンクの張り替えなどの作業が待っています。 は…

AdSense広告ユニットを作成して記事下に配置する方法

前回はAdSense自動広告を導入する方法をお伝えしましたが、今回は広告ユニットを作成してはみ出しのないよう気をつけながら記事下に配置する方法について説明します。 はてなブログでの設置を前提に書いていますが、他のブログシステムでも同じような方法でA…

はてなブログProで独自ドメイン取得するときに注意するべきこと

はてなブログProで独自ドメインを取得するときの注意点について備忘録として書いておきます。 はてなブログを無料版からProにした後すぐにお名前.comで独自ドメインを取得しました! ついに自分の土地を持ったという感じです!ドメイン名はhalu7.comです。 …

WindowsユーザーがMac乗り換え後にストレスなく使うコツ

Windows ユーザーがMacに乗り換えすると、どうも勝手が違って苦労するということが多いと思います。 今まで使えていたショートカットが全く使えなかったり、たくさんのアプリを開くとメモリ不足になって動きが遅くなったりと戸惑うこともあります。 そこで今…

AdSense自動広告設定で表示が崩れるときのCSSカスタマイズ

AdSense自動広告を設置した後に表示が崩れる場合のCSSカスタマイズ方法について説明します。 AdSenseに合格したらすぐに広告を張りたいですよね。 でも広告ユニットを作成して配置するのはそれなりに大変です。その点、自動広告なら挿入する場所はAdSenseが…

Florida2アップデート総括と検索順位変動でアクセスが激減した時の対処法

Florida2アップデートから早一か月、検索順位が変動し突然圏外に飛んだ、アクセスが激減したなどブログ界に激震が走りました。 さまざまなブログやサイトを見渡して何が起こったのかを総括し、検索順位を回復するための対処法について考えていきます。 Flori…

はてなブログに外部CSSを当てる方法とそのメリット

はてなブログに外部CSSファイルをリンクする方法のお勧め記事です。 この方法はメリットいっぱいなのに案外知られていないみたいです。ブログのデザインをCSSでカスタマイズする時にとってもラクチンです。 はてなブログでCSSカスタマイズする方法についても…

Dropboxのファイルを共有化してから外部CSSとして直リンクする方法

Dropboxのファイルを共有化してから外部CSSとして直リンクする方法について備忘録として書きます。 無料ブログはじめ様々なブログシステムではCSSを書き換えるのに手間がかかる場合があります。 こういう時はDropboxからCSSファイルを直リンクしてしまうのが…

はてなブログにヘッダー画像を設定する方法で苦労した話(余白、はみ出し)

はてなブログにヘッダー画像を設置しようとしたら思った以上に苦労した経験を備忘録として書いておきます。 何に苦労したかというとヘッダー画像のサイズが合わなかったこと。余白が合わないとかパンくずリストから下にヘッダー画像がはみ出してしまったりと…

はてなブログがGoogleアドセンス審査に落ちる理由を推測

今回の記事ははてなブログがGoogleアドセンスの審査に落ちる理由についての推測です。 今回も過去記事のリライト版です。いったん削除したのですが人気が高いので復活しました。 それだけGoogleアドセンス審査が難化しているのかなと思います。審査に落ちる…

はてなブログProの30日間無料体験を試してみた結果

はてなブログProの30日間無料体験をお試しした時の感想です。 はるなぴは去年2018年6月に、はてなブログPro版の無料体験を申し込みしました。その時の体験談記事が好評なのでリライトして復活しました。 登録費用は2019年2月現在の数字なので今後の消費税ア…

独自ドメイン化のあとGoogleサーチコンソールのインデックスを引き継ぎする方法

独自ドメイン化のあとでGoogleサーチコンソールのインデックスを旧サイトから新サイトに引き継ぎする方法について備忘録として書いておきます。 はてなブログProを独自ドメイン化した後やることのひとつにGoogleサーチコンソールのインデックスを新ドメイン…

お問い合わせフォームの作成と設置方法

お問い合わせフォームの作成と設置方法について備忘録として書いておきます。 Google Adsenseやアフィリエイトをするならお問い合わせフォームは必須ですね。将来のことを考えて早めにお問い合わせフォームを設置するのがお勧めです! Google Formを利用して…

凶と出たGoogleアドセンス対策から一転合格へ!

はるなぴのサイトで実際に起こった出来事を紹介します。 アドセンス対策を行った結果は凶、いや大凶。もうダメ。Googleアドセンスによる収益化は諦めよう。さすがにもう受かる見込みはないだろう。Amazonアソシエイトに申し込もう。 そこまで追い詰められて…

d3-graphvizを使ってブラウザ上にフローチャート図を表示しよう

d3-graphvizを使用してブラウザ上にフローチャート図を表示する方法について説明します。 D3.jsとGraphvizを使用して動的グラフをブラウザで表示してみましょう。 いちいち画像ファイルを出力しなくともDOT言語で記述したグラフをブラウザに表示することがで…

GraphvizをWindowsにインストールしてフローチャート図を書こう!

Graphvizを知っていますか? これを使うとフローチャート図を描くことができます。 おっと今はあまりフローチャート図とは言わず状態遷移図と言ったりするのですね。 Windows10にChocolateyを使ってGraphvizを簡単にインストールしましょう。 Graphvizの使い…

Mathjaxの使い方を覚えて美しい数式表示をしてみよう!

Mathjaxを導入して数式を美しく表示してみましょう。 CDNを利用して簡単にMathjaxを導入する方法についてご紹介します。 またインライン表示、ディスプレイ表示の方法や数式番号を付ける方法についても解説していきます。 はてなブログのMarkdown記法モード…

【2019年版】クリックされやすいリンク色を極める!

クリックされやすいリンクの色はどんな色でしょうか? 大抵のリンクは青色をしていますが、その青色も調べてみると実にさまざまな種類があることが分かりました。 主だった検索エンジンやブログサービスなどの青色リンクの色を比較して独自テーマ制作の参考…

Chrome拡張機能で是非お勧めしたいもの10選

Chromeブラウザの拡張機能を使っていますか? とても便利でお勧めしたいChrome拡張を紹介します。 Web開発する場合にお役立ちのものやSEO対策用など10個の拡張機能をリストアップしてみました。 はてなブログを運用する方に便利なものも最後にご紹介します!…

秀丸マクロのrunexを使ってPandocでマークダウン記法の変換をしよう!

秀丸エディタをインストールしていますか? 秀丸マクロではrunex文を使って外部コマンドを実行することができます。これは超便利! 前回の記事で紹介したPandocを秀丸マクロに組み込み、マークダウン記法で書いているブログ記事を簡単にHTMLファイルに変換す…