読者です 読者をやめる 読者になる 読者になる

Tbpgr Blog

Ruby プログラマ tbpgr(てぃーびー) のブログ

JavaScript

RSpecやMochaのテストにタグをつけてテスト対象をフィルタする

t_wadaさんに技術相談をしました という記事で言及されていた テストのタグ付について気になったので、具体的な実装レベルのところについてまとめます。 cureapp-dev.hatenablog.com

RubyとCrystalとJavaScriptのCLI Spinner事情

仕事の都合上、 Ruby と Crystal と JavaScript(ES6) を利用することが多くなりそうなので これらの言語でCLIツールを作成するときに使う spinner のライブラリについて 調べました。

JavaScript | カンマ演算子(Comma Operator)

概要 カンマ演算子(Comma Operator) 詳細 カンマ演算子(Comma Operator)は、カンマで区切られた値の2番目の要素を返却します。 主に単一の式でなければならない位置で複数の式を記述したい場合に、カンマ演算子を使う。頻出例:for ループ サンプルコード1 f…

TbpgrUtils | 追加要件 MarkdownString#bold 追加

概要 追加要件 MarkdownString#bold 追加 詳細 追加要件 MarkdownString#bold 仕様 ・Markdownのboldを出力します ※より詳細についてはGitHubのREADMEおよびテストケース参照 GitHub https://github.com/tbpgr/tbpgr_utils Rubygems http://rubygems.org/gem…

JavaScript | chart.jsでLine Chartを表示する

概要 chart.jsでLine Chartを表示する 詳細 chart.jsでLine Chartを表示する サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="Chart.min.js"></script> <script language="JavaScript"></meta></head></html>

JavaScript

概要 スクリプト言語JavaScriptについて 詳細 項目 内容 chart.jsの設定 http://d.hatena.ne.jp/tbpg/20140404/1396622356 chart.jsで円グラフ http://d.hatena.ne.jp/tbpg/20140404/1396622513 chart.jsでPolar Areaグラフ http://d.hatena.ne.jp/tbpg/2014…

JavaScript | chart.jsで棒グラフを表示する

概要 chart.jsで棒グラフを表示する 詳細 chart.jsで棒グラフを表示します 仕様 ・CodeIQで出題しているデスマコロシアムの言語の分布を表示 ・前日、当日の差分を確認できるようにする サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="Chart.min.js"></script> <script language="JavaScript"></meta></head></html>

JavaScript | chart.jsでPolar Area Chartを表示する

概要 chart.jsでPolar Area Chartを表示する 詳細 chart.jsでPolar Area Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サン…

JavaScript | chart.jsでPie Chartを表示する

概要 chart.jsでPie Chartを表示する 詳細 chart.jsでPie Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Docume</title></meta></head></html>…

JavaScript | chart.jsの設定

概要 chart.jsの設定 詳細 JavaScript + HTML5のcanvasでグラフを操作できるchart.jsの設定をします。 設定 ・https://github.com/nnnick/Chart.js から ZIPをダウンロード ・ZIPを解凍 ・Chart.min.jsを任意のディレクトリにコピーし、HTML内にcanvsを配置…

JavaScriptで正規表現 | 数字の指定

概要 数字の指定について 構文 [\\d]. = アルファベット、数字、アンダーバー [\\D]. = アルファベット、数字、アンダーバー以外 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:target=' + target +</head></html>…

JavaScriptで正規表現 | アルファベット、数字、アンダーバーの指定

概要 アルファベット、数字、アンダーバーの指定について 構文 [\\w]. = アルファベット、数字、アンダーバー [\\w]. = アルファベット、数字、アンダーバー以外 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.wr</head></html>…

JavaScriptで正規表現 | 開始と終了のパターン

概要 開始と終了のパターンについて 構文 ^(キャレット)を指定することで文字列の先頭を表し、 $(ダラー)を指定することで文字列の終端を表します。 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:t</head></html>…

JavaScriptで正規表現 | パターンの設定回数

概要 パターンの設定回数について 構文 波括弧{}に数値を指定することで直前のパターンに対して 指定した回数の繰り返しを設定することが可能です。{x}|直前のパターンをx回繰り返し {x,}|直前のパターンをx回以上繰り返し {x,y}|直前のパターンをx回以上y回…

JavaScriptで正規表現 | 複数の文字列へのマッチング

パンくず JavaScriptで正規表現 複数の文字列へのマッチング 概要 複数の文字列へのマッチングについて 構文 角括弧[]で文字列パターンを囲うことで任意の文字列へのマッチングが可能です。パターン一覧 構文 内容 a-z アルファベット小文字のa〜zをあらわす…

JavaScriptで正規表現 | 1回以上の繰り返し

パンくず JavaScriptで正規表現 1回以上の繰り返し 概要 1回以上の繰り返しを指定する場合 構文 プラスで1回以上の繰り返しになります デフォルトで最長マッチ:全体マッチ=パターン以降も含め全てにマッチ プラスとクエスチョンマークの併用で最小マッチ:…

JavaScriptで正規表現 | 0-1文字指定

パンくず JavaScriptで正規表現 0-1文字指定 概要 0-1文字指定をする場合 構文 クエスチョンマークで0-1文字指定になります 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:target=' + target + ',pa</head></html>…

JavaScriptで正規表現 | 0-N文字指定

パンくず JavaScriptで正規表現 0-N文字指定をする場合 概要 0-N文字指定をする場合 構文 アスタリスクで0〜N文字指定になります 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:target=' + target +</head></html>…

JavaScriptで正規表現 | 1文字指定

パンくず JavaScriptで正規表現 1文字指定 概要 1文字指定をする場合 構文 ドットで1文字指定になります 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:target=' + target + ',pattern=' + pattern </head></html>…

JavaScriptで正規表現

概要 JavaScriptで正規表現を学びます 内容 構文 内容 リンク . 任意の一文字を指定 http://d.hatena.ne.jp/tbpg/20120418/1334766124 * 任意の0文字以上N文字以下を指定 http://d.hatena.ne.jp/tbpg/20120418/1334766209 ? 任意の0文字もしくは1文字を指定 …

JavaScriptで簡易占いツール作成

概要 JavaScriptで、大吉・小吉・凶を1/3の確率で表示するだけの シンプルなツールを作ります。 サンプルコード <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function outputRandomResult() { var random = Math.floor(Math.random()*3)+1; outputDiv = document.getElementById('output'); sw…</meta></head></html>

JavaScriptで配列の1要素をランダムで抽出するクラス(RandomListSelector)

JavaScriptで配列の1要素をランダムで抽出するクラスを作成。作りはシンプルで コンストラクタに配列を設定 配列の要素範囲で乱数を生成 ランダムに配列の添字を指定して返却。 以下がサンプルコード。 var RandomListSelector = function(list) { this.list…

JavaScriptでクラスとメソッドを用いたHelloWorld

JavaScriptでクラスとメソッドを用いたHelloWorldについて。以下のコードをhtmlファイルで保存すれば確認可能。 <script type="text/javascript"> // 以下はJavaScriptのクラス定義 var ClassName = function(message) { this.message = message; }; // 定義したクラスにメソッドを追加する…

秀丸にJavaScript定義ファイルを設定

公式サイトの以下より定義ファイルをダウンロードします。 秀丸JavaScript定義ファイルダウンロードした圧縮ファイルを回答したら任意の場所に保存して 秀丸を起動 メニュー→その他→ファイルタイプ別の設定 デザイン→強調表示 読み込み→先ほど回答したファイ…