JavaScript関連のことを調べてみた

How to post in this

What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more re

mouseup イベント後、要素外で mousedown されるとイベントが発火せず困るので何とかしたい

# やりたいこと

Chrome 拡張機能でボタンを埋め込んでいます。

ボタンがクリックされたことが視覚的に分かりやすいよう、マウスが押し込まれたらボタンの css を変更し、離されたら元に戻したい。


## 修正前のコード

脳死で mousedown, mouseup のイベントリスナーをそれぞれ登録していました

“`javascript
document.addEventListener(‘DOMContentLoaded’, () => {
const copyButton = document.getElementById(‘copyButton’);

// マウスが押し込まれたら css を変更
copyButton.addEventListener(‘mousedow

【JavaScript】async / await（fetch api）でQiita apiから記事情報を取得する方法【非同期処理】

javascriptで外部データを取得する方法が知りたいと思い、練習でQiita apiから記事情報を取得してみようと思った。
会社のテックリードの方に **axios** が便利と勧められたが、その前に **async / await** を使ったやり方も知っておきたいなと思ったので備忘録です。

## サンプル
とりあえず以下がコードの例。
Qiita記事でjavascriptのタグが付いた記事と取得したデータからいいねが1つ以上ついた記事のURLを抽出しています。
“`Javascript
async function getQiitaArticle(){
//①自身のアクセストークン
const MyToken = ‘XXXXX’;
//②記事を100件取得する
const QiitaURL = ‘https://qiita.com/api/v2/tags/javascript/items?per_page=100’;
const FetchOptions = {
method: ‘GET’,
heade

JSでリンク入りカレンダー作ってみた

# はじめに
自前のサービス内でカレンダーの日付にリンクを貼り付けたかったのですが、良さげなものがすぐ見つからなかったので軽い気持ちで書いてみました。(ほしかったリンクは、ベースのURLにYYYY-MM-DDが入っているものです）

# 作ったもの

## 画像

## ディレクトリ構成

any_directory
∟ index.html
∟ calendar.js
∟ calendar.css
∟ reset.css (お好きなものをお使いください)

## コード
### index.html
“`html