実装

実装タグ記事(更新日順)

Lightbox のような高級感を CSS のみで実現
タグ: css, z-index, アニメーション, 実装
更新日: 2026年08月27日
lightbox 風な動作を CSS のみで実現してみた．(javascript や jQuery を使わないで) ライトボックスは画像の拡大表示で手軽に高級感を醸し出せるので使っているサイトは結構あると思う．前回書い […]
Chromeの開発者ツールでHTMLを一時的に書き換える方法
タグ: 実装, 開発者ツール
更新日: 2026年08月24日
Chromeの開発者ツールでHTMLを一時的に書き換える Chromeの開発者ツール（Chrome DevTools）を使うと、WebページのHTMLやCSSをブラウザ上で一時的に書き換えられます。この機能は、Webサ […]
パスワードが不要な会員サイト機能
タグ: ログ解析, 実装
更新日: 2026年06月20日
以前からオンライン展示会という機能が存在していて，利用していただいていますが，この度，その機能を進化させて，会員サイト機能を作成しました．最初から入れる人の条件を決めておいて，それに合致する人でないと入れないというもの […]
認証付きダウンロード機能
タグ: アンケートフォーム, データベース, メール配信, 実装, 検索エンジン
更新日: 2026年06月20日
自社のホームページで CAD図面やカタログ・パンフレットをダウンロードできるようにしていますか？会員制をとらない制限付きダウンロード機能ダウンロード認証とは PDF などの資料を普通にリンクを張るだけでおくと誰でも […]
レスポンシブな多階層ハンバーガーメニューの作り方【CSSのみ】
タグ: css, アニメーション, レスポンシブ対応, 実装
更新日: 2026年04月09日
スマホで現れるハンバーガーメニューとはスマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う．これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ．恐らく，箇条書きのメニ […]
Youtube 動画の埋め込みで遅いページの高速化
タグ: css, PageSpeed Insights, Youtube, 実装, 開発者ツール
更新日: 2026年04月09日
Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法．原因は iframe で各動画を読み込みに行くため．「youtube 複数埋め込み高速化」「youtube 複 […]
トリニティ組織という考え方
タグ: 勉強会, 商品企画, 営業, 営業支援システム, 実装, 経営
更新日: 2026年01月23日
トリニティ組織矢野和男とても面白い本だったので，勉強会で矢野氏の本を遡って紹介しているが，この中で言われているトリニティ(三角形)を増やす動きをしている営業を見つける仕組みをレクタスの営業支援システムに取り入れさせ […]
リダイレクト(転送)の設定(.htaccess)
タグ: WordPress, 実装
更新日: 2025年11月19日
ホームページのリダイレクトはリニューアル時には必ず設定するのでよく行うのだが，色々な方法があるので備忘録として書いておく．ウェブサーバーとして，Aapache を使っている場合についてのみ記述する．リダイレクトの例 […]
【Chrome拡張機能】Google 検索結果 100件表示
タグ: Chrome 拡張機能, 実装, 検索エンジン
更新日: 2025年10月21日
最近，Google の検索結果がスクロールで増えなくなっただけでなく，設定でも 100 件などに変更ができなくなってしまった．それは前の投稿で既に言及している． ※注意) 2025/9 ぐらいから 100件表示ができな […]
独自 CMS 導入のデメリット
タグ: WordPress, 実装, 検索エンジン, 脆弱
更新日: 2025年07月15日
ホームページを制作する際にベタなHTMLで制作する方法とCMS(コンテンツマネジメントシステム)を使って製作する方法がある． CMS を導入するとリンクを増やしたり，レイアウトを考えなくてよかったり，便利なことも多い反面 […]
【Chrome拡張機能】「AI による概要」を非表示
タグ: Chrome 拡張機能, 実装
更新日: 2025年07月02日
最近，Google の検索結果の最上部が AI に埋め尽くされる様になってしまった．正直に言って，でたらめが多いので困っている．「Search Labs | AI による概要」と出てくる部分のことだ．全然違う情報を […]
【WordPress】目次自動作成スクリプト改良版【javascript少な目】
タグ: PageSpeed Insights, PHP, WordPress, 実装
更新日: 2024年11月13日
以前，「【WordPress】目次を自動生成するには」という目次自動生成スクリプトを紹介したことがあった．今回，「A タグの href に javascript:void(0); とか入れんな」という突っ込みを Pag […]
アコーディオンを CSS でシンプルに表示する
タグ: 実装
更新日: 2024年07月15日
ウェブページでアコーディオン表示を使う場合は気をつけましょうというページを書いておいてどうなのかということだが，一応，javascript (jQuery) を使わない「アコーディオン表示」の書き方を説明する．アコーデ […]
「オフスクリーン画像の遅延読み込み」への対策
タグ: Git, PageSpeed Insights, サーチコンソール, ページ閲覧解析, ログ解析, 実装
更新日: 2024年01月11日
PageSpeed Insights の「改善できる項目」の中の「オフスクリーン画像の遅延読み込み」で「オフスクリーンの非表示の画像は、重要なリソースをすべて読み込んだ後に遅れて読み込むようにして、操作可能になるまでの […]
【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
タグ: css, 実装
更新日: 2023年10月17日
【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替えるログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。ですが、もしパスワード […]
【CSS】文字に下線(アンダーライン)を引く方法【HTML】
タグ: css, 実装
更新日: 2023年10月17日
CSS で文字に下線(アンダーライン)を引く方法本文中のテキストや見出しに CSS で下線を付けたり下線の位置を調整したいときがあると思います。アンダーラインは text-decoration や border を利 […]
【WordPress】新着情報で2週間以内の投稿記事に new をつける方法
タグ: css, PHP, WordPress, プラグイン, 実装
更新日: 2023年06月02日
WordPress を使っている企業のホームページなどでは新着記事に new というマーク(アイコン)をつけて目立たせたいと思う方もいるだろう．しかし，プラグインはいろいろ面倒なので入れたくない．そういう場合にコピペ […]
【JavaScript】目のマークでパスワードの表示を切り替える実装方法
タグ: css, 実装
更新日: 2023年01月27日
目のマークでパスワードの表示非表示の切り替え実装以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […]
【開発者ツール】紫の斜線の意味とは【Chrome】
タグ: 実装, 開発者ツール
更新日: 2023年01月27日
Chrome のデベロッパーツールで確認できる紫の斜線の意味とは検証ツールでセレクタモードから要素を選択するとき、要素に紫の斜線が表示されているのを見たことがないでしょうか。以下の画像の紫の斜線部分です。ボックスモデ […]
VIDEO タグの動画で大きな再生ボタンを配置する方法
タグ: Youtube, アニメーション, 実装
更新日: 2022年12月31日
動画をホームページに置きたい場合，Youtube を利用するのが手軽ではあるが，自分のサイトにファイルを置きたい場合の方法を書く．再生ボタンを中心に配置した VIDEO タグでの動画表示 Chrome で video […]