並び順

ブックマーク数

期間指定

  • から
  • まで

3401 - 3440 件 / 3569件

新着順 人気順

*JavaScriptの検索結果3401 - 3440 件 / 3569件

  • 【2024年最新版】Swiperの使い方やカスタマイズ方法をわかりやすく解説します - 株式会社PENGIN

    粟飯原 匠 |CEO ベンチャーやスタートアップにて新規事業のマーケティング・セールスを担当し年商5億円までのグロースを経験。PENGIN Inc.を創業し、現在は上場企業やレガシー産業のマーケティング戦略の立案〜実行支援までを担当。 プログラミングの勉強を始めたばかりの方でも、本記事で解説するSwiperを使えばカンタンにスライダーを作成できます。 本記事では、導入方法から各オプション・実装時のトラブルシューティングまで網羅的に解説しています。 記事を読み終えると、Swiperの使い方を一通り理解でき、色々なスライダーを作れるようになりますよ! また、jQueryでコードを書いてスライダーを実装する方法は以下の記事で紹介しています。これからjQueryを勉強する方は参考にしてみてください! 【プラグインなし】カルーセルスライダーの作り方を解説(jQuery) 【jQuery】クロスフェー

      【2024年最新版】Swiperの使い方やカスタマイズ方法をわかりやすく解説します - 株式会社PENGIN
    • 地図サービス(API、埋め込み)をまとめてみました!

      Yahoo(ヤフー)が提供している地図APIが終了になりますね。 で、本日は朝から代替となる地図APIを探していたのですが、 その時調べた情報も含めてよく利用されている地図サービス(APIだけはなく、埋め込みも含めて)をまとめてみました。 地図をサイトに埋め込む機会って多いと思います。 なので、参考にして貰えればと思います。 ↓ よく使われている地図サービスGoogle Maps API地図APIといえば、一番有名なのが「Google Maps API」ですね。 弊社でもよく利用させて貰っています。 ただ、有料になってからは、利用する機会も減っては来ています。 「Yahoo! JavaScriptマップAPI」は無料で利用できることも魅力だったのですが、 それが終了となると、 また「Google Maps API」を利用する機会が増えるかもしれないです。 参考ページ:https://clo

        地図サービス(API、埋め込み)をまとめてみました!
      • Deno標準ライブラリでServer-Sent Events - Qiita

        この記事はDeno Advent Calendar 2021とは全く関係ない記事です。 Denoの標準ライブラリを使って、Server-Sent Eventsを送信するサーバーを書いていきたいと思います。 Server-Sent Eventsとは? Server-Sent Events(SSE)とは、サーバーからクライアントへイベントを受け渡しできる接続方法のことです。WebSocketと似ていますが、WeSocketが双方向通信なのに対し、SSEはデータがサーバーからクライアントへの1方向しか送信できないという違いがあります。 Deno標準ライブラリのサーバーでServer-Sent Eventsを送信する SSEを送信するにはReadableStreamを使用します。 import { serve } from "https://deno.land/std@0.117.0/http/m

          Deno標準ライブラリでServer-Sent Events - Qiita
        • 親等とは|わかりやすい親等の数え方と親等早見表・親等図|ベンナビ相続(旧:相続弁護士ナビ)

          相続の分野では、「親等」(しんとう)という言葉が使われることがあります。 たとえば、「相続順位において第2順位である直系尊属のうち被相続人に最も近い親等の近い人が法定相続人になる」「4親等内の親族は、公正証書遺言の証人や立合人になれない」といった文章を見たことがある人もいるでしょう。 親等とは何か、そして親等はどうやって数えたらいいのか知りたいという人も少なくないはずです。 親等の数え方は、実はとてもシンプルで、覚えれば誰でも数えられるようになります。 また、この記事には、親等の早見表を記載していますので、一目で親族の親等を理解できるようになるでしょう。 あわせて、親等について、よくある疑問への解説、相続で悩みがある場合に相談すべき専門家も解説しています。 親等について疑問がある方や、現在相続でお悩みがある方は、ぜひ一読してください。 遺産相続が発生したが、期限が迫っていたり、不満や納得の

            親等とは|わかりやすい親等の数え方と親等早見表・親等図|ベンナビ相続(旧:相続弁護士ナビ)
          • AIボイスチェンジャー「Seiren Voice」が高速化&システム要件緩和で声変換動画の制作が高速・快適に!|ニコニコインフォ

            AIボイスチェンジャー「Seiren Voice」が高速化&システム要件緩和で声変換動画の制作が高速・快適に! 2023年6月2日(金)より、ドワンゴが開発した声変換ソフトウェアシリーズ「Seiren Voice(セイレンボイス)」の新しい音声ライブラリを販売開始しました。 Seiren Voiceの新しい音声ライブラリは、これまでのものよりも変換速度が上がり、要求スペックが下がり、お求めやすい価格になり、より動画制作に使いやすくなりました。 Seiren Voiceとは?「Seiren Voice」は、自分の声をキャラクターの声に変換する声変換ソフトウェアです。 変換品質を重視しており、リアルタイムな声変換ではなく、いったん録音した声を変換するため、生配信よりも動画制作用途に適しています。テキスト情報から音声合成を行うソフトでは指定が難しい「間の取り方」や「抑揚」などについて、声を入力と

              AIボイスチェンジャー「Seiren Voice」が高速化&システム要件緩和で声変換動画の制作が高速・快適に!|ニコニコインフォ
            • 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

                Jest・Supertestを使用したnode.js(Express)のAPIテスト app.listen()はエラーになる - Qiita
              • 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

                  UiPathでカレンダー入力 – Epic Life
                • No.4114 相続税の課税対象になる死亡保険金|国税庁

                  [令和5年4月1日現在法令等] 対象税目 相続税 概要 被相続人の死亡によって取得した生命保険金や損害保険金(偶然な事故に基因する死亡に伴い支払われるものに限られます。)で、その保険料の全部または一部を被相続人が負担していたものは、相続等により取得したとみなされて、相続税の課税対象となります。 この死亡保険金の受取人が相続人(相続を放棄した人や相続権を失った人は含まれません。)である場合、すべての相続人が受け取った保険金の合計額が次の算式によって計算した非課税限度額を超えるとき、その超える部分が相続税の課税対象になります。 500万円 × 法定相続人の数 = 非課税限度額 なお、相続人以外の人が取得した死亡保険金には、非課税の適用はありません。 (注1) 法定相続人の数は、相続の放棄をした人がいても、その放棄がなかったものとした場合の相続人の数をいいます。 (注2) 法定相続人の中に養子が

                  • https://onedarling.site/programming/htmlcss/header-mixblendmode/

                      https://onedarling.site/programming/htmlcss/header-mixblendmode/
                    • 「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」がWordpressで出る場合の解決方法。

                      Googleが提供するサイト診断ツール「PageSpeed Insights」の診断の項目にて「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」が出る場合の解決策をシンプルにまとめました。 Wordpressを使ったサイトでは「comment-reply.min.js」と「jquery.min.js」の2つのソースが指摘されていると思いますので、この両方に対応します。 技術的な内容はページ下の別記事にまとめたので、本当にシンプルにいきます。 メモ この記事の内容はWordpress5.7時点で執筆しています。 WordPress6.5より「comment-reply.min.js」に同問題は出なくなりました。新しいバージョンになってやっと改善された様子です。 スクロール パフォーマンスを高める受動的なリスナーが使用されていませんの対処法 PageSpeed Insig

                        「スクロールパフォーマンスを高める受動的なリスナーが使用されていません」がWordpressで出る場合の解決方法。
                      • luge - Front-end animation plugin for uncreative developers

                        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.

                          luge - Front-end animation plugin for uncreative developers
                        • fp-tsとio-tsを使ってWeb APIをいい感じに叩く - Qiita

                          はじめに 「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の

                            fp-tsとio-tsを使ってWeb APIをいい感じに叩く - Qiita
                          • 【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が用いられますが、こちらも古くからあるクラスなので、色々と設計上

                              【C#】Random Extensions – .NET / Unity用の乱数ライブラリ - Annulus Games
                            • Node.js animated: Event Loop

                              Andrew Hu for Node Doctors Posted on Nov 5, 2022 • Edited on Nov 29, 2022 We have all heard about JavaScript and Node.js being single-threaded, but what does it mean in practical terms? It means that JavaScript can do one thing at a time. For example, we cannot simultaneously multiply and sum numbers. We usually do operations in sequence. We add and then multiply or vice versa. Modern computers ar

                                Node.js animated: Event Loop
                              • 【Python in Excel】Excelで機械学習ができる! - Qiita

                                2023年8月にPython in Excelが発表されました。 これにより、Excelでscikit-learnやpandas(Pythonのライブラリ)を使うことができ、簡単に機械学習を実装できるようになりました。 なので今回は機械学習においてHello World!の位置づけ(入門者向け)にあるアヤメの分類をやっていきたいと思います。 Python in Excelの始め方はこちら Python環境(Google Colabratory)のアヤメの分類はこちら 動画Ver YouTubeにこの記事の内容を動画にしたものがあります。 動画で流れを確認したい方はこちらをご活用ください。 概要 アヤメの分類は機械学習の中でも教師あり学習の範囲になります。 教師あり学習とは、学習データに答えを付けた状態で学習をさせる方法です。 つまり、機械学習モデルに対して答え付きでデータを渡し学習をさせ、

                                  【Python in Excel】Excelで機械学習ができる! - Qiita
                                • Response - Web API | MDN

                                  This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback Response はフェッチ API のインターフェイスで、リクエストのレスポンスを表します。 Response オブジェクトは Response() コンストラクターを用いて生成することができますが、他の API 操作の結果として返される Response オブジェクトに出会う可能性が高いでし

                                    Response - Web API | MDN
                                  • Timespace - 時間に紐付いたイベントを表示するjQueryライブラリ MOONGIFT

                                    世の中の多くのことは時間軸に沿って進んでいます。1日のスケジュールもそうですし、歴史も時間によって進んでいきます。そうした時間ごとに発生するイベントを表示するのに、単なる一覧ではなく、時間軸を使うと分かりやすくなります。 今回紹介するTimespaceは時間ごとに発生するイベントを表示するライブラリです。 Timespaceの使い方 利用しているところです。イベントをクリックしたり、次のイベントに移動するとアニメーションされます。 クリックしたイベントの詳細が下に表示されます。 説明があれば追加で表示されます。 Timespaceは時間ごと、または年ごとなどで表示できます。歴史年表などであれば年ごとでいいでしょうし、数日であれば時間ごとが最適でしょう。こういった表示が最適な場合は限られるので、Timespaceを覚えておくとさっと使えて便利です。 TimespaceはjQuery/Java

                                      Timespace - 時間に紐付いたイベントを表示するjQueryライブラリ MOONGIFT
                                    • Benchmarking String Literal ("") vs Template Literal (``) - using Performance.now()

                                      Benchmarking String Literal ("") vs Template Literal (``) - using Performance.now()

                                        Benchmarking String Literal ("") vs Template Literal (``) - using Performance.now()
                                      • CSSで特定の子要素を持つ親要素にスタイルを適用する方法!

                                        CSSで特定の子要素を持つ親要素にスタイルを適用する方法!CSSで特定の子要素を持つ親要素にスタイルを適用させる方法についてサンプルコード付きで解説します。現状各ブラウザでは:has()の擬似クラスは使えないため、代替となる方法の紹介です。 CSSで例えばa要素を子要素に持つ親要素、.sampleというクラスの子要素を持つ親要素など特定の条件の子要素を持つ親要素に対してスタイルを適用したいケースを考えます。 この場合は実はCSS3では上記にドンピシャで使えるセレクタはありません。ただCSS4では:has()という擬似クラスが登場する予定で:has()を使うことで特定の条件の子要素を持つ親要素という指定が簡単に可能になります。

                                          CSSで特定の子要素を持つ親要素にスタイルを適用する方法!
                                        • はじめてのChakra UI | アールエフェクト

                                          Chakra UI は UI ライブラリの一つでコンポーネントを利用して効率よくユーザインターフェイスを構築することができます。Chakra UI には 1 つのコンポーネントから作成できる Button コンポーネントから複数のコンポーネントを組み合わせて作成できる Modal コンポーネントまで用途毎にさまざまなコンポーネントが提供されています。どのようなコンポーネントが提供されているのかはドキュメントの Components ページから一覧で確認することができます。 コンポーネント一覧 Chakra UI は React だけではなく Vue でも利用することができますが、本文書では React を利用して動作確認を行なっているので React の知識があることを前提としています。提供されているコンポーネントの数も多いので利用頻度の高いコンポーネントを利用して Chakra UI の

                                            はじめてのChakra UI | アールエフェクト
                                          • Arduino Library の作り方

                                            リナちゃん @chrmlinux03 #GW特別企画 #リナちゃんライブラリ作成講座 ep1. ライブラリの最初のお題は何がいいかなっ? Lチカ?それだとLEDが付いている機種にしか対応できないし....できれば何もついていない機種でも動くのがいいと思うし begin/end/update/set くらいのメソッドはあった方がいいと思うのね♡ 2022-05-05 14:42:52 リナちゃん @chrmlinux03 #GW特別企画 #リナちゃんライブラリ作成講座 ep2. ひたすらつまんない人生を送ってきた方々でも このGWに軽くstepupして "え?らいぶらり?あるよ(田中要次)"って言いたくなる そんな感じのお題がいいなぁ 2022-05-05 14:50:29 リナちゃん @chrmlinux03 #GW特別企画 #リナちゃんライブラリ作成講座 ep3. ライブラリの目的は自分

                                              Arduino Library の作り方
                                            • ES2022 Preview: 10 Exciting JavaScript Language Features From 2021

                                              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

                                                ES2022 Preview: 10 Exciting JavaScript Language Features From 2021
                                              • Three.jsでブラウザ上で3Dモデルをマウスで操作 | アールエフェクト

                                                obj(オブジェファイル)とは 3Dモデルデータのファイルフォーマットの1つで、拡張子.objを持つファイルです。objファイルはテキストファイルで記述されており、形状の情報のみ持っています。objファイルとは別に素材の情報を持つmtlファイルがあり、形状の表面に使用する画像等の情報が記載されています。通常は、maya、blendarといった3Dのソフトウェアを利用して作成しますが、本文書では作成済みのものを利用してThree.jsで動作確認を行います。 Free3Dといったサイトからフリーでobjファイルをダウンロードすることができますが、Three.jsの公式サイトにobjファイルとmtlファイルを使ったExampleがあったのでそこで使われているファイルを利用します。 Exampleのダウンロード Three.jsサイトの構成が変わったたらダウンロードを行うためのリンクの場所が変更に

                                                  Three.jsでブラウザ上で3Dモデルをマウスで操作 | アールエフェクト
                                                • スマホ対応!ページ離脱はjQueryのアラートで防ぐ! | MUGEN WEB note

                                                  CV率アップ!ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ! PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホでも動作するよう対策も。 サンプルを用意しました。 jQuery関連記事 【jQuery】pdfが存在するか、mimeタイプのバリデーションする jQuery UIのsortableを使ってリストをドラッグで並び替える jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種 bxSliderの使い方と、オプションでのカスタマイズ方法 select・optionタグをjQueryで、プルダウンの選

                                                    スマホ対応!ページ離脱はjQueryのアラートで防ぐ! | MUGEN WEB note
                                                  • Array.prototype.with による不変の配列の更新  |  Blog  |  web.dev

                                                    最近、配列に対して呼び出すことができる、相互運用可能な新しいメソッドがブラウザに導入されました。 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)

                                                      Array.prototype.with による不変の配列の更新  |  Blog  |  web.dev
                                                    • Remix Guide

                                                      Easy Stripe Integration in your Remix.run AppIn Today's episode will cover: - @Stripe Integration - Webhook Setup - Checkout Session and Payment Testing These videos are free and created for the community, support will be much appreciated! 🫶

                                                      • 【はてなブログ】絞り込み検索ボックスの作り方【商品検索】 - すんこのアトリエとうぐいす工房

                                                        絞り込み検索ボックスとはアルバイトの募集とかでよく見る 五反田すんこオリジナルグッズ検索ページにあるような 条件を絞り込んで検索できるやつです。 こんなやつ。 チェックを入れるとその条件に合ったものだけ表示される便利な奴です。 最初は大変だけど、一度やってしまえばあとは楽なので 頑張ってやってみてね。 絞り込み検索ボックスの下準備 jQueryのスクリプトコード CSSコード htmlコード htmlコードの説明 検索ボックスを枠で囲む 絞り込み検索ボックスの下準備 絞り込み検索ボックスを設置するには、jQueryのスクリプトコード、CSSのコード、 htmlのコードの3つが必要です。 そのまま上から順に貼り付けていけば大丈夫です。 jQueryのスクリプトコード <script> var searchBox = '.search-box'; var searchItem = '.sear

                                                          【はてなブログ】絞り込み検索ボックスの作り方【商品検索】 - すんこのアトリエとうぐいす工房
                                                        • 申込書と契約書の違いとは? 契約書になる3つの場合、印紙税法上のポイント - BUSINESS LAWYERS

                                                          契約は、一方の申込の意思表示と他方の承諾の意思表示が合致することで成立します。そうすると、申込書には、申込の意思表示しか記載されていないため、およそ「契約書」に該当することはないように思います。申込書が「契約書」に該当することはあるのでしょうか。また、どのような場合に申込書が「契約書」に該当するのでしょうか。 申込書は、原則として、「契約書」に該当することはありません。しかし、仮に文書の表題が「申込書」となっていても、それが契約の成立を証明することができる場合には、「契約書」に該当します。そのような場合として、印紙税法基本通達21条2項は、3つの場合をあげています。 申込書、注文書、依頼書などの文書 申込書、注文書、依頼書といった表題のつけられた文書(以下、単に「申込書」といいます)の取扱いには注意が必要です。「契約書は印紙が問題となる」ということは広く知られていますが、それゆえに「文書の

                                                            申込書と契約書の違いとは? 契約書になる3つの場合、印紙税法上のポイント - BUSINESS LAWYERS
                                                          • 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

                                                              pyATS/Genieによるネットワーク構築作業の負荷軽減 | ネットワンパートナーズ株式会社ブログサイト
                                                            • コピペで5分!javascriptで表示時間の期限付きバナーを実装する方法

                                                              こんにちは、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要素に指定されている

                                                                コピペで5分!javascriptで表示時間の期限付きバナーを実装する方法
                                                              • $(function(){})ってどういう意味?jQueryのおまじないをわかりやすく解説します

                                                                この記述を忘れるとプログラムがうまく動作しなくなってしまうこともあるので注意しましょう。 どういう場合にプログラムが動かなくなってしまうのかといえば、jQueryの記述がHTML要素よりも先にきてしまった場合です。 HTMLは上から順に読まれる HTMLは基本的に上から下に読まれていきます。 そのためjQueryの記述を書く際に、HTML要素が読み込まれる前にjQueryを書いてしまうと、まだ読み込まれていない要素をjQueryで指定しようとするためプログラムがうまく動かなくなってしまいます。 jQueryの記述をHTML要素よりも先に書いた例 以下はjQueryの記述をHTML要素よりも先に書いた例です。 押したらアラートがでます。 この例では#sampleのHTML要素が読み込まれる前に$(‘#sample’)を記述してしまっているためうまく動きません。 このようにHTML要素を読み込

                                                                  $(function(){})ってどういう意味?jQueryのおまじないをわかりやすく解説します
                                                                • 【Vue.js】「Vue-Router」でパラメータを渡す方法 | プログラミングマガジン

                                                                  $routeオブジェクト経由で渡す メリット ルーター経由でしか使えないコンポーネントという事で用途を制限できます。 router.js 下記のように「:パラメータ名」と指定します。 const router = new VueRouter({ routes:[ { path:"/",component:コンポーネント1}, { path:"/test/:id",component:コンポーネント2} ] })

                                                                  • GitHub Packagesを使って自作ライブラリを管理しよう|エンジニアファースト

                                                                    業務でコードを書く際、似たような処理を別の業務で実装した経験がある方も多いのではないでしょうか。中には、それを自作のライブラリとして作成して、GitHubで管理するという形を取っている方もおられるでしょう。 では、実際にそれを複数のプロジェクトで使用する際はどのように行っているでしょうか。 今やほとんどのエンジニアが使っているGitHubですが、その機能のひとつにGitHub Packagesと呼ばれるパッケージホスティングサービスがあります。 今回はこちらを利用して、自作のJavaScript関数をnpmライブラリとして管理する手順をご紹介します。 以前はGitHub Package Registryと呼ばれていたこのホスティングサービスですが、ひとことで言ってしまえば「作成したソフトウェアをGitHub上でパッケージとして管理することで、さまざまなプロジェクトで使えるようにしたよ」とい

                                                                      GitHub Packagesを使って自作ライブラリを管理しよう|エンジニアファースト
                                                                    • ガントチャート(JSライブラリ: jquery.ganttView)をカスタマイズしてみた(1行に複数タスク) - Qiita

                                                                      はじめに 今となっては古のJSライブラリ 上記ライブラリのスケジュール管理オブジェクトを1行内に複数配置するカスタマイズをしてみたので、勘所をメモ書きしておきます。 ニッチな内容だけど、誰かの参考になれば幸いです。 スタイルシートの追加 標準の管理オブジェクト(チャート部に置くスケジュール線) div.ganttview-block { position: relative; height: 25px; background-color: #E5ECF9; border: 1px solid #c0c0c0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.ganttview-block-cells { position: relative; height: 25px; } div

                                                                        ガントチャート(JSライブラリ: jquery.ganttView)をカスタマイズしてみた(1行に複数タスク) - Qiita
                                                                      • 【画像の遅延読み込み】ページの表示速度を向上させるlazyload.jsの使い方【高速化】 | hirakublog ヒラクブログ

                                                                        制作したサイトのページの表示速度が遅いと感じたことはありませんか? imgタグで配置した画像は通常見えている画面内に映っていなくてもそのページにあるもは全て読み込まれてしまいます。 つまり見えてもいない画像を読み込むためページ表示速度が遅くなってしまいます。 しかしその問題は画像の遅延読み込みという技術を用いることにより解消することができます。 この記事ではそれ実装できるlazyload.jsをご紹介します! 画像の遅延読み込みとは 遅延読み込みとは画面内に入ってきた画像のみ(タイミングは調整できます)読み込みます。 それ以外の見えていない画像は読み込み待ち状態となります。 つまり余計な画像を読まないためページの表示速度が速くなります。 デモ まずは下記のデモを御覧ください。 スクロールするを遅れて画像が読み込まれてるのが確認できるかと思います。 遅延読み込みを可能にするlazyload.

                                                                          【画像の遅延読み込み】ページの表示速度を向上させるlazyload.jsの使い方【高速化】 | hirakublog ヒラクブログ
                                                                        • jQueryでローディング画面を実装 - Qiita

                                                                          はじめに 今回は、フォームなどで送信した際に、送信中に画面上にローディング画面を表示させる実装を行います。 完成イメージ 環境 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に

                                                                            jQueryでローディング画面を実装 - Qiita
                                                                          • 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

                                                                              GitHub - unlayer/react-email-editor: Drag-n-Drop Email Editor Component for React.js
                                                                            • 【Python】制作物を商用利用・配布する場合のライセンスの取り扱い | OFFICE54

                                                                              Pythonで作成したアプリケーションをWebサイトなど通して不特定多数に販売(商用利用)や無料で配布する場合、必ず気を付けないといけないことがあります。 それはライセンスの取り扱いです。 これを間違えると、大変な事態が発生することもあります。 例えば賠償金問題などです。 本当にこのライセンスの取り扱いって難しいんですよね。 それでも調べたPythonのライセンスについてまとめてみたので、ぜひ興味がある方は読んでください。 私は法律のスペシャリストではないので、ここで記載していることがすべて正しいというわけではないです。 会社員で、会社として商用で販売を考えているという方は、Webサイトの情報だけを信用するのではなく、きちんと専門家に相談してから行動することをお勧めします。 まずライセンスで考えるべき個所としては、そもそも何に対してのライセンスを考えなければならないのか、という点です。 答

                                                                              • テキストを省略してブロックを小さくできる「Cuttr.js」:phpspot開発日誌

                                                                                Examples & Demos | Cuttr.js - truncate multi-line text テキストを省略してブロックを小さくできる「Cuttr.js」 文字単位、単語単位といった区切りで文書を短くすることができ、Readmoreで全部表示ということが可能です 英語のライブラリなので日本語対応するにはカスタマイズが必要だと思いますが、文字単位ならそのまま使えますね

                                                                                • https://ik.am/entries/800

                                                                                  新着記事