【.htaccess】コメントアウトの書き方
技術
.htaccessファイルでコメントアウトを行う方法を分かりやすく解説。2026年のサイト運用に欠かせない、保守性を高める記述テクニックをマスターしましょう。
BLOG
-
-
YouTubeの動画をモーダル表示したい
技術
YouTubeの動画をモーダル表示が必要な案件の依頼を受けました。実装が簡単にできるライブラリ「modal-video.js」を見つけたので、YouTube動画モーダルを実装する方法を解説しています。ライブラリの利点や必要なファイルの追加やHTML/JavaScriptの追加手順を説明しています。また、実際に実装のデモ例も紹介しています。
-
サイトにギャラリーブロックを追加しました。
サイト
サイトにギャラリーブロックを追加しました。
-
【CSS】stickyを使用してヘッダーを固定する
技術
Webサイト制作で必須の「ヘッダー固定」をCSSのposition: stickyでスマートに実装する方法を解説。JavaScriptを使わない基本設定から、スクロール時に影をつける応用テクニックまで網羅しています。モダンな手法でパフォーマンスと保守性を向上させましょう。
-
銭湯に持っていくポーチの中身
日常
毎週銭湯に通う、銭湯大好きな私が、銭湯に持っていくポーチの中身を紹介しています。必要最低限ですが、効果のあるものを持っていくことを心がけています。メンズコスメ初心者なので、お手柔らかに。。。
-
【ニュースティッカー】トップページに新着記事を数件表示したい
技術
新着記事を数件表示する「ニュースティッカー」を、jQueryプラグインの「bxSlider」を使って実装する方法が紹介しています。実装手順として、まず必要なファイルの読み込み、次にHTML内に記事を配置し、最後にJavaScriptで動作設定を行います。このページでは、簡単なデモも紹介しています。
-
【楽天市場】シャワーヘッドが壊れました
日常
突然シャワーの先から「ガコッ」っと音が鳴りました。楽天市場で購入したシャワーヘッドが壊れた経緯と原因を説明し、その後、購入した商品の詳細を振り返ります。さらに、節水効果や年間の節約金額を計算し、混合水栓にも使用可能なおすすめのシャワーヘッドを紹介しています。最後に、逆止弁の設置についても触れています。
-
【CSS】疑似要素をhoverで表示したい時の正解
技術
CSSの疑似要素（::before/::after）にhoverが効かなくてお困りですか？その原因はセレクタの指定順序にあります。この記事では、疑似要素をホバーで変化させる正しい書き方を、コピペで使えるコード付きで解説。画像の切り替えやアニメーションのコツなど、実務で使えるTipsも網羅しています。
-
画像の表示を高速化する方法【Preloadで最適化】
技術
link rel="preload" と fetchpriority="high" を組み合わせて、サイト表示を極限まで高速化する方法を解説。2026年のWeb制作に欠かせないLCP改善のテクニックから、画像・フォント別の具体的なコード例、使いすぎによる逆効果を防ぐ注意点まで詳しくまとめました。
-
【CSS】文章を「〇行」で省略！行数の制限と語尾を変更
技術
2026年版・CSSだけで行数制限を行う決定版。標準仕様への移行期における -webkit-line-clamp の必要性と、Chrome/Safari/Firefox/Edgeをカバーする4行の最小コードを紹介。JS不要でレスポンシブにも対応。ブロックレベル要素への適用や高さ指定の注意点など、実務的なハマりポイントを網羅しています。
-
【2026年版】CSSだけでスクロールバーを非表示にする
技術
2026年最新のCSSでスクロールバーを非表示にする最短コードを解説。IE廃止に伴い -ms-overflow-style は不要。scrollbar-width: none; と ::-webkit-scrollbar { display: none; } の2行で、Chrome、Safari、Firefox、Edge全ブラウザに対応可能です。実装時のユーザビリティの注意点まで網羅。
-
サーバにログインせずに、PHPバージョンを確認する
技術
FTPしか使えない環境でも、サーバーログイン不要でPHPバージョンを確認する方法を解説。phpinfo() を使った確認用PHPファイルをアップロードし、ブラウザから1分で現在のPHPバージョンを調べる手順を紹介します。PHPアップデート調査やWordPress保守、クライアントサイト確認時にも役立つ実践的な方法です。
-
【壊れた！？】サロニアのドライヤーから異音！
日常
約1年半使用したサロニアのドライヤーについてレビューしています。風量の強さ、軽さ、デザイン性がの特徴と、最近発生した異音に関しては少し残念な点として挙げています。全体的には、低価格でありながらコストパフォーマンスが高い製品と評価しています。
-
【4ヶ月払った】「hi-hoサービス利用料」との闘い
日常
クレジットカードの明細にあった「hi-ho(ハイホー)サービス利用料」。解約方法について解説しています。私は、4ヶ月で4356円（1089円 × 4）も利用せずに支払いをしてしまいました。
-
【相見積もりは3社】単身引越しの手順書
日常
単身引越しを効率よく進めるための手順を解説しています。相見積もりの重要性や、見積もりを取る業者の選び方（大手2社＋地域1社の組み合わせ）について具体的な内容を紹介しています。また、面倒な方には一括での相見積もり方法も提案しました。引越しをリーズナブルかつスムーズに進めたい方に役立つ情報が詰まっています。
-
inline要素の上下余白問題解決！CSSのwidth: fit-content;とは？
技術
CSSの「width: fit-content;」とは？どう使えばいい？基本の仕組みや具体的な活用方法、使用時の注意点を詳しく解説します。
-
【2024年12月】WEBエンジニアが選ぶ光回線
日常
リモートワークに最適な光回線の選び方を解説しています。ドコモ光を選んだ理由として、通信速度の安定性、キャッシュバックの充実、そしてスマホとのセット割引が挙げています。また、他社との比較や、光回線を選ぶ際のポイント（コスト、速度、手軽さ）も詳しく説明しています。リモート環境に適した光回線を探している方にとって有益な内容です。
-
【2024年11月】ahamoに乗り換えました！
日常
私がahamoに乗り換えた経験を基に、ahamoのメリットや乗り換え手順を紹介しています。料金の安さ、通信速度の安定性、手続きの簡単さについて解説し、実際の手続き画面を用いて詳しく説明しました。また、乗り換え後の感想として、月途中での変更でも料金やデータ容量に満足しています。
-
【レスポンシブ対応】画像にリンクを設置する
技術
レスポンシブな画像マップを作成する方法を説明しています。具体的な手順として、image-map-resizerとHTML Imagemap Generatorを使用して実装しています。実際の日本地図を用いたデモも掲載しています。
-
【試験前に必読！】基本情報技術者試験に合格しました
技術
基本情報技術者試験に合格するための勉強法を紹介しています。まず、試験の概要と受験を決めた理由を説明し、次に科目Aと科目Bそれぞれの具体的な勉強方法を紹介しています。具体的には、参考書を繰り返し読み、過去問を解くことが推奨しています。最後に、学習した知識を実務に活かすことを述べています。
-
【有料級!?】実務でお世話になっている無料サイト
技術
日々忙しい業務に追われており、中々アウトプットの時間が取れていない今日この頃。皆さんはいかがお過ごしでしょうか。少ない時間でも、アウトプットの時間を確保できるように努力します。そんなエンジニア初心者な私の作業効率を上げてくれている、無料サイトを皆さんにご共有します。ご参考までに。
-
メルカリで売れる「意外なもの」5選
日常
簡単に商品を出品し、不用品を売却できる便利なフリマアプリ メルカリ。普通なら捨ててしまうものが意外に売れています。メルカリで売れると不用品を処分する必要がなく、お小遣いになるので一石二鳥ですよね。そんな、メルカリで売れている意外なものをまとめています。
-
私がおすすめするサブスク【4選+α】
日常
豊富なサービス・種類のサブスクの中から、私が選んで利用しているおすすめのサブスクを紹介しています。皆さんのライフスタイルや好みに合わせたサブスクの選択によって、より日常が豊かになることを願っています。
-
【2023年版】楽天マラソン購入品
日常
2023年現在、私が毎月参加している楽天マラソンで、購入している商品を紹介しています。みなさんの購入する際に、参考になると嬉しいです。
-
MacBookとiPhoneが急に繋がった時の対策法
技術
会議のたびにMacBookのマイクが、自動でiPhoneに接続されてしまうことに悩んでいました。毎回毎回、解除することにうんざりしていたので、設定を変更して自動でiPhoneに繋がる設定を解除しました。
-
リモートワークで必須なモノ
技術
リモートワークを始めて、もうすぐ約1年が経とうとしています。仕事をしていて私が、必要だと感じている５つのモノをまとめています。リモートワーカーの皆様ご参考までに。
-
「寿司打」に打ち込んだエンジニア
技術
出社して気づいた同僚と比べた自分のタイピングの遅さ。生産性の向上を目指して、タイピング上達に打ち込んだ話をまとめています。日々タイピングの練習をして、最高記録の更新を目指します。
-
エンジニアに転職できました。。。
技術
フロントエンド1年目の私の初めてのブログです。転職活動を始めて約半年で、なんとか今の会社に希望の職種で内定を頂くことができました！転職の際に利用したサイト「Wantedly」について説明しています。