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

valid,invalid

関心を持てる事柄について

kpt-bot を使って KPT も Slack に集約しよう

ES6 の勉強がてら kpt-bot という Slack bot を作ってみたので github.com 「kpt-bot を使って KPT も Slack に集約しよう」という記事を Qiita に投稿した。 qiita.com Node.js、JavaScript というだけで web フロントエンドと地続き間があるから書けなくは…

ohbarye.me

Twitter や GitHub のプロフィール欄にある「あなたの web サイト」的な箇所に登録するリンクがこのブログだったり GitHub の個人アカウントへのリンクだったり、統一感がなくて良くない!となんとなく思い立って About me page を作ってみた。 http://ohbar…

npm run eject で create-react-app はアプリケーションの長寿を保証する

create-react-app すごい。React アプリを開発する環境構築が圧倒的に楽になった。 開発も素早く始められて build も一瞬で出来るように用意されている。Rails なんかもこうやって参入障壁を下げていくことで広まったのかなと思う。 npm run eject まだ始め…

jQuery の古いバージョンでは SVG の class 属性を操作する API の一部が使えない

複数サイトを管理していて、片方のサイトでは動くのにもう一方では動かない以下のようなコードがあった。 $svg('svg.target') $svg.toggleClass('hide') jQuery 2.2 and 1.12 Released | Official jQuery Blog を見るに、以下のバージョン以上であれば動くと…

ロードされた jQuery のバージョンを確認する

developer console で $().jquery # => "2.2.4" etc. ref: How to check what version of jQuery is loaded? - Stack Overflow

jQuery セレクターのエスケープにはバックスラッシュを使う

以下のような HTML 要素がある時に <input type="text" id="hatena.jp" /> $('#hatena.jp') 上記のセレクターではこの要素を取得できない。 id == "hatena.jp" ではなく id == "hatena" && class.include?('jp') にマッチする要素を探してしまう。 メタ文字 (!"#$%&'()*+,./:;<=>?@[\]^{|}~) を含…

three.jsで3Dロゴジェネレータ作ってみた

前記事でチラっと書いたけども、再度。 three.jsで3Dロゴジェネレータ作ってみた。 3D Logo Generator という話をQiitaにも書いた。 JavaScript - three.jsで3Dロゴジェネレータ作ってみた - Qiitagoo.gl three.js楽しい。

wait~リトライを行う処理

クライアントサイドJavaScriptでwait処理に相当するものが必要になったので調べてみた。そもそもJavaScriptにはwait / sleep に相当する関数が無いみたいだが、遅延処理を実現する setInterval() / clearInterval() の2つのメソッドにて同様の関数を実装でき…

信頼済みゾーンのサイトでIEオブジェクトが動かない

社内システムから定期的に情報を取得してメールを送信するバッチをJavaScriptで実装していると、 "そのインターフェイスは認識されません。"やら "エラーを特定できません。"とのエラーが。 エラー発生箇所を見ると↓の4行目で落ちていた。var ie = WScript.C…

JScriptでメール送信ができる (Outlook, Gmail)

宛先や内容は毎回異なるが、ほぼ定型のメールを毎月送る定常業務がだるい~ので自動化しようと調べてみたら、Jscriptでメール送信ができると知った。[Outlook]OutlookとWSHでメール送信 - くじらはんど★ブログ[Gmail]定型メールの送信を自動化する~GmailとJ…

画像の一部を範囲選択してぼかす(もしくはその他の加工を行う)

ブラウザに表示される画像の一部を範囲選択してぼかす機能を実装したい。まだ試してないけども下記なんかを組み合わせて実現できそう。1.範囲選択Jcrop - Deep Liquid - 2.ぼかし(その他の加工も多く用意されている)Pixastic: JavaScript Image Processing…