JavaScript ライブラリ無しでできるだけ簡単にゼロパディング済みの年月日時分秒ミリ秒を個別に取得したい
どんな方法があるかな、とちょっと考えてみました。 まず、素直に考えたらこんな感じでしょうか。 const d = new Date(), year = d.ge...
1
0
Comment0
71 search resultsShowing 1~20 results
Stocked
You need to log-in
【JavaScript】買い出しメモアプリ
localStorageを使用した、簡易メモアプリです。 個人的にスーパーでの食品買い出し用に使いたくて作成。 自分が欲しい機能のみなので、順序入れ替えや個数入力欄などはありません。 各項目左の...
0
1
Comment0
Web Audio APIのOscillatorNodeを使用した簡易テストトーン発生器
楽器の簡易チューナーとして使えるかもしれません。 動作デモ oscillator.html <!DOCTYPE html> <html lang='ja'> <he...
4
5
Comment0
canvasを使わずdiv要素で強引に線を引く
任意の始点座標・終点座標を結ぶ直線を引きます。 JavaScriptでのグラフィカルな表現はcanvasを使うのが普通かと思いますが、あえてdiv要素を使ってみました。 直線1本ごとに1つの要素...
9
7
Comment0
paizaキャンペーン問題 Bランク 長テーブルのうなぎ屋【JavaScript】
paiza×Qiita記事投稿キャンペーン の 長テーブルのうなぎ屋 をJavaScriptで。 大まかな処理は以下の通り。 ①全座席の空席状況 及び ②座りたい客の並び を2進数で扱う ①に対...
12
16
Comment2
JavaScript マウスをドラッグして描いた円の半径で数値を入力
設置デモ (スマホには対応していません) JavaScript radius_input.js 'use strict'; const radiusInput = (function() { c...
19
24
Comment1
JavaScript / PHP：RGB HSV HSL 相互変換
hsv2rgb HSVからRGBに変換します。 hsv2rgb単独で動作します。 引数は h, s, v の順で渡します。 h = 0以上360未満の浮動小数点数 s = 0～1の浮動小数点数 ...
12
4
Comment0
【JavaScript】RGB HSV 相互変換 1ステートメント版
以前 JavaScript / PHP：RGB HSV HSL 相互変換 で書いたhsv2rgb、rgb2hsvをそれぞれ1文で記述してみたものです。 hsv2rgb 引数 h: 0以上360未...
2
3
Comment0
PHP calコマンドっぽいカレンダーを1行で
とりあえず、直にcalコマンドを実行する方向は無しで頑張ってみました。 cal.php <?=str_pad(($d=new DateTime)->setDate($argv[2]?...
1
0
Comment0
JavaScript ランダム値のゼロパディングを少しだけ短く記述
今更ながらのネタですが、JavaScriptで数値のゼロパディング、例えばMath.random()の戻り値を元に000～999のランダムな整数を得たい場合、先頭に必要桁数の0を付けた上でsli...
1
1
Comment0
ペッパー付きハッシュ値の場合のSQLインジェクション認証回避の練習問題の解答
今回はこちらの記事を考えてみました。 ソースコードやテーブル定義は見てもよいことにしますが、「見なくても攻撃できる」方が良い解答とします。 ということでしたので、お言葉に甘えて、テーブル名および...
0
0
Comment0
SQLインジェクションによる認証回避の練習問題について考えてみました
https://qiita.com/ockeghem/items/787f74801a24e1fc6960 上記記事の練習問題についての私の回答 UserID : ' union select ...
5
5
Comment1
JavaScript 画像をモザイク化
WEBコンテンツ上でのモザイク化処理でよく利用されるcanvas要素を本処理でも使っていますが、自前でドットを再計算などはせず、 オリジナル画像をそれよりも小さいcanvasへ表示 見かけ上元の...
4
5
Comment0
複数計測対応カウントダウンタイマー
複数の計測に対応したカウントダウンタイマーです。 動作デモ タイムアップ時、AudioContextのOscillatorNodeを使用した簡単なアラームも鳴ります。 鳴っているアラームは画面上...
1
0
Comment0
JavaScript 日時系input要素への初期値設定 簡易版
日時系のinput要素に対し、現在日時に基づく初期値を設定するためのコードです。 過去に投稿した日時系のinput要素に対し現在日時に基づく値を初期値として設定ではvalueプロパティに入れる文...
0
0
Comment0
JavaScript 日時フォーマッタ
日付操作系の大がかりなライブラリ等を導入するまでもないようなケースで扱いやすいよう、必要最低限の機能をコピペで簡単に利用できそうなサイズを意識して組んでみました。 dateFormat.js c...
0
0
Comment0
【 #ゆめみからの挑戦状 ★第5弾】に回答してみました
こちらで開催されていた【ゆめみからの挑戦状 第5弾】に、私もいくつか回答してみました。 https://twitter.com/yumemiinc/status/1567724142811820...
0
0
Comment0
【JavaScript】TABキーによる要素のフォーカス送りをグループ内でループさせる
HTMLタグのtabindex属性が同じ値同士の要素はTABキーによるフォーカス送りが該当要素内で順に行われるので、グループ化したい要素にそれぞれ同じ値のtabindexを振り、それぞれのグルー...
7
4
Comment0
JavaScript カウントダウンタイマー
必要最低限の残時間計測のみのシンプルなカウントダウンタイマーです。 動作デモ countdown_timer_s.html <!DOCTYPE html> <html lang...
1
0
Comment0
JavaScript BigIntを使用して小数を含む桁数上限のない四則演算
小数の誤差を出さない四則演算のBigInt使用バージョンです。 使用方法は前回と同じです。 動作確認フォーム 小数を扱えないBigIntで小数の計算を行う手順 BigIntは整数しか扱えませんの...
0
1
Comment0
71 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles