jQuery

JavaScript

JavaScriptにおける「$(ドルマーク)」の意味と使い方

JavaScript内で使用される「$(ドルマーク、ダラー)」には4通りの利用シーンがあります。1つは、文字列で使用される場面、2つ目はjQuery関連、3つ目はテンプレートリテラル内での使用、そして4つ目は正規表現の中です。 それぞれの利...
JavaScript

【2023年】フロントエンドエンジニアとは?必要なスキル・資格・年収について徹底解説!

悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない? 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ!とは断定できない部分もありますよね。 ...
JavaScript

【2023年】jQuery CDN早見表と使い方入門

この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。 CDNとは Content Delivery Net...
JavaScript

JavaScriptにおけるforEach()とは?基本的なループの使い方と注意点

配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに実...
JavaScript

Slick SliderのcenterPaddingオプションで%指定したい・基本的な使い方

jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のス...
JavaScript

Nスタ(ニュース番組)風のYoutubeテロップをHTML+CSSで作ってみた

毎日Nスタ(TBS)を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。 You...
JavaScript

YTPlayerのオプションを完全マスターしよう。出来ること。

Youtubeの動画を背景に指定できるjQueryのプラグイン「YTPlayer」。クライアントからちょこちょこ背景に動画を入れてみたいという要望がくるので、YTPlayerをマスターしておこうと思います。本記事は初心者向けではなく、jQu...
JavaScript

jQyeryのclosest(),parents(),children()などの引数に複数のセレクタが使えるか

Garoonのポータル画面にスライダーを入れたいという仕事の依頼のお話です。Garoonというのはサイボウズ株式会社が運営するグループウェアです。そのGaroonにはポータルという社内ポータルを実装する機能があるのですが、その中身の改修をし...