JavaScriptIT系おじさんのチラシの裏2018年10月~プロフィールAUTHOR:とっちら書きたくなったときに書きたいことを書く雑記ブログ。IT系のネタが多いかも知れません。11:57とっちら1年前の記事に助けられました。14:28とっちらこの記事のお陰で60分録画できるようになりました。16:01とっちらライセンスを明示して貰えると使いやすいのですが。14:37ご回答いただきどうもありがとうございます。21:56とっちら超初心者です。統計情報お問い合わせ当サイトの記事にはアフィリエイト広告のリンクが含まれる場合がありますJavaScriptJavaScriptで無限スクロールを実装するのはとても簡単(jQuery不要)ある意味、前回の「JavaScriptとCSSを使ったスライドショーで画像を遅延ロードする方法」と関連するのですが、最後までスクロールしたと思ったら、スクロールバーが増えて画像が追加された!みたいなペJavaScript02020-08-19JavaScriptとCSSを使ったスライドショーで画像を遅延ロードする方法すまない、”また”スライドショーの話なんだ。最初に投稿した「JavaScriptでスライドショーみたいな画像切替え(jQueryなし)」ではJavaScriptのsetTimeout関数、およJavaScript02020-08-18JavaScriptとCSSで画像をふわっと切り替えるスライドショーを作る以前、「JavaScriptでスライドショーみたいな画像切替え(jQueryなし)」と題してスライドショーは作ったのですが、CSSは使っておらず、フェードイン/アウトのようなトランジション処理も入ってJavaScript42020-08-17JavaScriptで写真の上を自由に動かせる注釈を作ってみる以前、「CSSでクリッカブルマップのように画像へ注釈を入れる例」という記事で、画像の上に注釈を表示する例を紹介しました。今回はその注釈テキストをJavaScriptを使って、自由に追加/編集/JavaScript02020-07-31JavaScriptでプルダウンメニューを複数連動させるなるべく簡単な方法1つのプルダウンを変更したら、その内容に連動して別のプルダウンを変更するという使い古された手法のお話。最近の検索エンジンはJavaScriptで表示されたWebページもほとんど正確に読み取ることが出来るそうで、動的にページを書き換えるサイトも増えてきました。ページ切り替えの動作はURLの後JavaScript22020-06-17JavaScriptを使いWeb上でファイルのドラッグ&ドロップを実現する例HTML5になってからWeb要素へのドラッグ&ドロップがサポートされ、今となってはありふれた機能でサンプルコードもそこら中に公開されていますが、少し気になったことがあったので備忘録として記事に残しておJavaScript02020-06-16JavaScriptとlistでコンボボックスを使ったタグ追加/削除機能を実装WordPressの投稿画面とか、あるいは動画投稿サイトなどでもそうですが、最近は何かというとタグ付けが多いですよね。カテゴリでガチガチに縛るよりも、柔軟に対応できるので良いと思うのですが、あJavaScript02020-06-09puppeteerでAmazonのレポートページに自動ログインしてSSを撮る以前、「WSH(VBScript)でブラウザを自動操作する」でも軽く名称だけ触れていますが、Node.jsライブラリと聞くだけで何だか難しそう...とPuppeteerを敬遠していました。ところがJavaScript02020-06-03jQuery不要なLightbox代替スクリプトLuminousが本当に軽量jQueryって...重いですよね。各種ブラウザへの対応が面倒くさかった時代には本当にありがたかったのですが、モダンブラウザ全盛の今、jQueryの必要性を感じないことが多くなってきました。以前、「ブラウザで画像ファイルを選択した時にプレビュー表示する方法」という記事で、imgタグでプレビューする方法とcanvasでプレビュー方法の2種類について解説しました。前回の記事「JavaScriptで画像を連続表示してコマ撮りムービー風の表示をしてみる」では連続して画像を表示することで、コマ撮りムービーのようなものをブラウザ上に表示することに成功しました。XでISO感度比べ」の記事を書いた際、微妙な違いの写真って縦や横に並べただけじゃ比較しづらいよなぁ...と感じました。今までWebで表示するプログレスバー(進捗状況が表示される横棒)といえばDIVタグで描くもの、と思い込んでいたのですが、最近になってHTML5にはProgressタグなるものがあると知ったので早速使っJavaScript32019-05-30JavaScriptで1文字ずつ表示するサンプルをドラクエ風に作ってみる前回、「JavaScriptでキー入力を判別してドラクエ風の戦闘画面を作ってみる」ではonkeydownの解説だけではつまらないかと思い、思わずドラクエ風の戦闘画面を作ってしまいました。とっちらか~るTOP。