ブログの投稿者: 結城永人タイトル: 無限スクロールを作成する：JavaScriptのIntersection ObserverにFetchを組み込んだプログラム投稿のリンク: https://www.nagahitoyuki.com/2019/06/create-infinite-scroll-a-program-that-incorporates-fetch-into-intersection-observer-by-javascript.html最終更新: 2024年1月22日 コメント

JavaScriptのプログラミングでサーバーを介したデータの受け渡し：Ajax通信を行う仕組みの一つにFetch APIがある。オブジェクトに最初からウェブの送受信の時間差の難点を克服するPromiseを想定して使えるのが特徴で、旧来のXMLHttpRequest APIと比べて便利に刷新された機能を有する。 しかし取得するデータがDocumentインターフェースに属さないのがちょっと使い辛い。 例えばfetch()メソッドでhtmlファイルのデータをtextで受け取ってもそこからHTMLを操作するのはUSVStringだから合わなくて全く不可能なのが厄介みたいな場合が出て来る。 Fetch APIはデータに特化して読み書きに純粋に注力するべく考案されているのか、少なくともhtmlファイルなどを一つのDOMツリーとして種々と操作するには却って旧来のXMLHttpRequestこそまだ便利

ブログの投稿者: 結城永人タイトル: YouTube動画の大きいサムネイル画像の取得エラーを回避するJavaScriptプログラム投稿のリンク: https://www.nagahitoyuki.com/2019/06/javascript-program-to-avoid-the-acquisition-error-of-large-thumbnail-image-of-youtube-video.html最終更新: 2024年1月22日 コメント

サイトに開閉ボタンでメニューを出した際のエフェクトとして外側を暗くすると見易い。そして開閉ボタンだけではなくて開いたメニューの範囲外、または新しく表示された領域外のクリックでも同じように閉じられると使い易い。どう作成するべきか、JavaScriptで実行するプログラムを考えてみる。 開いたメニューの外側を暗くする プログラムのアイデアとしてHTMLの領域のdiv要素を新たに作成してCSSで暗い背景色を付けて開いたメニューと元のコンテンツの間に挿入する方法が挙げられる。 サンプルのソースコード （開閉ボタン） ※押すとメニューが外側の明暗を変えながら開閉する。 HTML <span class="svg-button"> <svg class="hamburger-menu-1" width="142" height="30" viewBox="0 0 142 30"><rect width

ブログの投稿者: 結城永人タイトル: JavaScriptのonclickとclassListとsetTimeoutを使ったアニメーション付きの開閉ボタンのプログラム投稿のリンク: https://www.nagahitoyuki.com/2019/05/a-program-for-animated-open-close-buttons-with-javascript-onclick-classlist-and-settimeout.html最終更新: 2024年8月21日 コメント

ブログの投稿者: 結城永人タイトル: サイトに画像の遅延読み込みをGoogle推奨のIntersection Observerで実装しよう投稿のリンク: https://www.nagahitoyuki.com/2019/04/implement-lazy-loading-of-images-on-your-website-with-google-recommended-intersection-observer.html最終更新: 2024年8月7日 コメント

ブログの投稿者: 結城永人タイトル: JavaScriptの画像などの読み込みが遅い場合に使いたいpreloadのソースコード投稿のリンク: https://www.nagahitoyuki.com/2018/09/source-code-of-preload-you-want-to-use-if-loading-of-images-etc-is-slow-in-javascript.html最終更新: 2024年7月22日 コメント

ブログの投稿者: 結城永人タイトル: JavaScriptの繰り返しボタン：押した回数を数えて実行結果を元に戻すプログラム投稿のリンク: https://www.nagahitoyuki.com/2018/09/javascript-repeat-button-program-that-counts-the-number-of-pressed-times-and-restores-the-execution-result.html最終更新: 2024年7月22日 コメント

結城永人 Japan 二十代前半から作家活動を天職として何よりも励んで来ました。当初は小説家を志望していましたが、十年を経て作詩する機会も増すほどに詩人こそ素性だと認めるに至りました。以降、個人的に永遠を歌う生き方として自分の中で最も重要な位置を占めています。ブログについては2015年から『些細な日常』を本格的に運営しています。人生、健康、芸術、学問、娯楽、開発、言語、政治、社会、歴史、生物、自然、等々、どんな話題でも自由気儘に取り上げるつもりです。今までの経験を活かしながら新しい思考や表現を得られれば良いと思ってやっています｜学歴：経済学士。職歴：物流業。資格：はんだ付け。特技：ダイエット。 詳細プロフィールを表示

ブログの投稿者: 結城永人タイトル: JavaScriptで日付や時刻を取得して曜日を数値から文字列へと変換する方法投稿のリンク: https://www.nagahitoyuki.com/2018/09/how-to-get-date-and-time-in-javascript-and-convert-day-of-the-week-from-number-to-string.html最終更新: 2024年8月21日 コメント

jQueryを使えば色々と便利なことがあります、今回はjQueryを使って要素をボタン化して、それにアクションを加えてやるというものです TENPARA.NETで現在作成中のテンプレートで作成しているスマートフォンでボタンをクリックしたらメニューが出来るものです、これもjQueryでボタン化してそれにアクションを加えています 初期状態 左上のボタンをクリックして展開 仕組み 左上のボタンはdivですクラスがbutton-toggleのやつです、このdivにアクションを付けることでボタン化しています アクションは、他の要素がslideup、slidedownを交互に繰り替えるslideToggleを使うことで表現しています HTML コード <header> <div class="title"><h1><a href="">創造WEB</a></h1></div> <div class="