Jest・Supertestを使用したnode.js(Express)のAPIテスト app.listen()はエラーになる - Qiita
Jest・Supertestを使用したnode.js(Express)のAPIテスト app.listen()はエラーになるJavaScriptNode.jsExpressテストJest はじめに Jest・SupertestでAPIテストを作成した際に躓いたので、その実装の備忘録を残しておく。 この記事ではnode.js(Express)のAPIテストを実行できるようになる部分までを記載した。より実践的にはAPIテストのエンドポイントのメソッドでWeb APIをcallしているような場合は、それをmock化してWeb APIがcallされないようにすべきであるが、それについてはmockを使ったNode.js(Express)のAPIテストを参照。 （実際にテストを作る中でトラブって困った事もトラブった事として残した。） どうやってExpressのAPI(End Point)テストをjes
UiPathでカレンダー入力 – Epic Life
カレンダー入力を行うHTMLを作成してみる 開発ですが、 HTML と Javascript の知識が必要となります。 加え「かっこいいフォームを作りたい」となれば CSS の知識も必要となります。 とりあえず、作成してみたので下記コード記載します。 HTML5のインプットタイプ（date）を利用してもできるのですが、IEがHTML5に対応していないケースを考慮し Jquery のDatePicker を利用し開発しました。 <!DOCTYPE html> <!-- saved from url=(0014)about:internet --> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- jQuery --> <scri
【C#】Random Extensions – .NET / Unity用の乱数ライブラリ - Annulus Games
【C#】Random Extensions – .NET / Unity用の乱数ライブラリC#2024年8月26日2024年8月26日 .NET / Unity向けに新たな擬似乱数ライブラリ「Random Extensions」を作成しました！いつも通りOSSとしてGithubに公開しています。 .NETで擬似乱数を扱いたい場合、多くの場合はSystem.Randomクラスを使用することになります。が、このクラスは歴史的経緯もあり、内部実装や設計が混沌としたことになっています。(シードを指定するか否かで生成アルゴリズムが違う、実装ミスにより周期が保証されない、絶妙に抽象化層として役に立たないRandomクラスと謎のRandom.ImplBase、etc…) また、Unityで乱数を扱う場合はUnityEngine.Randomが用いられますが、こちらも古くからあるクラスなので、色々と設計上
はじめに 「fp-tsとかio-tsは使いこなせると便利だろうけどとっかかりがなぁ。。。」 「axios.getを叩いて返ってきたresponseの型をいい感じに推論したいなぁ。。。」 みたいな感情ないですか？僕はあります。 そういった方に向けて、fp-tsとio-tsを組み合わせたWebAPIの叩き方(with axios)の例を紹介します。 サンプルコードの実装はこちらのサイトを参考にしました。 この記事では扱わないこと この記事では上記ライブラリに興味を持ってもらうことを目的としているため以下の内容は取り扱わないです fp-tsやio-tsの導入方法 fp-tsやio-tsで提供されている機能の詳しい説明 関数型言語について 環境 OS: Ubuntu 18.04.6 LTS node: 12.22.5 fp-ts: 2.11.5 io-ts: 2.2.16 目次 responseの
「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」がWordpressで出る場合の解決方法。 Googleが提供するサイト診断ツール「PageSpeed Insights」の診断の項目にて「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」が出る場合の解決策をシンプルにまとめました。 Wordpressを使ったサイトでは「comment-reply.min.js」と「jquery.min.js」の２つのソースが指摘されていると思いますので、この両方に対応します。 技術的な内容はページ下の別記事にまとめたので、本当にシンプルにいきます。
An easy-to-use timesaver that brings class animation to any website. luge It’s simple and fast, and it gives every developer the chance to use animation on sites.
No.4114 相続税の課税対象になる死亡保険金｜国税庁
[令和6年4月1日現在法令等] 対象税目 相続税 概要 被相続人の死亡によって取得した生命保険金や損害保険金（偶然な事故に基因する死亡に伴い支払われるものに限られます。）で、その保険料の全部または一部を被相続人が負担していたものは、相続等により取得したとみなされて、相続税の課税対象となります。 この死亡保険金の受取人が相続人（相続を放棄した人や相続権を失った人は含まれません。）である場合、すべての相続人が受け取った保険金の合計額が次の算式によって計算した非課税限度額を超えるとき、その超える部分が相続税の課税対象になります。 500万円 × 法定相続人の数 ＝ 非課税限度額 なお、相続人以外の人が取得した死亡保険金には、非課税の適用はありません。 （注1） 法定相続人の数は、相続の放棄をした人がいても、その放棄がなかったものとした場合の相続人の数をいいます。 （注2） 法定相続人の中に養子が
DEV Community Follow A space to discuss and keep up software development and manage your software career
2023年8月にPython in Excelが発表されました。 これにより、Excelでscikit-learnやpandas（Pythonのライブラリ）を使うことができ、簡単に機械学習を実装できるようになりました。 なので今回は機械学習においてHello World!の位置づけ（入門者向け）にあるアヤメの分類をやっていきたいと思います。 Python in Excelの始め方はこちら Python環境(Google Colabratory)のアヤメの分類はこちら 動画Ver YouTubeにこの記事の内容を動画にしたものがあります。 動画で流れを確認したい方はこちらをご活用ください。 概要 アヤメの分類は機械学習の中でも教師あり学習の範囲になります。 教師あり学習とは、学習データに答えを付けた状態で学習をさせる方法です。 つまり、機械学習モデルに対して答え付きでデータを渡し学習をさせ、
Response
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2017年3月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback Response はフェッチ API のインターフェイスで、リクエストのレスポンスを表します。 Response オブジェクトは Response() コンストラクターを用いて生成することができますが、他の API 操作の結果として返される Response オブジェクトに出会う可能性が高いで
世の中の多くのことは時間軸に沿って進んでいます。1日のスケジュールもそうですし、歴史も時間によって進んでいきます。そうした時間ごとに発生するイベントを表示するのに、単なる一覧ではなく、時間軸を使うと分かりやすくなります。 今回紹介するTimespaceは時間ごとに発生するイベントを表示するライブラリです。 Timespaceの使い方 利用しているところです。イベントをクリックしたり、次のイベントに移動するとアニメーションされます。 クリックしたイベントの詳細が下に表示されます。 説明があれば追加で表示されます。 Timespaceは時間ごと、または年ごとなどで表示できます。歴史年表などであれば年ごとでいいでしょうし、数日であれば時間ごとが最適でしょう。こういった表示が最適な場合は限られるので、Timespaceを覚えておくとさっと使えて便利です。 TimespaceはjQuery/Java
CSSで特定の子要素を持つ親要素にスタイルを適用する方法！
CSSで特定の子要素を持つ親要素にスタイルを適用する方法！CSSで特定の子要素を持つ親要素にスタイルを適用させる方法についてサンプルコード付きで解説します。現状各ブラウザでは:has()の擬似クラスは使えないため、代替となる方法の紹介です。 CSSで例えばa要素を子要素に持つ親要素、.sampleというクラスの子要素を持つ親要素など特定の条件の子要素を持つ親要素に対してスタイルを適用したいケースを考えます。 この場合は実はCSS3では上記にドンピシャで使えるセレクタはありません。ただCSS4では:has()という擬似クラスが登場する予定で:has()を使うことで特定の条件の子要素を持つ親要素という指定が簡単に可能になります。
Benchmarking String Literal ("") vs Template Literal (``) - using Performance.now()
DEV Community Follow A space to discuss and keep up software development and manage your software career
はじめてのChakra UI | アールエフェクト
Chakra UI は UI ライブラリの一つでコンポーネントを利用して効率よくユーザインターフェイスを構築することができます。Chakra UI には 1 つのコンポーネントから作成できる Button コンポーネントから複数のコンポーネントを組み合わせて作成できる Modal コンポーネントまで用途毎にさまざまなコンポーネントが提供されています。どのようなコンポーネントが提供されているのかはドキュメントの Components ページから一覧で確認することができます。 コンポーネント一覧 Chakra UI は React だけではなく Vue でも利用することができますが、本文書では React を利用して動作確認を行なっているので React の知識があることを前提としています。提供されているコンポーネントの数も多いので利用頻度の高いコンポーネントを利用して Chakra UI の
ES2022 Preview: 10 Exciting JavaScript Language Features From 2021 JavaScript evolves quickly. In 2021, several proposals have moved to Stage 4 of the TC39 process and will be included in ES2022. They add the following features to JavaScript: Classes and Instances Private instance fields, methods, and accessorsExistence checks for private fieldsPublic static class fieldsPrivate static class fields
最近、配列に対して呼び出すことができる、相互運用可能な新しいメソッドがブラウザに導入されました。 Array.prototype.with()。 対応ブラウザ <ph type="x-smartling-placeholder"></ph> 110 回 <ph type="x-smartling-placeholder"></ph> 110 回 <ph type="x-smartling-placeholder"></ph> 115 <ph type="x-smartling-placeholder"></ph> 16 ソース この記事では、このメソッドの仕組みと、このメソッドを使用して配列を更新する方法について説明します。 コピーされます。 Array.prototype.with(index, value) の概要 Array.prototype.with(index, value)
CV率アップ！ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ！ PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホでも動作するよう対策も。 サンプルを用意しました。 jQuery関連記事 【jQuery】pdfが存在するか、mimeタイプのバリデーションする jQuery UIのsortableを使ってリストをドラッグで並び替える jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種 bxSliderの使い方と、オプションでのカスタマイズ方法 select・optionタグをjQueryで、プルダウンの選
申込書と契約書の違いとは？ 契約書になる3つの場合、印紙税法上のポイント - BUSINESS LAWYERS
契約は、一方の申込の意思表示と他方の承諾の意思表示が合致することで成立します。そうすると、申込書には、申込の意思表示しか記載されていないため、およそ「契約書」に該当することはないように思います。申込書が「契約書」に該当することはあるのでしょうか。また、どのような場合に申込書が「契約書」に該当するのでしょうか。 申込書は、原則として、「契約書」に該当することはありません。しかし、仮に文書の表題が「申込書」となっていても、それが契約の成立を証明することができる場合には、「契約書」に該当します。そのような場合として、印紙税法基本通達21条2項は、３つの場合をあげています。 申込書、注文書、依頼書などの文書 申込書、注文書、依頼書といった表題のつけられた文書（以下、単に「申込書」といいます）の取扱いには注意が必要です。「契約書は印紙が問題となる」ということは広く知られていますが、それゆえに「文書の
pyATS/Genieによるネットワーク構築作業の負荷軽減 | ネットワンパートナーズ株式会社ブログサイト
目次[非表示] 1.はじめに 2.ネットワークエンジニアの些細な(?)悩み 3.作業ミス回避のために陥る悪循環 4.今も昔も変わらない手動オペレーション 5.悪循環を抜け出したい！ 6.pyATSとは？ 7.Genieとは？ 8.Robot Frameworkとは？ 9.pyATS / Genie / Robot Frameworkの準備 10.pyATS/Genie with Robot Frameworkを動かしてみる 11.pyATS/Genie with Robot Frameworkの利点 12.おわりに 12.1.参考URL 12.2.DevNet関連記事 はじめにみなさんこんにちは。セールスエンジニアリング部の小堀と申します。 NOPセールスエンジニアリング部ではネットワークエンジニアのAPIやプログラマビリティへの対応力強化を注力テーマの一つとしています。今回は「Cisco
絞り込み検索ボックスとはアルバイトの募集とかでよく見る 五反田すんこオリジナルグッズ検索ページにあるような 条件を絞り込んで検索できるやつです。 こんなやつ。 チェックを入れるとその条件に合ったものだけ表示される便利な奴です。 最初は大変だけど、一度やってしまえばあとは楽なので 頑張ってやってみてね。 絞り込み検索ボックスの下準備 jQueryのスクリプトコード CSSコード htmlコード htmlコードの説明 検索ボックスを枠で囲む 絞り込み検索ボックスの下準備 絞り込み検索ボックスを設置するには、jQueryのスクリプトコード、CSSのコード、 htmlのコードの３つが必要です。 そのまま上から順に貼り付けていけば大丈夫です。 jQueryのスクリプトコード <script> var searchBox = '.search-box'; var searchItem = '.sear
Remix Guide
Wake up, Remix!It's time to go wake up Remix! Here's what we're building and what it means for React Router.
$(function(){})ってどういう意味？jQueryのおまじないをわかりやすく解説します | WordPress構築・SEO対策・広告運用ならモアフィールド
モアフィールド株式会社 〒420-0858 静岡県静岡市葵区伝馬町1-2 ホテルシティオ静岡3階 会社概要 プライバシーポリシー ©2025 More Field Inc.
こんにちは、daimaです。 本日は任意で設定した時刻によって 画像の表示/非表示を切り替えることができる表示期限付きバナーを 数行のjavascriptコードで実現する方法をご紹介します。 主な用途としては、 一度に複数の対象への期限設定が可能であり、 かつ利用方法も非常にシンプルとなっておりますので、 バナーの付け替え作業が頻出する ネットショップの工数削減などに特に力を発揮するかと思います。 デモとソースコード HTMLコード <div class="js-time_limited" data-appear_time="2020/12/25 15:45:00" data-disappear_time="2020/12/28 17:26:00"> <img src="{画像URL}" alt=""> </div> まずはHTMLコードです。 ここでのポイントはdiv要素に指定されている
ガントチャート（JSライブラリ： jquery.ganttView）をカスタマイズしてみた（１行に複数タスク） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
業務でコードを書く際、似たような処理を別の業務で実装した経験がある方も多いのではないでしょうか。中には、それを自作のライブラリとして作成して、GitHubで管理するという形を取っている方もおられるでしょう。 では、実際にそれを複数のプロジェクトで使用する際はどのように行っているでしょうか。 今やほとんどのエンジニアが使っているGitHubですが、その機能のひとつにGitHub Packagesと呼ばれるパッケージホスティングサービスがあります。 今回はこちらを利用して、自作のJavaScript関数をnpmライブラリとして管理する手順をご紹介します。 以前はGitHub Package Registryと呼ばれていたこのホスティングサービスですが、ひとことで言ってしまえば「作成したソフトウェアをGitHub上でパッケージとして管理することで、さまざまなプロジェクトで使えるようにしたよ」とい
GitHub - unlayer/react-email-editor: Drag-n-Drop Email Editor Component for React.js
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【画像の遅延読み込み】ページの表示速度を向上させるlazyload.jsの使い方【高速化】 | hirakublog ヒラクブログ
制作したサイトのページの表示速度が遅いと感じたことはありませんか？ imgタグで配置した画像は通常見えている画面内に映っていなくてもそのページにあるもは全て読み込まれてしまいます。 つまり見えてもいない画像を読み込むためページ表示速度が遅くなってしまいます。 しかしその問題は画像の遅延読み込みという技術を用いることにより解消することができます。 この記事ではそれ実装できるlazyload.jsをご紹介します！ 画像の遅延読み込みとは 遅延読み込みとは画面内に入ってきた画像のみ（タイミングは調整できます）読み込みます。 それ以外の見えていない画像は読み込み待ち状態となります。 つまり余計な画像を読まないためページの表示速度が速くなります。 デモ まずは下記のデモを御覧ください。 スクロールするを遅れて画像が読み込まれてるのが確認できるかと思います。 遅延読み込みを可能にするlazyload.
Pythonで作成したアプリケーションをWebサイトなど通して不特定多数に販売（商用利用）や無料で配布する場合、必ず気を付けないといけないことがあります。 それはライセンスの取り扱いです。 これを間違えると、大変な事態が発生することもあります。 例えば賠償金問題などです。 本当にこのライセンスの取り扱いって難しいんですよね。 それでも調べたPythonのライセンスについてまとめてみたので、ぜひ興味がある方は読んでください。 私は法律のスペシャリストではないので、ここで記載していることがすべて正しいというわけではないです。 会社員で、会社として商用で販売を考えているという方は、Webサイトの情報だけを信用するのではなく、きちんと専門家に相談してから行動することをお勧めします。 まずライセンスで考えるべき個所としては、そもそも何に対してのライセンスを考えなければならないのか、という点です。 答
はじめに 今回は、フォームなどで送信した際に、送信中に画面上にローディング画面を表示させる実装を行います。 完成イメージ 環境 MacOS 10.15.7 ruby 2.6.5 Ruby on Rails 6.0.0 jquery 3.4.1 前提条件 jQueryが導入済みであること。 font-awesomeが導入済みであること。 作業していきましょう ①jquery-loading-overlayの導入 今回は、「jquery-loading-overlay」というjQueryプラグインを使用してローディング画面を実装します。 jquery-loading-overlayを使う場合は、npmでインストールする方法や、CDNを使って導入する方法がありますが、今回はCDNを使った方法で導入していきます。 application.html.erbに
Examples & Demos | Cuttr.js - truncate multi-line text テキストを省略してブロックを小さくできる「Cuttr.js」 文字単位、単語単位といった区切りで文書を短くすることができ、Readmoreで全部表示ということが可能です 英語のライブラリなので日本語対応するにはカスタマイズが必要だと思いますが、文字単位ならそのまま使えますね
JQueryで拡大画像のモーダルウィンドが作れる「Lightbox」というプラグインはご存知でしょうか？ Lightboxはサイトにギャラリーを載せる際などに小さな画像を拡大して表示する時によく使われます。 ライセンスもMITなので無料でかつ、商用利用もできて入門者でも簡単に使えるので、JQueryで拡大画像のモーダルを作る際には一番おすすめのプラグインです。 そこで、今回はLightboxをJQueryで使う方法について詳しく解説していきます。 Lightboxとは何か LightboxはJavaScriptで、拡大画像が表示できるモーダルウィンドウが作れるJQueryのプラグインです。 サイトへの導入も簡単でJavaScriptとCSSのファイルをダウンロードするだけですぐに使うことができます。 また、JQueryは1.7以降が安定的に動作するので、別バージョンのものを用意のが面倒な場
信託型SOの税率を給与課税する話と出口の東証にはちゃんとして欲しい話 | 山本一郎（やまもといちろう） / マイノート by 夜間飛行
割と誤解が広がっているのかワイが知らされてきた話がポジショントーク過ぎて間違ってるのか分からんけど、関係先から「これ違わね」と連絡が来た。 https://twitter.com/cornwallcapital/status/1662094665473204225 [引用] 恐らく信託型SOの税率を給与課税にした所で増える税収なんかたかが知れてるわな。 参画者に夢を見てもらう事がスタートアップの活性化に資するのであって、それで減る多少の税収を必要なコストと認めて課税当局をゴルァ！するのが本気でスタートアップを支援する政治家の仕事やと思うねんけどな。 -- ボヴ氏のこのツイを受けて哲戸さんがこれ。 https://twitter.com/pp_GIRAUD/status/1662187120969273346 [引用] ここはロビーイングを間違えたかワザと嵌められたかで、いずれにしてもインテ
slick.jsのスライダーの矢印をカスタマイズする方法
①デフォルトの矢印付きのslickスライダーを実装わかりやすいようにデフォルトの矢印付きのslickスライダーを作成して、 そこから変更を加えていきます。 <div class="slider"> <div><img src="./img/slider_img01.jpg"></div> <div><img src="./img/slider_img02.jpg"></div> <div><img src="./img/slider_img03.jpg"></div> </div> <style> /*--スライダーの位置とサイズ調整--*/ .slider{ width:70%; margin:0 auto; } /*--------画像サイズ調整---------*/ img{ width:100%; } /*-----------height調整----------*/ .slick
GitHub - spotify/pedalboard: 🎛 🔊 A Python library for audio.
pedalboard is a Python library for working with audio: reading, writing, rendering, adding effects, and more. It supports most popular audio file formats and a number of common audio effects out of the box, and also allows the use of VST3® and Audio Unit formats for loading third-party software instruments and effects. pedalboard was built by Spotify's Audio Intelligence Lab to enable using studio
const Component = ({ text }) => { return ( <span>${text}</span> ); }; テンプレートリテラルっぽいですが、JSX の記述のどこかを間違えています。 仮に text という props の値が "sample" という文字列だとすると、出力されるHTMLは以下のようになります。
Tags: CSS HTML JavaScript jQuery あけましておめでとうございます、ナガです。 簡単にスライダーを実装できて、オプションも豊富で、案件では大変お世話になっているjQueryプラグイン「bxSlider」。 2017年一発目のエントリーは、「bxSlider」の Callback関数についてまとめさせていただきます。 # はじめに 「bxSlider」を実装するときにオプションの値はどんなのあったっけなーと思って、よくググるんですが、 Callback関数を使ったサンプルを掲載しているエントリーがサクッと出てこなかったので、備忘録がてら自分で書いてみます。 ※見つからなかったのは僕のググり方が悪いだけかもしれませんが…。 # 使い方 # ダウンロード 先ずは「bxSlider」を下記サイト右上のボタンからダウンロードします。 jQuery Content Sli
Created with Sketch. image/svg+xml image/svg+xml image/svg+xml
オススメ！PICK UP Accessibility確認のブラウザー拡張機能 ソフト紹介2023年10月 2日 簡単実装：CSSだけでアコーディオン開閉させる CSS2022年5月 9日 jQuery：アコーディオンメニューをサクッと作りたい時のための記事 JavaScript2021年12月10日 スライダープラグインの王道「slick」でスライダーを実装する方法 スライダー2021年12月 8日 【Google Chrome】サイト全体をスクリーンショットする方法【拡張機能不要】 PC・スマホ（操作/設定）2020年10月29日 スクロール 今回はパララックスと慣性スクロールを同時に実装できる「Luxy」というjsプラグインをご紹介いたします。 そもそもパララックス、慣性スクロールとは？ パララックスや慣性スクロールの言葉にピンとこない人のために説明しますと、 パララックス(paral
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://onedarling.site/programming/htmlcss/header-mixblendmode/
fp-tsとio-tsを使ってWeb APIをいい感じに叩く - Qiita
「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」がWordpressで出る場合の解決方法。
luge - Front-end animation plugin for uncreative developers
Node.js animated: Event Loop
【Python in Excel】Excelで機械学習ができる！ - Qiita
)
Timespace - 時間に紐付いたイベントを表示するjQueryライブラリ MOONGIFT
ES2022 Preview: 10 Exciting JavaScript Language Features From 2021
Array.prototype.with による不変の配列の更新 | Blog | web.dev
スマホ対応！ページ離脱はjQueryのアラートで防ぐ！ | MUGEN WEB note
【はてなブログ】絞り込み検索ボックスの作り方【商品検索】 - すんこのアトリエとうぐいす工房
コピペで5分!javascriptで表示時間の期限付きバナーを実装する方法
https://ik.am/entries/800
GitHub Packagesを使って自作ライブラリを管理しよう｜エンジニアファースト
【Python】制作物を商用利用・配布する場合のライセンスの取り扱い | OFFICE54
jQueryでローディング画面を実装 - Qiita
テキストを省略してブロックを小さくできる「Cuttr.js」:phpspot開発日誌
JQueryプラグインLightbox2の使い方【商用利用OK】
TypeScript で eslint-plugin を作成する
定番のスライドショーjQueryプラグイン「bxSlider」の Callback関数まとめ | WEBMAN
.NET とはオープンソースの開発者プラットフォーム | .NET
【jquery非依存】Luxy.jsで簡単にパララックスと慣性スクロールを実装する | 電脳情報局
togetter.com
posfie.com
sekai-zukan.blog
www.yu-hikai.net
www.famitsu.com
afternook.hatenablog.com