Why it doesn't work?

作業のメモ、記録をブログに残しています。

JavaScript

JavaScript タイマー処理 setIntervalとsetTimeout

JavaScriptのタイマー処理には以下の2種類があります。 setTimeout関数:指定された時間の後に処理を実行する setInterval関数:指定した時間ごとに処理を実行する

JavaScript UTCを取得する

JavaScriptでUTC(協定世界時)を取得するには、Date オブジェクトのtoUTCString()を使用すればよいらしい。 developer.mozilla.org

JavaScript CodePenに登録してみる

JavaScript アルファベットと数字をn文字ずらした文字列を得る(シーザー暗号) - Why it doesn't work? ダラダラとコードを書いて行くのは見た目的によくないなぁと思い、いろいろ調べてみました。1. CodePenへユーザー登録 まずは、CodePen公式サイトにアク…

JavaScript アルファベットと数字をn文字ずらした文字列を得る(シーザー暗号)

Pythonで簡易なシーザー暗号を作成してみましたが、今回はJavascriptで作成してみました。

JavaScript はてなブログでJavaScriptを使う

はてなでJavacriptを直接書き込めると言うことなので、ちょっと試してみます。

JavaScript 数字の先頭に0を埋めて桁数を揃える

JavaScript バイナリデータを扱う。4バイトの数値の配列をunsigned long(uint32)型の数値へ変換する - Why it doesn't work? 続きです。という訳ではないのですが、数値を数字に変換する際、数字の先頭をゼロ埋め(zero padding)して表示する桁数を統一する…

JavaScript HTML内の文字を動的に書き換える

今日もJavaScriptです。 何かのイベントをトリガーにしてHTMLの表示文字列を参照、変更するには、innerHTMLを使用します。

JavaScript 複数の配列を結合(マージ)する

今日はJavaScriptです。 以下のような複数の配列があるとします。 var fruits = ['apple', 'orange']; var vegetables = ['carrot', 'cabbage'] push()を使用すると、 var total = fruits.push(vegetables); console.log(fruits); console.log(total); 以下…

JavaScript バイナリの画像データをBase64でエンコードする

JavaScript バイナリファイルを読み込む - Why it doesn't work? JavaScript バイナリデータを扱う。4バイトの数値の配列をunsigned long(uint32)型の数値へ変換する - Why it doesn't work? JavaScript バイナリデータの配列をUTF-8文字列へ変換する - Why …

JavaScript 整数の割り算で商と余りを求める

var min = 75 / 60; var sec = 75 % 60; console.log('Duration: ' + min + ' (min) ' + sec + ' (sec)'); 結果は以下のようになしました。 Duration: 1.25 (min) 15 (sec)

Google Maps API InfoWindowを開く、閉じる、そして閉じた時のイベントを取得する

表示してるInfoWindowのクローズイベントを拾う必要があったので、簡単にまとめておきます。

JavaScript バイナリデータの配列をUTF-8文字列へ変換する

JavaScript バイナリファイルを読み込む - Why it doesn't work? JavaScript バイナリデータを扱う。4バイトの数値の配列をunsigned long(uint32)型の数値へ変換する - Why it doesn't work?TextDecoderを使用してみました。

JavaScript バイナリデータを扱う。4バイトの数値の配列をunsigned long(uint32)型の数値へ変換する

JavaScript バイナリファイルを読み込む - Why it doesn't work? 続きです。やりたいことは、バイナリの配列から4バイトを抜きだしてunsigned long(uint32)型の数値として扱いたいといことです。DataViewを使用します。DataViewはバイナリデータのバッファ(…

JavaScript バイナリファイルを読み込む

Python バイナリモードでファイルを読み込む、およびEOFの検出方法 - Why it doesn't work? の作業は一段落ついたのですが、JavaScriptでバイナリファイルを直接読み込めば、作業の手順を減らせるなと思いつき、掲題の作業に取りかかります。ポイントは以下…

GeoJSONデータのインポート時の新規追加項目に対応、及ぶ不具合修正

久しぶりに、 MAP上に表示しているGeoJSONデータをダウンロード可能にする - Why it doesn't work?の続きです。GeoJSONデータのproperties項目内にcontent項目を追加して、Eventの内容を表示するよう対応しましたが、動作確認中に不具合がいくつか見つかった…

MAP上に表示しているGeoJSONデータをダウンロード可能にする

コミットしました。 geojson_anime_button.html大きな修正内容は以下の通りです。 ダウンロード用のボタンを追加しました。他のボタンと同じく、データがインポートされた状態で表示されます。 <input onclick="downloadGeoJson();" type=button value="Download GeoJSON"> インポートしたGeoJSONデータの"feature"自体を配列に保存する…

JavaScript JavaScriptのオブジェクトをJSON文字列に変換する

GeoJSONファイルを追加でDrag&Drop出来るようにする - Why it doesn't work?で記載した通り、複数のGeoJSONデータを結合して一つのMAP上に表示することが出来ました。ただ、このままではまた複数のファイルをDrag&Dropする必要があるため、一つのGeoJSONフォ…

GeoJSONファイルを追加でDrag&Drop出来るようにする

続いてます。 分割されたログに対応しました。 最初のログのGeoJSONデータを表示中に、続きのログデータをDrag&Dropするような動作を考慮していませんでしたので、GeoJSONデータを表示中に別のGeoJSONデータがDrag&Dropされた場合には以下のような動作を行う…

JavaScript 配列をソートする

配列をソートさせます。 var exam = [ {name:"tanahashi",score:89}, {name:"okada",score:95}, {name:"naitou",score:96}, {name:"kenny",score:85}, {name:"evil",score:90}, {name:"yoshihashi",score:50} ] exam.sort(function(a,b){ return a.score - b…

JavaScript Dateオブジェクトの値をhtml <input type="datetime-local">のフォーマットに変換する

HTMLソース部分 <input id="start_time" type="datetime-local" step="1"> にDateオブジェクトの値を初期値として設定してみます。 "datetime-local"のvalue属性に"YYYY-MM-DDThh:mm:ss"のフォーマット文字列を設定する事で初期値として表示することができます。 toISOStringメソッドを使用してみる 初めはtoISOStri…

Javascript Dateオブジェクトの扱いにちょっとハマる

月と曜日は0始まり var d = new Date('2018/01/27 10:30:00'); //2018年1月27日(金) 午前10時30分 console.log(d.getFullYear()); //2018 console.log(d.getMonth()); // 1ではなく、0が表示されます。 console.log(d.getDate()); // 27 console.log(d.getD…

JavaScript 要素の表示、非表示を切り替える

閑話。 GeoJOSN関連の機能を色々と詰め込もうとして時間がかかってしまっているので、関連するJavascriptも機能をまとめていきます。入力ボックスを必要に応じて表示、非表示を切り替える方法をまとめてみました。 <p> <div id="question">What do you do for living?</div> <label><input type="radio" name="q1" value="0" onclick="click_val1();" >tube8</label> <label></label></p>