- 投稿日:2022-06-29T23:11:31+09:00
自作のChrome拡張機能をManifest V3へ移行した際の修正内容まとめ
自作のChrome拡張機能 Chord Dictionary 修正内容 manifest.json { - "manifest_version": 2, + "manifest_version":…
- 投稿日:2022-06-29T22:18:10+09:00
Asciidoctor Web PDFで表紙をつくってみた
1. はじめに Asciidoctor Web PDFは、asciidoc形式のファイルをPDFに変換してくれます。 フォントもとりあえずでよければ、適当に選んでくれるみたいです。 処理系は ja…
- 投稿日:2022-06-29T21:10:22+09:00
【JavaScript】ワンクリックで複数のページが開くリンクをブログに設置する方法
知人の依頼で作成 超簡単です、非エンジニアでもhtmlをいじれればできると思います。 ソースコード <p id="0629" style="color: #0000ee; text-decorati…
- 投稿日:2022-06-29T20:24:04+09:00
ag-grid-community 事始め
はじめに 高機能な表組み表示を求められ、グリッド表示ライブラリを試しております。 AG Grid(公式サイトのデモページ)がすごかったので、例に組み込んでみることにしました。 使用するのは、…
- 投稿日:2022-06-29T18:59:59+09:00
Jestのmockを使いES6クラスのテストを実装してみた 様々なモックの作成方法
以下の記事を参照して頂ければと思います https://note.com/shift_tech/n/nb2f427093fd8 ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関…
- 投稿日:2022-06-29T18:06:43+09:00
HTMLのdialog要素の背景をクリックした際にdialogを閉じる方法
dialog要素をクリックした際dialog要素の寸法をgetBoundingClientRectでdialog要素外かチェックして、要素外ならclose()させる。 See the Pen Unt…
- 投稿日:2022-06-29T18:06:43+09:00
HTMLのdialog要素の背景をクリックしてdialog要素を閉じる方法
IE11のサポートが終了して遂に色々なタグが自由に使えるようになってきました。 今まで使いたくても対応が面倒なので全部divにしていた要素の一つ、dialog要素を実装していて::backdropの…
- 投稿日:2022-06-29T14:00:16+09:00
IntersectionObserverとは?
はじめに フッターまでスクロールした際に、画面の下部にあるボタンがフェードアウトするような実装をしました。 scrollイベントだと、画面が動くたびにイベントが発火されるので、パフォーマンス的に良…
- 投稿日:2022-06-29T13:47:51+09:00
【javascript】【jquery】文字列を結合代入する
コード process.stdin.resume(); process.stdin.setEncoding('utf8'); let results = [ {'name' : '田中,', 'j…
- 投稿日:2022-06-29T13:39:40+09:00
相手の「n年前」のツイートを一発表示する(語句検索も)
動機 いろんな人の「n年前の今日」のツイートを見たい 故人の「5年前の今日」等をこまめに追えればグリーフケアの一助になるかも コード ブクマ用/一行圧縮 ※ブックマークのURL欄にコピペ java…
- 投稿日:2022-06-29T13:02:14+09:00
【javascript】【jquery】パイプライン演算子
数値でなければ、任意の数値を表示 コード process.stdin.resume(); process.stdin.setEncoding('utf8'); let a = 123; conso…
- 投稿日:2022-06-29T12:09:06+09:00
【海外イベント紹介】 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…
- 投稿日:2022-06-29T10:54:14+09:00
Railsで最新V8のSwiperへのバージョンアップに対応する
こんにちは、りです。 先日Swiper.jsは4.5.0から8.2.4(時点最新)へアップデートされました、(怖いバージョン差😂)、今回はその対応STEPSとバージョンの解説をまとめました。 概要 …
- 投稿日:2022-06-29T10:27:30+09:00
【JavaScript】9割自力でまるばつゲーム作った
QiitaでのQ&Aに2回ほど助けられましたが、それ以外すべて自力で作りました。 今後コードの簡略化と勝敗の判定の追加に励みます。 アドバイスやご意見等お待ちしております。 ```html <!DO…
- 投稿日:2022-06-29T10:05:19+09:00
テキストファイルの文字コードを変換する
環境 Ubuntu 20.4 + Vagrant(Windows10) Node.js v16.14.0 はじめに テキストファイル(CSVファイルなど)の文字コードを判断して、S-JISであれば…
- 投稿日:2022-06-29T08:56:25+09:00
依存モジュール(ライブラリ)のライセンスをチェックする仕組みを導入してみた
以下の記事を参照して頂ければと思います https://note.com/shift_tech/n/n6fd1f955658b ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関…
- 投稿日:2022-06-29T07:30:45+09:00
JavaScript用フレームワークfairy support jsの基本的な使い方
fairy support jsの特徴 仮想DOM使わない 簡単に使えて学習コストが少ない(仮想DOMではないのでJavaScriptの知識だけで使える) 昔ながらの伝統的なつくりのWebシステム…
- 投稿日:2022-06-29T00:16:47+09:00
Azure Functions をバックエンドとした LINE Bot を作成する
アプリケーションのインタフェースとして LINE はよく使用されていますが、LINE SDK を使ってさまざまなアプリケーションが作成できるので非常に便利です。今回は LINE の Messagin…