Thumbnail of post image 143

カスタマイズ - JS

setInterval()でカウントダウンタイマーを作ってみましたが、その時調べた備忘録です。 setInterval() とは setInterval()は、 ...

Thumbnail of post image 197

カスタマイズ - JS

dayjs の locale はlocale Object の Template で新しく作成できます。 Template Day.js locale Obje ...

Thumbnail of post image 099

カスタマイズ - JS

前記事ではCDNから日本語のロケールを読み込んで使用する方法を学びましたが、今回はデフォルトのロケールをプラグインを使い Updateしてみます。 CDNでプラ ...

Thumbnail of post image 010

2021年11月16日カスタマイズ - JS

まず、経緯として以下の「カウントダウンタイマー」を実装したいと思い以下のようなコードにしてみました。 そして、配列にして書いたらどうなるのか試してみたところ、か ...

Thumbnail of post image 017

カスタマイズ - JS

タイトルの通りで、ある年月日から「○年 ○ヶ月 ○日」と表示できないかな?と思い調べました。 Dateオブジェクトで出来るだろうなとは思いましたが、ズバリとヒッ ...

Thumbnail of post image 001

カスタマイズ - JS

JavaScriptで日付を表示するには、Dateオブジェクトを使うと学びましたが、何だろう?と思うところもあり、少し調べてみました。 表示してみる 先ずは結果 ...

Thumbnail of post image 121

2021年10月21日カスタマイズ - JS

「if文」と言うと「もし○○だったら××する」的な条件分岐を書くときに使いますが、このif文で論理演算子を使うことで、より複雑な条件式を定義することができるよう ...

Thumbnail of post image 114

カスタマイズ - JS

JSONについて調べていると、鉄道comのRSSを集計して、遅延ちえんしている電車を返すJSONを提供しているサイトを発見しました。 JSONの発信元 上記、鉄 ...

Thumbnail of post image 050

カスタマイズ - JS

気象庁のJSONデータを取得し、日本地図の都道府県名をクリックすると天気予報を表示します。日本地図はJmap jQuery pluginと言うプラグインを使用し ...

Thumbnail of post image 109

カスタマイズ - JS

Jmap jQuery pluginは、情報配信に適したシンプルな形状の日本地図を表示することができます。 結果 こんにゃく芋の生産量 ※) 都道府県にマウスオ ...

Thumbnail of post image 002

カスタマイズ - JS

最近、amChartsと言うチャートライブラリを知りましたので試してみました。公式ページを確認してもグラフの種類やデザインがとても豊富です。 JavaScrip ...

Thumbnail of post image 177

カスタマイズ - JS

「6歳未満の子どもをもつ夫婦の育児・家事関連時間 国際比較」の資料を基に Highcharts の 3D charts で描画して記事を書いてみました。以下がそ ...

Thumbnail of post image 125

2021年9月4日カスタマイズ - JS

人口ピラミッドグラフとは、アイキャッチ画像のようなグラフを指します。まぁ、よくあるグラフですよね。 ちなみに、アイキャッチ画像のグラフは、わたしの住む群馬県の人 ...

Thumbnail of post image 038

カスタマイズ - CSS

とても興味深い記事なのですがイマイチ理解できず、kachibito.netさんの記事でやっと分かりました。 はじめに img には擬似要素が使えないって知ってま ...

Thumbnail of post image 180

2021年1月27日カスタマイズ - JS

Bodymovin and Lottieを使用して、ブログでAfter Effectsアニメーションを実装する方法をいくつか記事にしましたが、(下記リスト参照) ...

Thumbnail of post image 057

カスタマイズ - JS

Icons8 の Free Animated Icons のJSON ファイルを Lottie で表示してみたいと思います。 get the bodymovin ...

Thumbnail of post image 191

カスタマイズ - CSS

お気付きかと思いますが、トップページのエントリータイトルと記事のタイトルにCSS Houdini「Confetti(紙吹雪)と Multiple underli ...

Thumbnail of post image 180

2021年1月12日カスタマイズ - JS

以前、「Lottie playerを使ってアニメーションを表示」という記事をご紹介いたしましたが、今日はbodymovin というライブラリでLottie An ...

Thumbnail of post image 106

カスタマイズ - JS

「Lottie playerを使ってアニメーションを表示」と言う記事をご紹介いたしましたが、今日はinteractivity libraryを使用して、アニメー ...

Thumbnail of post image 114

カスタマイズ - JS

Lottieとは、Airbnbが開発したアニメーションライブラリです。Lottieは JSONベースのアニメーション ファイル形式で、Webサイト上で高クオリテ ...