当サイトはアフィリエイトプログラムによる収益を得ています。

ブログを書くコツ

固定目次ボタンとProgressバーの設定方法【人のブログ見て我がブログを修正した話】

2024年10月23日

久々に色々な人のブログを読み漁っていたんだけど、他人のブログを読むと初心に帰れるというか、自分のブログを読み返しているだけでは気づけない不満点に色々気付く。

というのもガジェマガは俺のブログなんだ。だから俺はガジェマガを隅々まで把握してる。そんな俺がガジェマガを読むのと、俺以外の人がガジェマガを読むのとでは体験も全然違ってくる。その外からの目線がとても大切。

ということで第三者目線からガジェマガを読みやすく改良したからその報告をしたい。

トーマスです。TwitterYoutubeTikTokもやってます。【お問い合わせ自己紹介半生振り返り

この記事の目次(クリックでジャンプ)

【報告】プログレスバーと固定目次ボタンを実装

まず最初に報告すると今現在この記事でもスマホなら右下に固定目次ボタン、画面下に記事の進捗状況を示すプログレスバーが表示されてると思うから活用してほしい。

これによってより記事が読みやすくなるはず。と信じてる。

人のブログを読んで感じた不満点2か所

別にこれはブログに限った話ではないんだけど、人のブログ朗読にはマジで気づきが多かった。些細な不満だと

  • スマホ版トップページに記事が1カラムしか表示されない
  • アイキャッチが文字のみ
  • アイキャッチの画像が見づらい
  • 記事タイトルが長すぎて入ってこない

と色々あるんだけど、中でも俺が感じた大きな不満点は2点。それが広告表示が邪魔なことと現在地がわからないことだった。

残酷だけどブログ内に表示されてる運営者が見せたい広告は本当に見ない。意識すらせず飛ばしてる。ただ俺のスクロール量が増えるだけ。

更にスマホ版のブログ記事は現在地が全然わからなくてもどかしい。結果終わりが見えなくて読み進めるのが辛いという感想だった。

グーグルアドセンス広告を消した

まず一番でかいのがこれ。ブログ界隈ではグーグルアドセンスの審査通過が一つの登竜門とされてるし、アドセンス広告なら確実に小銭が稼げる。非常に嬉しいんだけど、普及しすぎた結果読者側もグーグルアドセンス広告に耐性が付きすぎた。

というのも記事を開いてから俺やたらスクロールしてるなと思ったら全部広告だった。しかも完全に無意識。脳がグーグルアドセンスを認識する前に読み飛ばしてる。ってことに気付いた。

あれ?これ読者にスクロールさせてるだけで意味ないぞ?

って思った。

読者は広告より先に記事を読みたい

というのも読者は記事を読むために記事にアクセスしているんだ。グーグルアドセンス広告を見るためではない。だから記事を読む前に広告はクリックしない。牛丼食べに来た客に不動産をお勧めするなという話。

つまり何より重要なのは記事。いかに早く記事にたどり着かせて読ませるかが重要。それ以外の要素はストレスにしかならない。

そして読者はストレスを感じると無意識的にブログに対する嫌悪感を募らせる。一刻も早く離脱したいと思われたらブログは終わり。離脱した読者は離脱したことすら覚えていない。

ブログで重要なのはいかに読者を満足させるか、そしてもっと読みたいと思ってもらえるか。そこからようやくアフィリエイト広告への勝負が始まる。だからまずはなによりメインディッシュとなる記事に素早くアクセスさせることを重視すべきだと思い直した。

記事上の広告を完全に排除

ということでガジェマガで実施したのが下記。

  • 記事上に表示していた楽天モバイルをお勧めする記事リンクを削除
  • 目次の下に表示していたグーグルアドセンス広告を削除

これによって記事上部が非常にすっきりした。記事をクリックした読者は無駄なスクロールをすることなく最速で記事にアクセスできる。

結果ブログの回遊率が上がってSEOの評価が上がり、全体のアクセス数が伸びれば俺も嬉しい。わざわざ広告で読者の邪魔をする必要はなかったと反省した。

現在地と記事内固定目次を表示した

次に他人のブログを読んでいて不満に感じたのが現在地がわからないことだった。

というかこの記事いつ終わんの?

ってのがスマホ表示だと非常にわかりにくいんだ。

というのもパソコン版では一般的に表示されているスクロールバーがスマホ版では小さすぎるんだ。ほぼ見えない。故に記事の残量がわからない。

この記事もしかして終わらない?

って不安になった。

タイパ重視社会での迷子は即途中離脱される

しかもブログを書いているのは俺含めあくまでも素人。別に面白いとも限らない文章を長々と読まされるのは特にタイパが重視される現代では読者にとってかなりの負担になる。結果途中離脱に繋がってしまうという流れ。

ということでガジェマガでの対策は下記。

  • ページ下にシークバーを追加
  • スマホ版の記事右下に固定目次を追加

ページ下にシークバーを追加

ページ下のシークバーは丁度Youtube動画の進行度を表すのと同じイメージで、シークバーの色もYoutubeのものと統一した。

これによって今の記事の進行度がわかる。ゴールが見えればモチベーションも維持できる。離脱率も減るという算段。

しかもこのシークバーはページ全体ではなく記事範囲のみを参照する。記事を読み終わればまだページが続いていても達成度は100%を表示してくれるという話。使いやすい。

記事右下に固定目次を追加

次にスマホ版の記事右下に固定目次ボタンを追加した。これで記事を読んでる時もいつだって目次を表示可能だし、タップすれば任意の目次へのジャンプも可能。

ジャンプするとすぐ下に表示されてるシークバーも同時に動くから、これによってシークバーがページの進行度を表示していることにも気付いて貰える狙いがある。

シークバーと目次表示によって記事の現在地を認識してもらい、読者を迷わせず、最後まで読み切ってもらいたい想い。全ては読者ファーストで、読者ファーストが俺のメリットにもなるのがブログなんだ。

固定目次ボタンの追加と同時に内容が被るトップへ戻るボタンは廃止した。

スマホ版ではガジェマガロゴを常に表示

最後にスマホ版の記事ページの上に常にロゴを表示することにした。これはブログトップページに瞬時にアクセスできるようにするため。

離脱前にトップページを見てほしい

大体の人は記事に飽きて途中で離脱するんだけど、俺にとって一番悲しいのは「戻る」ボタンで検索画面に戻られることなんだ。ならせめて最期の願いとして、ブログのトップページだけでも見て行ってほしいという想いを込めた。

ページの上にロゴが表示されていれば離脱前に無意識的にロゴをタップしてしまう。トップページだけでも確認してもらえるという流れ。そこで面白そうな記事を見つけてくれれば読者を1秒でも長くガジェマガに繋ぎとめられるというからくり。

ロゴがあればトップページを一応見る

一方ロゴを常に表示することによって記事ページの情報量を減らすのもどうかとは思ったんだけど、色々な人のブログを見た結果、トップページにだけはアクセスしている俺がいることに気付いた。読者としても別れ際の死に目だけは見てやるという意識があるんだと思う。

でもそんな時も「トップページに戻る」ボタンすら見つからなければわざわざ探すようなことはしない。さらっと戻るボタンをタップしてお別れ。5秒後にはお別れしたことすら忘れてる。それがブログの世界。

だから常にロゴを表示することにした。プラスアルファでブログ名を覚えてもらえるし、メニューボタンから別のカテゴリにアクセスしてくれたら更に嬉しい。1%の積み上げの先に成功があるのがブログビジネスだと信じてる。

シークバーの導入手順

やったこと報告だけで終わると参考にならなさすぎるからこれらの機能をどうやって実装したのかも一応書いていく。パクるなり参考にするなり自由にしてほしい。

まずはシークバーから。これはほぼ「WP Reading Progress」プラグインを入れるだけだから超シンプル。

設定は下記。

  • バーの表示位置 bottom
  • バーの色 #da1725
  • バーの太さ .7vh
  • バーのスタート 0%
  • ページ全体を参照 オフ
  • 表示ページ post,page

これだけ。非常に簡単。できればバーの右端にカエルのアイコンでもつけて存在をわかりやすくしたいんだけど俺にその技術はなかったからパス。余裕があればCHATGPTと格闘しながら実装に挑みたいと思ってる。

追記:シークバーにカエルアイコンを実装しました

一晩ChatGPTと格闘した結果シークバーにカエルアイコンを実装できたからその方法も解説する。

といってもやり方は簡単で下記CSSを追加するだけ。

/*-----------------------------------
プログレスバーの改造
------------------------------------*/

#ruigehond006_wrap{
Max-width:98%;
}

#ruigehond006_bar {
position: relative;
overflow: visible;
Max-width:98%;
}

#ruigehond006_bar::after {
content: "";
position: absolute;
top: 50%;
right: -14px;
transform: translate(50%, -50%); /* 中央揃え */
width: 50px; /* アイコンの幅 */
height: 50px; /* アイコンの高さ */
background-image: url('https://2week.net/wordpress/wp-content/uploads/画像2-2.png'); /* アイコン画像のURL */
background-size: contain; /* アイコンを枠に合わせる */
background-repeat: no-repeat;
z-index: 10; /* アイコンが他の要素より前に表示されるように */
}

/*-----------------------------------
シークバーのスマホ表示の横幅調整
------------------------------------*/
@media only screen and (max-width: 600px){

#ruigehond006_wrap{
Max-width:96%;
}

#ruigehond006_bar::after {
width: 33px; /* アイコンの幅 */
height: 33px; /* アイコンの高さ */
}
}

これで俺のサーバーに置いてあるカエルのフリー画像アイコンが参照される。

任意のアイコンに変更したい場合は自分のサーバーに画像を上げてURLを変更すればOK。

記事内固定目次の導入手順

次に記事内固定目次を導入する。こっちは少し難しい。

まず「Easy Table of Contents」プラグインをインストールする。

設定は下記。

一般タブ

  • サポートを有効化 投稿、固定ページ
  • TOC Loading Method JavaScript
  • スクロールを滑らかにする オン

高度タブ

  • 見出し 見出し2(h2)のみチェック

Sticky TOCタブ

  • Sticky TOC オン
  • サポートを有効化 投稿、固定ページ
  • カテゴリー 表示
  • デバイス 設定なし(選択)
  • 位置 右
  • 高さ 下
  • 幅 auto
  • 高さ auto
  • ボタンテキスト 目次
  • Click TOC Close on Mobile オフ
  • Click TOC Close on desktop オフ

次に追加CSSが下記。

/*-----------------------------------
固定目次ボタンの位置とサイズの調整
------------------------------------*/

.ez-toc-open-icon {
top:auto;
bottom: 50px;
background-color: #040404a6;
color: #fff;
box-shadow:none;
padding: 3px 10px 10px;
}

.ez-toc-open-icon span.text {
transform: rotate(0deg);
}

/*-----------------------------------
目次表示時の高さと表示スピードの調整
------------------------------------*/

.ez-toc-sticky-fixed.show {
top: auto;
bottom: 20px;
}
.ez-toc-sticky-fixed.show {
-moz-transition: right .1s linear;
-o-transition: right .1s linear;
transition: right .1s linear;
right: 0;
}

.ez-toc-sticky-fixed.hide {
-webkit-transition: opacity .3s linear, right .3s cubic-bezier(.4, 0, 1, 1);
-ms-transition: opacity .3s linear, right .3s cubic-bezier(.4, 0, 1, 1);
-o-transition: opacity .3s linear, right .3s cubic-bezier(.4, 0, 1, 1);
transition: opacity .1s linear, right .1s cubic-bezier(.4, 0, 1, 1);
right: -100%;
top: auto;
bottom: 20px;
}

/*-----------------------------------
目次表示時の配置と文字サイズと下線の調整
------------------------------------*/

.ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container {
border-bottom-color: #EEEEEE;
background-color: #ffffff00;
border-bottom: 0px solid #e5e5e5;
}

.ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container {
margin-top: 25px;
}

.ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container {
padding: 0px;
height: 0px;
top: 0;
}
.ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container {
font-size: 14px;
min-width: 100%;
}

#ez-toc-sticky-container a {
color: rgba(255, 255, 255, 1);
}

.ez-toc-sticky-fixed .ez-toc-sidebar {
padding: 0px 10px;
background-color: #040404d1;
border-radius: 10px 0 0 10px;
height: auto;
}

#ez-toc-sticky-container li, #ez-toc-sticky-container ul, #ez-toc-sticky-container ul li, div.ez-toc-sticky-widget-container, div.ez-toc-sticky-widget-container li {
line-height: 2;
border-bottom: dotted 1px #ccc;
}

/*-----------------------------------
タップした目次を灰色表示しない
------------------------------------*/

#ez-toc-sticky-container a:visited {
color: rgba(255, 255, 255, 1);
}

/*-----------------------------------
×ボタンを白色表示
------------------------------------*/
.ez-toc-sticky-fixed .ez-toc-close-icon {
color: rgba(255, 255, 255, 1);
}

/*-----------------------------------
デスクトップ表示のみのサイズ変更
------------------------------------*/
@media only screen and (min-width: 960px){
.ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container {
max-width: 300px;
}

.ez-toc-sticky-fixed.show {
bottom: 30px;
}

.ez-toc-sticky-fixed.hide {
bottom: 30px;
}
}

これで俺と同じ目次表示が可能なはず。

できれば現在地に応じて目次をハイライトさせたかったけど現在の俺の技術では無理。余裕があればCHATGPTと格闘しながら実装に挑みたいと思ってる。

追記:現在地ハイライトも実装できました

これもChatGPTと一晩格闘すると実装できたからその方法も解説する。

ただこれはちょっとテクニカルで、まずウィジェット画面にあるEasy Table of Contentsの「目次」ウィジェットをどこでもいいからなるべく見えないところで表示させる。俺はスライドメニュー内の下という誰も開かない場所に表示した。

見えなくていい。読み込ませることが重要。これによってスクロールに応じて要素「.ez-toc-sticky-container」にactiveが追加されるJavascriptが走る。

次にスマホ内固定目次の要素となる「.ez-toc-sticky-container」にもactiveが付与されるようにJavascriptを追記する。それが下記。

<script>
document.addEventListener('DOMContentLoaded', function() {
// アクティブなリストアイテムを監視
const tocListItems = document.querySelectorAll('.ez-toc-widget-container ul.ez-toc-list li');

// 対象の sticky コンテナ
const stickyContainer = document.querySelector('.ez-toc-sticky-container');
const stickyListItems = document.querySelectorAll('.ez-toc-sticky-container ul li');

// 関数: アクティブなアイテムの状態を更新
function updateActiveState() {
let foundActive = false;
tocListItems.forEach((item, index) => {
if (item.classList.contains('active')) {
foundActive = true;

// stickyコンテナにactiveを追加
stickyContainer.classList.add('active');

// 対応するstickyリストアイテムにactiveを追加
stickyListItems.forEach((stickyItem, stickyIndex) => {
if (stickyIndex === index) {
stickyItem.classList.add('active');
} else {
stickyItem.classList.remove('active');
}
});
}
});

// アクティブなアイテムがない場合、stickyコンテナのactiveを削除
if (!foundActive) {
stickyContainer.classList.remove('active');
stickyListItems.forEach(stickyItem => {
stickyItem.classList.remove('active');
});
}
}

// MutationObserverの設定
tocListItems.forEach((item) => {
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.attributeName === 'class') {
updateActiveState(); // activeの状態を更新
}
});
});

// 監視を開始
observer.observe(item, { attributes: true });
});

// 初期化: ページ読み込み時にアクティブ状態を更新
updateActiveState();
});
</script>

全部ChatGPTに書いてもらったから内容は全く理解していない。動けばOK。

このJavascriptをワードプレスの「外観」→「ウィジェット」→「カスタムHTML」に書き込んで、フッターウィジェットに放り込む。

これでスクロール位置に応じてリスト項目に「active」が追加されるから、そのactiveに対するCSSを最後に追加して表示を微調整するのが下記。

/*-----------------------------------
active項目のみの変更
------------------------------------*/
.ez-toc-sticky-container li.active>a {
font-weight: 900;
background-color: #9e9e9e3d;
}

これで俺は動いた。何かあっても責任は取らない。特にJavascriptをいじるのは色々怖い。復旧できる体制を整えてから挑戦してほしい。

グーグルアドセンスとはお別れ

結果的にではあるけどガジェマガは開設から8年間お世話になったグーグルアドセンスとお別れすることになった。グーグルアドセンスの審査通過ではテンションが上がったし、月数万円ではあるけど積み重なる収入は非常にありがたかった。グーグルアドセンスに感謝。

ただありがたいことにガジェマガはある程度の知名度とPVを得ることができて、グーグルアドセンスが無くてもアフィリエイト収入で十分運営できるようになった。

月100万の収入があるのに月2万円のアドセンス収入の為に読者にストレスを与えるべきではない。寧ろ2万円を手放した方が回遊率が上がって収入が上がる可能性も十分ある。という総合的な判断でグーグルアドセンスは削除した。

現在はアドブロック全盛時代

しかも今はアドブロック全盛でそもそもクリック型広告が下火なんだ。俺自身もブレイブブラウザを便利に使わせてもらってる。

つまりアクセス数が増えてもクリック型広告だと大きな収入が見込めないのが現実なんだ。グーグルアドセンス排除は時代の流れ。ならこっちから排除して適応してしまえば良いという話。

別にグーグルアドセンスを否定したいわけではないけど、大きな流れには逆らえないし、今のガジェマガには必要ないというだけ。もちろんブログビジネスはまずグーグルアドセンスからという認識は変わらない。

他人のブログは良くも悪くも写し鏡

俺も最近はYoutubeとかTikTokばかり見ていて、動画って勝手に進んでくれるから楽だよなーなんてことを思いながら文字を読むことをさぼりまくっているんだけど、なんだかんだ俺はブロガーでもある。

ブロガーとして生きていく以上業界研究とライバル分析は必須。なら他人のブログは読まないと。そうすることで写し鏡となり、他人の良い点が参考になるだけでなく悪い点も多く目につく。いずれにせよ自分の改善に繋がるという流れ。

令和になって更に文字需要は減り、電車の中でも皆スマホでYoutubeとインスタばかりの世界ではあるんだけど、とはいえ文字需要はなくならないのもまた事実。少ないパイだからこれからの参入はお勧めしないけど、ライバルが少ないからこその旨味はある。

俺はそこにあやかっていきたいし、何よりブログが好き。書き続けたいからこそ読んでほしい。だから今後も妥協なく改善していきたい想い。という美しい締め方で終わる。

これもいっとく?(見てほしいやつ)

800万回線到達
【残り483万回線】楽天モバイル血と涙のばら撒きキャンペーン開始

ここに来て楽天モバイルがまたとち狂った。三木谷社長を介して楽天に乗り換えると14000ポイントも貰えてしまうし、新規でも7000ポイントも貰える。 しかも一人辺り10回線までOK。既に楽天を契約してて ...

続きを見る

2024年上半期に買ってよかったもの買ってよくなかったもの

最近毎月やってる感のあるアマゾンセールが今月もまたあるらしい。但し今回のは年内最大規模なんだとか。 とはいえ最近は楽天もアマゾンもセール多すぎ。もはやホストのイベントみたいでなんの希少性も無いんだけど ...

続きを見る

こっちもおすすめ(おもしろいやつ)

失敗談・コラム 結婚生活

2024/12/1

【婚前契約書】結婚という不平等条約に防衛策を講じた話【泥沼離婚】

月刊ガジェマガでも書いたけど結婚する。予定。 まだしてない。あくまで予定。とはいえ結婚怖い。これは饅頭怖いとはわけが違う。マジで怖い。男の墓場。 なぜなら結婚は男に対する一方的な不平等条約だからなんだ。これが世の男性がなかなか結婚に踏み切れない理由でもある。それを少しでも改善したい。そう思って調べた結果、婚前契約書なる物を発見し締結するに至った。 だから今回は俺がなぜ婚前契約書を締結したのか、どんな内容なのかを世の結婚を迷える子羊に向けて解説する。参考にしてほしい。 結婚は圧倒的な不平等条約 上でも書いた ...

スマホ 感想

2024/12/10

メインスマホをPixel 9 ProからGalaxy S24に戻した理由

スマホゲーを全くしない俺はとにかくカメラに拘ってスマホの最適解を探し続けていて、先月それまで使っていたGalaxy S24からカメラ最強スマホのPixel 9 Proに乗り換えたんだけど、1ヵ月使用して結局またGalaxy S24に戻してしまった。 ということでその理由を解説する。スマホ選びの参考にしてほしい。 Pixel 9 Proはカメラ最強スマホ 繰り返しになるけど俺がPixel 9 Proに乗り換えた理由はカメラの画質が最強だったからなんだ。Galaxy S24と比較しても明確に違うし、特に標準カ ...

メンズ美容・健康 失敗談・コラム

2024/9/2

125万円払ったのに40万円でまた歯列矯正することになった話

俺は34歳で125万円もかけて歯列矯正を完了したことで念願の歯並び良い族の仲間入りを果たし、今現在は各所でマウントを取りまくっているんだけど、そんな俺に不測の事態が訪れた。 125万円も払ったのに歯並びが悪くなった。しかも全て俺が悪い。うんこ。 ということでまた追加で40万円も払って歯列矯正することになったからその失敗談を語る。これからの歯列矯正を検討している人、今歯列矯正してる人は参考にしてほしい。俺の屍を超えて行け。 【結論】固定器失くして歯並びが悪くなった いつも通り最初に結論から書いてしまうと全て ...

お金・投資 失敗談・コラム

2024/11/15

【富裕層】資産1億になって変わったお金の使い方、価値観【FIRE

ガジェマガの開設から8年。ありがたいことにブログとYoutubeが当たって2024年7月に俺の総資産が一億円を突破して富裕層になった。 とはいえ急に何が変わるということでもないんだけど、一億円を突破した記念にそれなりの資産を持って変わったお金の使い方とか価値観の変化をまとめる。 年収2000万になったときの変化をまとめた記事は下記。 基本的に一億貯めるのは無理 まず最初に絶望的な話からになるけど基本的に多くの日本国民が一億を貯めるのは無理。これはマウントを取りたいとかではなく、そもそも個人が一億以上の資産 ...

俺の一軍 腕時計・スマートウォッチ・小物

2024/11/9

【ポケットと鞄の中身】身に着けてる物一覧と選んだ理由、感想【俺の一軍】

ガジェマガでは過去に鞄はいらないとかポケットを活用しろとかスマホはこれ使えとか有線イヤホンは使うなとか色々なことを言いすぎていて、 「で、結局今のお前は何を使ってるの?」 って聞かれることがたまにあるから、ここではポケットと鞄の中身と、ついでに小物類、衣服、靴などなど俺が日常身に着けてメイン利用している物と、それを使っている理由、そしてその感想を一言でまとめていく。ポケットと鞄の中身の参考にしてほしい。 この記事では「俺の一軍シリーズ」として環境が変わるたびに内容を随時更新する続ける予定(最終更新2024 ...

メンズ美容・健康 俺の一軍

2024/11/7

【美容・健康環境】継続してる自己投資一覧とその感想【俺の一軍】

38歳は俺が10年前に考えていた以上に深刻。全身は痛いし顔もたるむ。肌質もよくないしハゲまで進行している。なにもしないと途端におじさん化する。だからやらざるを得ない。 そんな俺も最近は抗うために全力で、毎月の出費も増え続けてるのが現状。とはいえ38にもなると美容以外に金の使い道も無いからまぁ良いかとも思ってる。 ということで今回は今現在の俺が実践してる、俺なりに色々試した中でも効果を感じた美容健康法をまとめる。 この記事では「俺の一軍シリーズ」として環境が変わるたびに内容を随時更新する続ける予定(最終更新 ...

メンズ美容・健康 失敗談・コラム

2024/2/16

【口コミ】ゴリラクリニックヒゲ脱毛で30万円提示された話【高すぎ

髭いらねーって思って髭の永久脱毛に手を出そうとしたんだけど、ゴリラ脱毛のカウンセリング価格が想像以上に高くて、ネットでの値段の記載方法が悪質だと感じたので今日はその件を書きたい。 毎日髭剃るのめんどくさい みんなもそうだと思うけど、朝起きて仕事行くまでの時間は戦争だ。なぜなら俺はなるべく寝ていたい!むしろ起きたくない!でも社会人なので流石に会社に遅刻するわけにもいかず、毎日生きるためにゾンビ顔負けの死んだ表情で通勤しているのが実情だ。 そんな社会人にとって朝の時間は貴重だ。歯を磨いて顔を洗って髭そって朝ご ...

DIY ライフハック

2024/10/29

【ベッド拡張DIY】シングルベッドをセミダブルにした話【ニトリ】

一人暮らしだからと言ってシングルベッドに拘る必要があるだろうか、いやない(反語)。ということに一人暮らし10年目にして気づいたからベッドを拡張することにした。 いつの間にか6畳1Kの限界に挑むのが俺の生きがいになりつつあるんだけど今回は多分その集大成にして頂点。色々取り組んできた部屋改善は多分これで終わりになる。 ということで実際にベッドをどう拡張したのか、6畳でベッドを大きくして快適になったのか、生活に支障は出ないのかを解説したい。 6畳1Kの限界に挑む 繰り返しになるけど俺は10年間6畳1Kの激狭物件 ...

メンズ美容・健康 ライフハック 感想

2023/8/15

6か月かけて湯シャンに完全移行した過程、苦労と感想【脱シャンプー

思い返せば湯シャンについての記事を書いたのが2022年の8月。気づけば既に10ヵ月が経過しているんだけど この間には本当に紆余曲折があった。 洗いすぎは体に良くない。理論的に湯シャンは正しいはず。と思いながらも耐えられずにシャンプーに戻したり頻度を減らしたり試行錯誤をした結果、2023年3月頃からはようやく湯シャンに完全移行できた。 ということでその過程及び苦労、湯シャンの感想をまとめたい。 湯シャンのきっかけは荷物の削減 そもそも俺が湯シャンを始めた理由は荷物を削減するためなんだ。俺は地方とかバンコクと ...

ライフハック 俺の一軍

2024/11/7

【ルームツアー】家で使ってる物一覧と選んだ理由、感想【俺の一軍】

ガジェマガでは過去に色々な商品をレビューしすぎていて、 「で、結局今のお前は何を使ってるの?」 って聞かれることが多いから、ここでは俺の家で今現在使っている物と、それを使っている理由、感想を一言でまとめる。住環境構築の参考にしてほしい。 この記事では何か環境が変わるたびに内容を随時更新して俺の1軍をまとめる続ける予定(最終更新2022年11月10日) 家で使っている物一覧 まず俺が家の中で使っている物を一覧にすると下記。 クリックで感想にジャンプ リビング環境 壁美人 テレビ ChromeCast Fir ...

-ブログを書くコツ

Index

Copyright© ガジェマガ , 2024 All Rights Reserved Powered by AFFINGER5.