20220629のJavaScriptに関する記事は18件です。

自作のChrome拡張機能をManifest V3へ移行した際の修正内容まとめ

自作のChrome拡張機能 Chord Dictionary 修正内容 manifest.json { - "manifest_version": 2, + "manifest_version":…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Asciidoctor Web PDFで表紙をつくってみた

1. はじめに Asciidoctor Web PDFは、asciidoc形式のファイルをPDFに変換してくれます。 フォントもとりあえずでよければ、適当に選んでくれるみたいです。 処理系は ja…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】ワンクリックで複数のページが開くリンクをブログに設置する方法

知人の依頼で作成 超簡単です、非エンジニアでもhtmlをいじれればできると思います。 ソースコード <p id="0629" style="color: #0000ee; text-decorati…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ag-grid-community 事始め

はじめに  高機能な表組み表示を求められ、グリッド表示ライブラリを試しております。  AG Grid(公式サイトのデモページ)がすごかったので、例に組み込んでみることにしました。  使用するのは、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Jestのmockを使いES6クラスのテストを実装してみた 様々なモックの作成方法

以下の記事を参照して頂ければと思います https://note.com/shift_tech/n/nb2f427093fd8 ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

HTMLのdialog要素の背景をクリックした際にdialogを閉じる方法

dialog要素をクリックした際dialog要素の寸法をgetBoundingClientRectでdialog要素外かチェックして、要素外ならclose()させる。 See the Pen Unt…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

HTMLのdialog要素の背景をクリックしてdialog要素を閉じる方法

IE11のサポートが終了して遂に色々なタグが自由に使えるようになってきました。 今まで使いたくても対応が面倒なので全部divにしていた要素の一つ、dialog要素を実装していて::backdropの…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

IntersectionObserverとは?

はじめに フッターまでスクロールした際に、画面の下部にあるボタンがフェードアウトするような実装をしました。 scrollイベントだと、画面が動くたびにイベントが発火されるので、パフォーマンス的に良…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【javascript】【jquery】文字列を結合代入する

コード process.stdin.resume(); process.stdin.setEncoding('utf8'); let results = [ {'name' : '田中,', 'j…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

相手の「n年前」のツイートを一発表示する(語句検索も)

動機 いろんな人の「n年前の今日」のツイートを見たい 故人の「5年前の今日」等をこまめに追えればグリーフケアの一助になるかも コード ブクマ用/一行圧縮 ※ブックマークのURL欄にコピペ java…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【javascript】【jquery】パイプライン演算子

数値でなければ、任意の数値を表示 コード process.stdin.resume(); process.stdin.setEncoding('utf8'); let a = 123; conso…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【海外イベント紹介】 Speeding up Singapore’s COVID-19 response with the Jamstack by Kwa Jie Hao

今回は、「Jamstackカンファレンス 2021」で行われたプレゼンテーションから、 「Speeding up Singapore’s COVID-19 response with the Jam…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Railsで最新V8のSwiperへのバージョンアップに対応する

こんにちは、りです。 先日Swiper.jsは4.5.0から8.2.4(時点最新)へアップデートされました、(怖いバージョン差😂)、今回はその対応STEPSとバージョンの解説をまとめました。 概要 …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】9割自力でまるばつゲーム作った

QiitaでのQ&Aに2回ほど助けられましたが、それ以外すべて自力で作りました。 今後コードの簡略化と勝敗の判定の追加に励みます。 アドバイスやご意見等お待ちしております。 ```html <!DO…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

テキストファイルの文字コードを変換する

環境 Ubuntu 20.4 + Vagrant(Windows10) Node.js v16.14.0 はじめに テキストファイル(CSVファイルなど)の文字コードを判断して、S-JISであれば…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

依存モジュール(ライブラリ)のライセンスをチェックする仕組みを導入してみた

以下の記事を参照して頂ければと思います https://note.com/shift_tech/n/n6fd1f955658b ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScript用フレームワークfairy support jsの基本的な使い方

fairy support jsの特徴 仮想DOM使わない 簡単に使えて学習コストが少ない(仮想DOMではないのでJavaScriptの知識だけで使える) 昔ながらの伝統的なつくりのWebシステム…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Azure Functions をバックエンドとした LINE Bot を作成する

アプリケーションのインタフェースとして LINE はよく使用されていますが、LINE SDK を使ってさまざまなアプリケーションが作成できるので非常に便利です。今回は LINE の Messagin…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む