JavaScript【2023年】jQuery CDN早見表と使い方入門
この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。 CDNとは Content Delivery Net...
JavaScript
JavaScript
JavaScriptJavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインスタンスで...
JavaScriptウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました
悩見坂 楓 戦争反対！ 著者 反対！反対！jQueryのプラグインを作りました 戦争に断固反対しています。 ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。jQuery.no-war...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに実...
JavaScriptSlick SliderのcenterPaddingオプションで%指定したい・基本的な使い方
jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のス...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました。 悩見坂...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法【テンプレートリテラル】
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらNGなコード v...
JavaScriptNスタ（ニュース番組）風のYoutubeテロップをHTML+CSSで作ってみた
毎日Nスタ（TBS）を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。 You...
JavaScriptYTPlayerのオプションを完全マスターしよう。出来ること。
Youtubeの動画を背景に指定できるjQueryのプラグイン「YTPlayer」。クライアントからちょこちょこ背景に動画を入れてみたいという要望がくるので、YTPlayerをマスターしておこうと思います。本記事は初心者向けではなく、jQu...
JavaScriptjQyeryのclosest(),parents(),children()などの引数に複数のセレクタが使えるか
Garoonのポータル画面にスライダーを入れたいという仕事の依頼のお話です。Garoonというのはサイボウズ株式会社が運営するグループウェアです。そのGaroonにはポータルという社内ポータルを実装する機能があるのですが、その中身の改修をし...
JavaScriptJavaScriptからチャットワークAPIを使ってメッセージをPOSTできるのか
仕事でChatwork APIを使ってJavaScript（プレーンなHTML+JavaScript）で投稿したい、と問い合わせがあったので早速簡易的に実装してみたところ、出来ない！CORSエラーが返ってきてうんともすんとも・・・ Chat...