RCIE-ジャンクのコード屋

主に自分のためにコーディングのTIPSを蓄積しています。

JavaScript

【アルゴリズム】シェルソートの速度を考察した

strong{color:#F00;} はじめに 「シェルソート」とは、改良された「挿入ソート」のアルゴリズムである。 シェルソートは、簡単に記述できるアルゴリズムの中では、かなり高速だ。 この記事では、シェルソートで並べ替える配列の長さと、ソートの速度を考察す…

Javascript 高階関数を入門してみた map / filter / reduce / some / flatMap

高階関数とは? 引数に関数を受け取る関数のこと(正確な説明だが、初めて聞くとわけがわからない) 高階関数を使うと、配列を処理するときにfor文を使わなくて済む。 let i のようなループ用変数を使わず、const変数だけでコードが書けるのが嬉しい!! 202…

(JavaScript・Python)AWSでWebサービスを作る - アクセスカウンターの作成

はじめに この記事では、AWSの入門者に向けてWebサービスの作成方法を説明します。 今回は最も簡単なWebサービスである「アクセスカウンター」を作ります。私のホームページへようこそ。あなたは…………人目のお客様です。 Webサービスとは インターネット上の…

(JavaScript)日付を8ケタ文字列YYYYMMDDに変換する(+その逆)

概要 1234年5月6日を表すDateオブジェクト⇄"12340506" このようにDateと8ケタ文字列を相互に変換する方法を紹介します。 コード // DateをYYYYMMDD文字列に変換する function dateToYyyymmdd(date){ let n = date.getFullYear() * 10000; // YYYY0000 n += d…

(JavaScript)ブラウザに値を保存する(localStorage)

概要 JavaScriptでは、ローカルに値を保管する仕組みがあります。 ページを閉じても、次回はそれが復元されます。 localStorageを利用すれば簡単に実現できます。

(JavaScript)安定なソートを実装する

作ったもの Javascriptの仕様によると、sort()は、元の配列の前後関係を保障しない不安定なソートだそうです。 安定なソートも欲しいので、実装してみました。

(JavaScript) 文字列切り出し関数 slice の使い方

解説 javascript における文字列切り出し関数 slice の使い方を紹介します。 "0123456" → "234"

(JavaScript) URLを指定して、データを取得する

作ったもの Web ページからデータを取得してページを書き換えたり、よその URL にデータを投稿するときには、 XMLHttpRequest を使いますが、毎回タイプするのは大変なので、関数にまとめました。

(JavaScript) お手軽にHTMLページを動的に書き換える

作ったもの JavaScript で DOM というものを使えば、HTML を動的に書き換えることができますが。毎回 document.getElementById( ) を使うのもタイプ数が多いので、短く書ける関数を作りました。

(JavaScript) ボタンを配置する関数

作ったもの HTML では、UI としてボタンを配置したいことが多くあります。タグを手打ちするのも一つの方法ですが、これを JavaScript で記述して関数にまとめると次回から短く書けます。