JavaScriptの記事一覧 | コーディング・プログラミング・WEB制作ブログ

JavaScript

• 

  ChatGPT等のAIに記事要約する共有ウィジェットの実装方法：javascript

  自社サイトやブログの記事ページに「この記事をAIで要約する」導線を設置したいと考える方は増えています。近年はChatGPTやGemini、Claude、Perplexityなどを使って、読者自身が記事内容を整理したり、要 […]

  続きを読む
  2026-03-13 JavaScript , WordPress
• 

  HTMLの＜pre＞タグにコピーボタンを設置する方法：javascript

  JavaScriptを使用して<pre>タグ内のテキストをワンクリックでコピーできるボタンを自動生成する方法をご紹介します。

  続きを読む
  2026-03-11 JavaScript
• 

  ドラッグで左右の画像比較する方法：javascript

  ドラッグで左右の画像比較ができるjavascriptをご紹介します。 WordPressのプラグインでいうと「Twenty20 Image Before-After」のような動きをjsのみで実装する方法です。 ビフォーア […]

  続きを読む
  2023-10-25 JavaScript
• JavaScript

  よく使う正規表現の書き方まとめ：jQuery・javascript

  フォームのエラーチェック等でよく使うjsの正規表現の書き方をまとめます。 正規表現のサンプル一覧 正規表現パターン 解説 /^[0-9]*$/ 半角数値のみ /^[a-zA-Z]*$/ 半角英字のみ /^[0-9a-zA […]

  続きを読む
  2023-06-09 JavaScript
• JavaScript

  SNAZZY MAPSを使用してgoogleマップをカスタマイズする方法

  SNAZZY MAPSを使用してgoogleマップの見た目をカスタマイズする方法をメモ。 ＜head＞内に を追加 YOUR_API_KEYの箇所は自分のgoogle map APIキーを入れます。 HTML内のマップを […]

  続きを読む
  2020-04-14 JavaScript
• JavaScript

  javascriptでURLのパラメータを引き継ぎつつスマホ版にリダイレクトする方法

  javascriptを使用してURLのパラメータを引き継ぎつつスマホ版にリダイレクトする方法

  続きを読む
  2019-07-03 JavaScript
• JavaScript

  スマホ等にjavascriptを読み込ませない方法

  レスポンシブなどでPC・スマホサイトを作成する際に、 PC版のみにjavascriptを読み込ませて、スマホには読み込ませたくない時に、 ユーザーエージェントを使い、出しわける処理の方法をメモ。 jQueryソースに記述 […]

  続きを読む
  2014-11-04 JavaScript
• JavaScript

  スムーズなページ内リンク(別ページからも対応)：jQuery

  jQueryでページ内リンクをするするーっとスムーズな動きでさせる方法をメモ

  続きを読む
  2022-10-28 JavaScript
• JavaScript

  ウィンドウサイズに合わせて高さ(height)を合わせる：javascript

  サイドバーに背景を指定している場合等に、javascriptでサイドバー等の高さがウィンドウサイズに足りてなくてもDIV要素をウィンドウサイズの高さに合わせる方法をメモ。

  続きを読む
  2012-10-20 JavaScript
• JavaScript

  サイズを指定して別ウインドウで開く方法

  よくサイト内のヘルプなどを開くときに小さめのサイズの別ウインドウで開くことがありますがその方法をメモ

  続きを読む
  2012-05-07 JavaScript