JavaScript

JavaScript カテゴリー記事(更新日順)

  1. Youtube 動画の埋め込みで遅いページの高速化
    Youtube 動画の埋め込みで遅いページの高速化
    カテゴリ: CSS, JavaScript, ホームページ
    更新日:
    Youtube の複数の動画を埋め込むとページ自体が非常に遅くなる(重い)時の高速化(軽量化)の方法. 原因は iframe で各動画を読み込みに行くため. 「youtube 複数 埋め込み 高速化」「youtube 複 […]
  2. アンケートフォーム
    アンケートフォーム
    カテゴリ: HTML, JavaScript, システム, ホームページ, マーケティング
    更新日:
    問い合わせやアンケートを自由に簡単に作成したい! アンケートフォームとは 資料請求やお問い合わせなど引き合いを出したい時に必要な情報だけを記入して,ボタンを押すだけでそのホームページを持っている会社や人宛にメッセージを送 […]
  3. メールフォーム作成方法について
    カテゴリ: HTML, JavaScript, php, python, ホームページ, 知識, 言語
    更新日:
    メールフォームとは ホームページにあるお問い合わせ用のメールフォームは企業にとっての受付窓口です. どのような受付窓口であるかは引き合いの数や質を左右する重要な要素です. 実店舗でも入りやすい入り口,入りにくい入り口があ […]
  4. 【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    カテゴリ: HTML, JavaScript
    更新日:
    目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […]
  5. VIDEO タグの動画で大きな再生ボタンを配置する方法
    VIDEO タグの動画で大きな再生ボタンを配置する方法
    カテゴリ: HTML, JavaScript
    更新日:
    動画をホームページに置きたい場合,Youtube を利用するのが手軽ではあるが,自分のサイトにファイルを置きたい場合の方法を書く. 再生ボタンを中心に配置した VIDEO タグでの動画表示 Chrome で video […]
  6. 【WordPress】目次自動作成スクリプト改良版【javascript少な目】
    【WordPress】目次自動作成スクリプト改良版【javascript少な目】
    カテゴリ: JavaScript, php, ホームページ, 知識
    更新日:
    以前,「【WordPress】目次を自動生成するには」という目次自動生成スクリプトを紹介したことがあった. 今回,「A タグの href に javascript:void(0); とか入れんな」という突っ込みを Pag […]
  7. 【Chrome】開発者ツールの使い方【デバッグ】
    【Chrome】開発者ツールの使い方【デバッグ】
    カテゴリ: JavaScript, システム, 知識
    更新日:
    開発者ツールを使ったデバッグ方法 開発者ツールの各機能の使い方はわかったが、実際にどう使えばいいのかわからないという方向けに、javascript で作成した関数のデバッグを実践的に行います。 今回はボタンのクリックでパ […]
  8. 「リンクはクロールできません」と言われた時
    「リンクはクロールできません」と言われた時
    カテゴリ: HTML, JavaScript, ホームページ, 知識
    更新日:
    引き続き,新しいPageSpeed Insights 対策. PageSpeed Insights で SEO という種別の中に「リンクはクロールできません」という文言が出てくるときがある. 「リンクはクロールできません […]
  9. FID (First Input Delay) の改善
    FID (First Input Delay) の改善
    カテゴリ: JavaScript, ホームページ, 知識
    更新日:
    FIDとは(初回入力遅延とは) PageSpeed Insights に出てくる Core Web Vitals の一つ First Input Delay 解説ページである Web Vitals を見てみると Firs […]
  10. チェックボックスのデザインをカスタマイズする
    チェックボックスのデザインをカスタマイズする
    カテゴリ: CSS, HTML, JavaScript
    更新日:
    チェックの切り替えでデザインが変わるチェックボックス チェックボックスの切り替え時に、デザインを変更したい場合はないでしょうか。例えば会員登録情報の変更時に、登録済みの情報とは別の情報を選択した場合、変更したことが目に見 […]
  11. 【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    カテゴリ: JavaScript, 知識
    更新日:
    パスワードを入力する機会が増えた昨今では必須の機能と言える、パスワード表示ボタンのクリックでテキストの表示・非表示をjavascriptを使って切り替える方法を紹介します。 今回のサンプルコードではパスワード入力欄を作成 […]
  12. webページにチャット機能を入れる方法
    webページにチャット機能を入れる方法
    カテゴリ: JavaScript, ホームページ
    更新日:
    弊社のお客様で Smallchat を入れられている方がおられて,引き合いが来たことがあるということを聞いたので早速このサイトにも入れてみたのだが,PageSpeed Insights の点数が 30点ぐらい悪くなるので […]
Pagetop