はるなぴログ

WEBサイト作成技術研究

ウィンドウズPCとMacどちらを選ぶべきかを比較してみる

今回はウィンドウズとMacの比較を行います。 どちらを選ぶべきでしょうか? ウィンドウズPCだけを使ってきた方、Macだけを使ってきた方はお互い違うPCはどうなのか興味があるのではないかと思います。 はるなぴはウィンドウズPCとMac両方使ってきましたので…

DockerをWindows10HomeにインストールしてCentOS7環境を導入しよう!

DockerをWindows10Homeにインストールしましょう。 Chocolateyを使ってdocker-toolboxをインストールすればとても簡単です。 更にCentOS7のdockerイメージを導入してみましょう。これでDockerの勉強も簡単にできますね。 Windows10にDockerをインストールす…

VirtualboxとVagrantをWindows10にインストールしてCentOS7環境を構築しよう!

Windows10環境にVirtualboxとVagrantをインストールして仮想化環境を作りましょう。 Chocolateyを使うと簡単に構築できます。 更にVagrantにCentOS7のBoxを追加してCentos7環境を作りましょう。これでWindows10にCentOS7環境があっという間にできあがります…

curlをWindows10にインストールしてウェブサイトをスクレイピングしよう!

curlを使うと何がいいのか? ウェブサイトのHTMLファイルをコマンドひとつで簡単にゲットできるようになります。 これをウェブスクレイピングと呼びます。 CurlをWindows10にインストールしてウェブサイトをスクレイピングしましょう! Linuxを使用している…

CSSだけでtableを見やすく表示するカスタマイズ方法

CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。 スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較してい…

オリジナルテーマ制作のためにCSS開発環境を整える

オリジナルテーマを制作するにあたり、まずCSSの開発環境を整えます。 はてなブログでのテーマ制作とはすなわちイコールCSSの開発だからです。 今回はNode.jsを使ってCSSの開発環境を整備していきますので、その手順を備忘録として記録しておきます。 Node.j…

はてなブログテーマを比較してみる

はてなブログでオリジナルテーマを作成するにあたり、はてなブログの既存テーマを調べて比較してみます。 テーマには公式テーマとオリジナルテーマがありますが、テーマストアから人気順に10テーマずつピックアップして比較します。 人気テーマは更に詳細に…

アイコン(アバター)の作り方を考える

今回はアイコンの作り方について考えてみます。 ブログでもそうですがツイッターなどのSNSではアイコンはとても重要です。企業のロゴと同じで、見る人に真っ先に認知されるところだからです。 企業がロゴを使ってブランド価値を高めるのと同じように、個人ブ…

自作テーマの対象ブラウザ範囲を考える

今回は自作テーマの対象ブラウザをどこまでの範囲とするかについて考えてみます。 具体的には自作テーマでIE11対応を切っていくことができるのかどうかについて調査して分かったことを書きます。 なぜInternet Explorer 11サポートが問題になるかというと、I…

リンク否認ツールの使い方についてウェブマスター オフィスアワーで回答がありました

魚拓サイトからの大量の被リンクや怪しい海外サイトからの被リンクをもらっていたのでGoogleサーチコンソールでリンクの否認をしてみました。 ところが、そもそも私の場合には「使う必要がない」というご指摘をいただきました。 すぐに訂正記事を出しました…

【2018年版】メディアクエリのブレークポイントを考える

はてなブログで自作テーマを制作するにあたりメディアクエリを考えてみます。 2018年現在のベストなブレークポイントを考えてみようというわけです。 今使っているテーマはInnocentですが、このテーマは細かくメディアクエリのブレークポイント設定をしてい…

はてなアンテナでお気に入りブロガーサイトの更新を知る方法

はてなアンテナ使ってますか? 今回ははてなアンテナでお気に入りブロガーさんのサイト更新を知る方法について説明します。 はてなアンテナを使い始めてからはサイトの更新をチェックするのがとても楽になりました。お勧めです! はてなアンテナとは はてな…

サーチコンソールでバックリンク拒否の結果は確認できない(らしい)

先日Googleサーチコンソールでバックリンク否認をしてみた結果について報告記事を書きました。 すると今日「サーチコンソールでバックリンク拒否の結果は確認できない」という記事を発見しました(というのは私の記事へのリンクがあったためです)。 またnof…

逆SEOの効果はあるのか?

ウェブ魚拓サイトや危険なサイトからの被リンクをもらってしまっている「はるなぴログ」です。 逆SEOを受けていることはほぼ確実なので、その後の経過を報告します。 今までに行った対策とその結果から逆SEOに効果があるのかどうかについて考えてみます。 こ…

ファーストビューを意識してブログをカスタマイズする

ファーストビューとはサイトが表示されたときに訪問者が一番初めに目にすることのできる領域のことを指します。 スクロールせずに見ることができる範囲と言ってもいいでしょう。 今回はファーストビューを意識してブログをカスタマイズする方法について考え…

はてなブログでオリジナルテーマ自作の構想を練る

はるなぴログも大分テーマのカスタマイズが進んできました。 そこで今回は、はてなブログでオリジナルテーマ自作の構想を練ってみたいと思います。 はてなブログテーマInnocentの問題点は何か? 自作してみたいオリジナルテーマの内容を考えてみる Innocent…

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

今回ははてなブログがGoogleアドセンスの審査に落ちる理由について推測してみました。 あくまで独自の推測ですからどこまで当たっているか全く保証はありませんが何度も落ちる方はご参考にしてみてください。 少しでもご参考にしていただける点がありました…

GDPR対応で個人ブロガーがまずしておくこと

GDPR対応で個人ブロガーがまずしておくことは何か? GDPR対応が今話題ですね。個人サイトは何をしたら良いでしょう。ヨーロッパからのアクセスが中心という方はほとんどいないと思います。事業としてブログを運営しているという方も同じでしょう。 個人サイ…

はてなブログテーマInnocentに色の統一感を出すカスタマイズ

はてなブログテーマInnocentは素のままではとてもシンプルです。 もともと自分でCSSをいじってカスタマイズすることを前提としたテーマなのです。今回は、はてなブログテーマInnocentに色の統一感を出すカスタマイズを施していきます。 はてなブログテーマIn…

見出しを見栄えよくするCSS設定

見出しを見栄えよくするCSS設定を備忘録として書いておきます。 はてなブログテーマInnocentを使っています。InnocentはCSS編集をして自分好みに改造することが前提で作られています。 Innocetデフォルトの見出しは、ただ単にフォントサイズが大きくなっただ…

極悪サイトからの被リンクで逆SEOされたので断然バックリンク拒否する

とんでもない極悪サイトから被リンクをもらって逆SEOされたことがほぼ明白になりました。 当然ここはバックリンク拒否です! 該当する被リンクページが1ページしかなかったので、逆SEOしてきた相手の狙いも分かってきてしまいました。 Googleサーチコンソー…

魚拓サイトで逆SEOされたらしいのでバックリンク否認してみた

記事を大量に魚拓されてたようです!もしかしたら逆SEOされた? 何でこんな個人サイトが逆SEOされなければいけないのでしょうか? よく分かりませんが思い切ってGoogleサーチコンソールからバックリンク否認をしました。 魚拓サイトとは? 逆SEOとは バック…

Googleアドセンスの審査が不承認となったので対策を考えてみる

Googleアドセンスの審査に落ちました! ある程度は考えてから申し込みしたので不承認となったのはとてもショックです。 とはいえ、いつまでもガックリもしていられません。対策を考えなくては! とは言え落ちた原因がなかなか分からず前途多難というところで…

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

はてなブログのテーマのフォントサイズって小さいものが多いと思いませんか? はるなぴはどうも小さすぎるように思うのでCSSカスタマイズで大きくしてみました。 今回はブログの読みやすさについても深堀りして考えてみました。 一行の文字数とフォントサイ…

静的サイトジェネレータHugoがSass(SCSS)対応(pipeline)

静的サイトジェネレータHugoがSass(SCSS)に対応(pipeline)とのことです。 gohugo.io ずっとHugoを追いかけてきています。最近はサイトを作らずニュースだけの追いかけですが… Hugoの進化が早いのでニュースの追いかけだけでもなかなか大変です。早くサイ…

はてなブログテーマInnocentにナビゲーションバーを設定する方法

はてなブログテーマInnocentにナビゲーションバーを設定する方法について備忘録として書いておきます。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバー…

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

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

プライバシーポリシーの書き方

プライバシーポリシーの書き方について備忘録として書いておきます。 GoogleアドセンスやAmazonアフィリエイト(Amazonアソシエイト)をするならプライバシーポリシーは必須ですよね。 何を書くかさえ分かってしまえば後は自分で文章を考えてアレンジしてい…

はてなブログ本気から20日で読者100人突破

ブログ運営報告です。 はてなブログで本気入れ始めて20日で読者100人突破しました! これを機に読者の方の役に立つ記事をこれからもどんどん書いていこうというモチベーションが湧いてきました。 はてなブログを開設するも… 初めての読者ができて本気モード…

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

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