JavaScript
個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
JavaScrip関連の個人用メモです。 どこからでも確認できるように public な場所に置いていますが 特に人に見せることを意識してまとめていません。
t_wadaさんに技術相談をしました という記事で言及されていた テストのタグ付について気になったので、具体的な実装レベルのところについてまとめます。 cureapp-dev.hatenablog.com
仕事の都合上、 Ruby と Crystal と JavaScript(ES6) を利用することが多くなりそうなので これらの言語でCLIツールを作成するときに使う spinner のライブラリについて 調べました。
概要 カンマ演算子(Comma Operator) 詳細 カンマ演算子(Comma Operator)は、カンマで区切られた値の2番目の要素を返却します。 主に単一の式でなければならない位置で複数の式を記述したい場合に、カンマ演算子を使う。頻出例:for ループ サンプルコード1 f…
概要 追加要件 MarkdownString#bold 追加 詳細 追加要件 MarkdownString#bold 仕様 ・Markdownのboldを出力します ※より詳細についてはGitHubのREADMEおよびテストケース参照 GitHub https://github.com/tbpgr/tbpgr_utils Rubygems http://rubygems.org/gem…
概要 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について 詳細 項目 内容 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…
概要 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>
概要 chart.jsでPolar Area Chartを表示する 詳細 chart.jsでPolar Area Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サン…
概要 chart.jsでPie Chartを表示する 詳細 chart.jsでPie Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Docume</title></meta></head></html>…
概要 chart.jsの設定 詳細 JavaScript + HTML5のcanvasでグラフを操作できるchart.jsの設定をします。 設定 ・https://github.com/nnnick/Chart.js から ZIPをダウンロード ・ZIPを解凍 ・Chart.min.jsを任意のディレクトリにコピーし、HTML内にcanvsを配置…
概要 数字の指定について 構文 [\\d]. = アルファベット、数字、アンダーバー [\\D]. = アルファベット、数字、アンダーバー以外 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:target=' + target +</head></html>…
概要 アルファベット、数字、アンダーバーの指定について 構文 [\\w]. = アルファベット、数字、アンダーバー [\\w]. = アルファベット、数字、アンダーバー以外 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.wr</head></html>…
概要 開始と終了のパターンについて 構文 ^(キャレット)を指定することで文字列の先頭を表し、 $(ダラー)を指定することで文字列の終端を表します。 例 <html> <head> <script language="javascript"> function executeRegExp(target,pattern) { regExp = new RegExp(pattern); document.write('input:t</head></html>…
概要 パターンの設定回数について 構文 波括弧{}に数値を指定することで直前のパターンに対して 指定した回数の繰り返しを設定することが可能です。{x}|直前のパターンをx回繰り返し {x,}|直前のパターンをx回以上繰り返し {x,y}|直前のパターンをx回以上y回…
パンくず JavaScriptで正規表現 複数の文字列へのマッチング 概要 複数の文字列へのマッチングについて 構文 角括弧[]で文字列パターンを囲うことで任意の文字列へのマッチングが可能です。パターン一覧 構文 内容 a-z アルファベット小文字のa〜zをあらわす…
パンくず JavaScriptで正規表現 1回以上の繰り返し 概要 1回以上の繰り返しを指定する場合 構文 プラスで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文字指定をする場合 概要 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文字指定 概要 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で正規表現を学びます 内容 構文 内容 リンク . 任意の一文字を指定 http://d.hatena.ne.jp/tbpg/20120418/1334766124 * 任意の0文字以上N文字以下を指定 http://d.hatena.ne.jp/tbpg/20120418/1334766209 ? 任意の0文字もしくは1文字を指定 …
概要 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要素をランダムで抽出するクラスを作成。作りはシンプルで コンストラクタに配列を設定 配列の要素範囲で乱数を生成 ランダムに配列の添字を指定して返却。 以下がサンプルコード。 var RandomListSelector = function(list) { this.list…
JavaScriptでクラスとメソッドを用いたHelloWorldについて。以下のコードをhtmlファイルで保存すれば確認可能。 <script type="text/javascript"> // 以下はJavaScriptのクラス定義 var ClassName = function(message) { this.message = message; }; // 定義したクラスにメソッドを追加する…
公式サイトの以下より定義ファイルをダウンロードします。 秀丸JavaScript定義ファイルダウンロードした圧縮ファイルを回答したら任意の場所に保存して 秀丸を起動 メニュー→その他→ファイルタイプ別の設定 デザイン→強調表示 読み込み→先ほど回答したファイ…