実装
実装タグ記事(更新日順)
-
【CSS】文字に下線(アンダーライン)の引く方法【HTML】
タグ: 実装
更新日:CSS で 文字に下線(アンダーライン)の引く方法 本文中のテキストや見出しに CSS で下線を付けたい時があると思います。アンダーラインは text-decoration や border を利用してとても簡単に実装で […] -
認証付きダウンロード機能
タグ: アンケートフォーム, データベース, メール配信, 実装
更新日:自社のホームページで CAD図面 やカタログ・パンフレットをダウンロードできるようにしていますか? 会員制をとらない制限付きダウンロード機能 ダウンロード認証とは PDF などの資料を普通にリンクを張るだけでおくと誰でも […] -
【Chrome】開発者ツールの使い方【デバッグ】
タグ: 実装, 開発者ツール
更新日:開発者ツールを使ったデバッグ方法 開発者ツールの各機能の使い方はわかったが、実際にどう使えばいいのかわからないという方向けに、javascript で作成した関数のデバッグを実践的に行います。 今回はボタンのクリックでパ […] -
webページにチャット機能を入れる方法
タグ: PageSpeed Insights, タグマネージャー, 勉強会, 営業, 実装
更新日:弊社のお客様で Smallchat を入れられている方がおられて,引き合いが来たことがあるということを聞いたので早速このサイトにも入れてみたのだが,PageSpeed Insights の点数が 30点ぐらい悪くなるので […] -
【CSS】目のマークでパスワードの表示を切り替える実装方法
タグ: 実装
更新日:目のマークでパスワードの表示非表示を切り替える 目のアイコンをクリックすることでパスワードの表示非表示の切り替える方法を今回は CSS で実装しました。 javascript での実装は【JavaScript】目のマーク […] -
【WordPress】アイキャッチ画像を設定しないでもサムネイルを表示する方法
タグ: WordPress, プラグイン, 実装
更新日:WordPress でいちいちアイキャッチ画像を設定するのは面倒くさいと思ったことはないだろうか. 「アイキャッチ画像 いらない」で検索している人がかなり多い.やはり面倒なのだろう. ただ,テーマによっては様々な場所でア […] -
【JavaScript】目のマークでパスワードの表示を切り替える実装方法
タグ: 実装
更新日:目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […] -
【比較】ソースコード表示用ライブラリ
タグ: PageSpeed Insights, SEO, WordPress, プラグイン, 実装, 開発者ツール
更新日:今回は wordpress のソースコード表示用ライブラリを選ぶときに一度は目にするであろう Prism.js、highlight.js、google-code-prettify について書きました。 上記3つは軽量のラ […] -
【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
タグ: 実装
更新日:【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える ログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。 ですが、もしパスワード […] -
【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
タグ: 実装
更新日:パスワードを入力する機会が増えた昨今では必須の機能と言える、パスワード表示ボタンのクリックでテキストの表示・非表示をjavascriptを使って切り替える方法を紹介します。 今回のサンプルコードではパスワード入力欄を作成 […] -
リッチリザルトの ロゴ への対応
タグ: サーチコンソール, リッチリザルト, 実装
更新日:引き続き,リッチリザルトへの対応の記事. 弊社(レクタス)のロゴ Google ではロゴ | Google 検索セントラル | Google Developersで記述方法を説明している. ロゴと言っても https:/ […] -
【CSS】レスポンシブ(スマホ)対応横スクロールテーブル(表)
タグ: スライダー, レスポンシブ対応, 実装, 開発者ツール
更新日:(2021/03/18 文章追加とコード微修正) レスポンシブ対応のホームページの制作で面倒なものの一つに表(table)がある. 横に並んだものを縦にする CSS はよく目にするが,横長のものだと項目が多い場合に訳が分 […] -
【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
タグ: レスポンシブ対応, 実装
更新日:【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成 のページに「メガメニュー」で検索して辿り着く人がいるので,メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする. (2020 […] -
「オフスクリーン画像の遅延読み込み」への対策
タグ: Git, PageSpeed Insights, Youtube, サーチコンソール, ページ閲覧解析, ログ解析, 実装
更新日:PageSpeed Insights の「改善できる項目」の中の「オフスクリーン画像の遅延読み込み」で 「オフスクリーンの非表示の画像は、重要なリソースをすべて読み込んだ後に遅れて読み込むようにして、操作可能になるまでの […] -
Youtube 動画の埋め込みで遅いページの高速化
タグ: PageSpeed Insights, SEO, Youtube, 実装, 開発者ツール
更新日:Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法. 原因は iframe で各動画を読み込みに行くため. 「youtube 複数 埋め込み 高速化」「youtube 複 […] -
レスポンシブな多階層ハンバーガーメニューの作り方【CSSのみ】
タグ: アニメーション, レスポンシブ対応, 実装
更新日:スマホで現れるハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う. これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ. 恐らく,箇条書きのメニ […] -
CSSで円(丸)を描き,内側にテキスト(文字)を入れる
タグ: 実装
更新日:円をかいて,中に文字を入れるとはこのような絵のこと. 上 左 中央 右 下 CSS と HTML による円とテキストの記述方法 中の文字の位置指定のポイント CSS は以下のようになる. 円は position: rel […]
Apache
Chrome 拡張機能
Git
PageSpeed Insights
SEO
WordPress
Youtube
z-index
お問い合わせフォーム
アウトライン
アナリティクス
アニメーション
アンケートフォーム
ウェビナー
キーボード
サーチコンソール
サーバー管理
スライダー
セミナー
タグマネージャー
テレワーク
デザイン
データベース
ヒアリング
プラグイン
ページ閲覧解析
マーケティング
メール配信
リッチリザルト
レスポンシブ対応
ログ解析
ローカル環境構築
制作例
勉強会
商品企画
営業
営業力
営業支援システム
実装
検索順位
検索順位チェックツール
構造化データ
脆弱
追跡
開発者ツール