JavaScript

ページ内のスクロール処理、例えば[上へ]ボタンや[下へ]ボタンは様々なWebサイトで見られますが、実装方法はいろいろと異なりますし、特定の要素を指定したスクロールについては少しややこしいので、その

ある意味、前回の「JavaScriptとCSSを使ったスライドショーで画像を遅延ロードする方法」と関連するのですが、最後までスクロールしたと思ったら、スクロールバーが増えて画像が追加された！みたいなペ

すまない、”また”スライドショーの話なんだ。 最初に投稿した「JavaScriptでスライドショーみたいな画像切替え（jQueryなし）」ではJavaScriptのsetTimeout関数、およ

以前、「JavaScriptでスライドショーみたいな画像切替え（jQueryなし）」と題してスライドショーは作ったのですが、CSSは使っておらず、フェードイン／アウトのようなトランジション処理も入って

以前、「CSSでクリッカブルマップのように画像へ注釈を入れる例」という記事で、画像の上に注釈を表示する例を紹介しました。 今回はその注釈テキストをJavaScriptを使って、自由に追加／編集／

1つのプルダウンを変更したら、その内容に連動して別のプルダウンを変更するという使い古された手法のお話。 ちょっと検索すればJavaScriptのサンプルが山ほど出てくるかと思いますが、ハードコー

1年近く前に「JavaScriptでドラッグ＆ドロップによる画像の入れ替えを実装する」という記事を投稿してその存在自体忘れていたのですが、先日「JavaScript ドラッグ＆ドロップで並べ替え」と検

先日、「JavaScriptで画像を連続表示してコマ撮りムービー風の表示をしてみる」で13枚の画像を並べた際、ふと、これをドラッグ＆ドロップで並べ替えできたら便利かなと感じたため、さっそく作ってみまし

入力フォームには既にplaceholderという属性があって、簡単な入力ヒントを表示することが出来ますが、今回はそれに加えて入力欄にフォーカスが移動した際に右側にふきだしのようなツールチップを表示する

以前、「ブラウザで画像ファイルを選択した時にプレビュー表示する方法」という記事で、imgタグでプレビューする方法とcanvasでプレビュー方法の２種類について解説しました。 しかし、どちらもFi

最近の検索エンジンはJavaScriptで表示されたWebページもほとんど正確に読み取ることが出来るそうで、動的にページを書き換えるサイトも増えてきました。 特にページ切り替えの動作はURLの後

HTML5になってからWeb要素へのドラッグ＆ドロップがサポートされ、今となってはありふれた機能でサンプルコードもそこら中に公開されていますが、少し気になったことがあったので備忘録として記事に残してお

WordPressの投稿画面とか、あるいは動画投稿サイトなどでもそうですが、最近は何かというとタグ付けが多いですよね。 カテゴリでガチガチに縛るよりも、柔軟に対応できるので良いと思うのですが、あ

以前、「WSH(VBScript)でブラウザを自動操作する」でも軽く名称だけ触れていますが、Node.jsライブラリと聞くだけで何だか難しそう…とPuppeteerを敬遠していました。 ところが

今までWebページ上でPDFファイルを作る必要があった場合には大抵PHPで処理してきましたが、ふとJavaScriptでPDFの作成が出来ないものかと思い、ちょっと調べてみました。 jsPDFと

PHPでファイルをアップロードするサンプル PHPで複数ファイルをアップロードするサンプル に引き続き、ファイルのアップロードに関する記事です。 PHP側でもアップロードされる拡張子

前回、「JavaScriptでキー入力を判別してドラクエ風の戦闘画面を作ってみる」ではonkeydownの解説だけではつまらないかと思い、思わずドラクエ風の戦闘画面を作ってしまいました。 しかし

パスワード関連の記事が続きましたので、ついでにJavaScriptでパスワードを生成する方法について記事にしたいと思います。 パスワードに限らず、ユーザー識別のために一時的なIDを生成したりする

先日の記事、「JavaScriptでcanvasを録画して動画ファイルに保存する方法」では複数の画像ファイルからwebm形式の動画を生成しましたが、Twitter等のSNSではwebm形式に対応してい

10年くらい前のような気がしますが、その頃はブラウザで画像アップロードするときのプレビュー機能はWebサイト上でワリと普通に実装されていたと記憶しています。 どういうコーディングだったかはうろ覚