JavaScript関連のことを調べてみた2022年02月08日

企業のテックブログの更新をまとめたRSSフィードを作りました！

1つ1つフィードリーダーで管理するのが面倒なので、まとめたRSSフィードを作りました！

[](https://yamadashy.github.io/tech-blog-rss-feed/)

フィードのURLはこちら

“`text:Atomフィード
https://yamadashy.github.io/tech-blog-rss-feed/feeds/atom.xml
“`

“`text:RSSフィード
https://yamadashy.github.io/tech-blog-rss-feed/feeds/rss.xml
“`

横断的なテックブログのウォッチや、転職先探しなどにご活用ください。

サイトからもフィードURLをコピーでき、直近更新された記事も閲覧できます。
[企業テックブログRSS](https://yamadashy

1 行目で与えられる N 個の整数の入力 JavaScript編

1 行目で与えられる N 個の整数の入力 JavaScript編

入力：18 9941 4154 8745 6456 9469 1924 1482 2010 3807 2233 7584 7675 8767 9157 5553 9282 8693 279

入力が1行なので、splitで分割して変数に代入（ここではinput)。
input[0]がNなので、これをカウンターにしてfor文で繰り返し。

カウンタiの初期値を１にして、input[0]以下にしておくことで、iをそのままinput[i]と設定できる。
（input[1]～input[N]まで表示できる）

以下回答文

———-
process.stdin.resume();
process.stdin.setEncoding(‘utf8’);
// 自分の得意な言語で
// Let’s チャレンジ！！
var lines = [];
var reader = require(‘readline’).createInterface({
input: process.stdin,
output: proc

HTMLのTableタグをJavaScriptの配列に変換する

HTMLのTableをcsvに変換するために色々調べてたんですが、その過程のJavaScriptでTable要素を配列に変換する方法をまとめておきます。

##HTML
HTMLの構造は以下の形を想定しています。

“`jsx

元記事を表示

ナビゲーションバーのドロップダウン実装 　

###ナビゲーションメニューのドロップダウンの実装　
今回は、水平の横長のナビゲーションバーのメニューをhtm、jQueryでドロップダウンにしていく
他にもhtmlとcssだけでも出来ます、、
（今回cssは動きに関係無いので省略)

“`html

　　　　
• 　　　　　　　　メニュー項目A　　　　//今回の実装はメニュー名にリンク設定する想定
  　　　　　　　　
  　　　　　　　　　　　　

  　　　　　　　　　　　　

  　　　　　　　　

• 　　　　　　　　メニュー項目B
  　　　　　　　　
  　　　　　　　　　　

元記事を表示

【JavaScript】JavaScriptでTodoリストを作成する

## はじめに
　本記事は、プログラミング初学者が、学習を進めていて疑問に思った点について調べた結果を備忘録も兼ねてまとめたものです。
　そのため、記事の内容に誤りが含まれている可能性があります。ご容赦ください。
　間違いを見つけた方は、お手数ですが、ご指摘いただけますと幸いです。

##JavaScriptでTodoリスト

“`index.html

追加

未完了のTO

元記事を表示

モダンフロント開発に必須の知識(ES2015~ES2022まとめ + 高階関数)

#はじめに

モダンフロント開発に必須の知識であるES2015〜以降の記法と、実務でよく使用される高階関数について、自分の中で改めて復習、整理しておきたいと思います。
それぞれの項目に`★~★★★`の重要度も記述しています。

`★★★` => 必ず覚えておくべき
`★★` => 覚えておくべきだが、使う場面が限られる
`★` => 知識としては知っておいた方が良い

現在フロントエンドエンジニアの方やフロントエンジニアになりたての方、フロントエンドエンジニアを目指して勉強中の方に読んでいただけたら幸いです。

#ES(ECMAScript)とは？

JavaScriptの標準仕様。
現在ブラウザで使われているJavaScriptは、ECMAScriptの仕様に則って開発されています。
JavaScriptは他の言語のようにversionなどが存在せず、「ECMAScriptのversion~~に対応しているJavaScript」というような扱いになっています。
なので、年々アップデートされるECMAScriptの仕様をインプットし続けることがフロントエンドエンジニアには必須とな

元記事を表示

[ノーコード x Stripe で始めるオンライン決済] Stripe Quotesで見積書を作成し、そのまま請求を行う業務をノーコードで行う方法

Stripeを利用することで、毎月の請負契約の請求業務を自動化することができます。

しかし業界や取引先によっては、事前に見積書を作成し、その承認が終わってから改めて請求を行う必要があります。

Stripeでは、ノーコード / API実装両方でこの見積書発行に関する業務と、承認後の請求操作を自動化することができます。

それがStripe Quotesです。

https://stripe.com/jp/docs/quotes

# Stripe Quotesでできること

Quotesを利用することで、以下のようなオペレーションを行うことができます。

– Dashboard / APIから見積書を作成し、PDFを発行する
– 有効期限を設定し、期限が切れた見積書を無効にする
– 発行済みの見積書の内容を改訂し、最新版以外の見積書を無効化する
– 承認された見積書をそのまま請求書・定期課金に変換する

# ノーコードで見積書を作成する

Stripe Quotesは、Dashboardからノーコードで利用できます。

Dashboardの[見積もり](https://dashboa

元記事を表示

Promiseのループ処理と終わってから何かする

調べてみたらこういう書き方もあるようだ。

https://qiita.com/saka212/items/ff61a6de9c3e19810c5d

“`
const items = [1, 2, 3];
const boxes = [1, 2, 3];

var myPromise = Promise.resolve();
for (const item_id of items) {
myPromise = myPromise.then(update.bind(this, item_id));
}
for (const box_id of boxes) {
myPromise = myPromise.then(edit.bind(this, box_id));
}
myPromise.then(function(){
return new Promise(function

元記事を表示

【WEB】lottie.jsをローカルで動かす

#背景
SVG+JSONでサクサク軽量アニメーションを実装できるlottie.js。

https://github.com/airbnb/lottie-web

https://airbnb.io/lottie/#/web

検索でパッと出てくるHow to サイトに載っている方法だと、JSONの読み込みの都合上、サーバー上じゃないと動作しません。
ローカルで動かす要件があった時にちょっと悩んだので、その方法をメモしておきます。
AEなどでのアニメーションJSON吐き出しは終わっている前提とします。

# 手順
## まずはプラグイン類を読み込む
こんな感じのフォルダ構成としましょう。
CDNでももちろんOKですが、今回はローカルで完結させたいのでjQuery本体とlottie.jsはダウンロードしてきたものを読み込むとします。

“`
.
├── index.html
└── assets
├── js
| ├── jquery-3.6.0.min.js
| └── lottie.js
└── json
└── anim

元記事を表示

深呼吸アプリを作ってみたので振り返ります

# こちらの動画をもとに勉強させてもらいました

とにもかくにもこちらをご覧ください。

# そして、出来上がったものがこちらです

文言を日本語にして、エステに来たみたいな
セリフにした以外は、ほぼ動画で作成されたもののままです。

https://webthevoice.net/breathmedication/

# まずはHTMLから

“`html

title
1	2	3	4
1	2	3	4
1	2