Gobble up pudding

プログラミングの記事がメインのブログです。

MENU

JavaScript

画像をJavaScriptでXHR経由で読み込む方法

やむをえない事情があり、JWT認証を通過して画像を表示させる必要があったので、 XHR(Ajax)で画像を読み込む方法を調べました。 同一ドメインならこんな苦労はしないのにーとか最近そんなことを悩んでいます。 サーバーサイドのコード 何でもいいのですが、…

JavaScriptでコールバックで失敗を検知した時にどうやってリトライするか

Node.jsの例えばfs.renameのような非同期のメソッドを使っていたときなどに、 リトライしようとして、それをどうやって実現するかという話です。 コールバックだと単純にはうまくいきません。 いろいろ方法はあると思いますが、一例を説明しようと思います。…

Spring Boot 2 + JQuery DataTablesで一覧画面を作成

今更ながらjQuery系ですが、使ったことがなくてでも便利そうなので使ってみました。 皆さん大好きSpring Boot 2を使用しました。 また、Pagingが面倒なので皆さん大嫌いHibernateを利用しています。 結論としてはJQuery DataTablesは思ったより使いやすくて…

JavaScriptで静的変数

例えば次のような処理を考えてみます。 名前と身長と体重を与えると、その人のBMIがメソッドにより出力されるというものです。 さらに、食料foodNumがあって、食べると1つ減って、 代わりに1kg増えるものとします。食料はあらかじめ、貯蔵量に限界があって…

Express 4 + EJS + Socket.IOでWebSocketをやってみる

WebSocketをNode.js(Express 4 + EJS + Socket.IO)で復習がてら実装しました。 ハマりポイントはbin/wwwを修正しないと動いてくれないところ。 Expressってシンプルで綺麗な設計のフレームワークなんですが、 結構はまりやすいポイントが多いと思います。 No…

JavaScriptで使えるグラフ描画ライブラリとその有効活用例について

ふとニュースなどをみていて、新型コロナウィルスの感染状況のグラフのサイトを見つけて、お、綺麗だしシンプルでいいなと思ったのがここ。 よくある質問の部分も、一見、グラフを眺めていて、ん???と思う疑問点が書かれてあって良い。 「具体的な基準はM…

サクラエディタで特定のフォルダにYYYYMMDD_番号.txtで保存するマクロを作成

最近の趣味はサクラエディタのPull Requestを眺めることです。 昔から愛用してきたサクラエディタですがマクロを使ったことはありませんでした。 ということで毎日よく簡易的にメモをテキストエディタに書いてYYYYMMDD.txtみたいな形式で保存するのですが、 …

Vue.jsでテーブルソートを作ってみた

Vueの練習を兼ねてVueでテーブルソートを作ってみました。 気が向いたらPagerも作るつもり(気が向いたら)。 SPAは最近興味がないので(大半のケースでオーバースペックなので…) 単純にscriptタグでVueを入れてるケースです。 Vueをあえて選ぶ勢ってたぶんです…

片手間でJavaScriptを書く際の定番の書き方メモ

ガシガシJavaScriptをかかないWebアプリで、比較的単純なJQueryだけのプロジェクトのときに極力名前空間を汚さず大してめんどくさくなく書く方法のメモ 見返したらただの感想文になってしまった。 とりあえず (function($) { ... })(jQuery);で引数ありの即…

2018年のReact最小構成の構築(非SPA対応)

今回作成する構成 事前準備 VS Codeを入れる 入れたほうが良いプラグイン Node.jsを入れる webpackコマンドを叩けるようにする Reactプロジェクトを作成する packageを追加する ソースコードを書く package.jsonに追記する webpack.config.jsを書く Reactの…

Angular moment.js脱却メモ

Angularを使っていてWebpackでのbundle.jsが肥大化したときにmoment.jsをやめたいときのメモ 可能な限りDateとimport { DatePipe } from '@angular/common';を使う date -> string moment moment(date).format('YYYY-MM-DD HH:mm:ss.SSS'); TypeScript + Dat…