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

dackdive's blog

新米webエンジニアによる技術ブログ。JavaScript(React), Salesforce, Python など

follow us in feedly

npm installしたパッケージの更新確認とアップデート(npm-check-updates)

タイトルの通り。 npm install --save なり --save-dev なりして package.json に書き込まれたパッケージのバージョン、どうやって定期的にアップデートしていけばいいかわからなかったので。 新しいバージョンがリリースされているかどうかの確認と、実際に…

package.jsonのパッケージバージョンに記載される ^ (キャレット) とは?どうしてつくのか?

$ npm install --save react などのコマンドでパッケージをインストールすると、package.json にはインストールした(その時点での最新)バージョンが記載されますが そのとき "dependencies": { "react": "^15.3.2" } というように、バージョン番号の前に ^…

Hubotに管理画面のような静的ページを追加する

メモ。 ブラウザから /admin にアクセスしたら管理画面みたいなものが開いて Bot の簡単なカスタマイズができる、みたいなことがやりたくて 特定の URL で静的なページを返すようなことができるのか調べてみました。 結論から言うと robot.router が Express…

Slackのチャンネルのメンバーからランダムで一人選ぶBotを作る

タイトルの通り。 GitHub の PR のレビュアーを、開発チームの特定のメンバー数名から一人指名したい 開発チームの一部のメンバーで持ち回りでやらないといけないタスクがあって、毎回誰がやるか決めるのめんどい といったことがあって、せっかくなので bot …

JavaScript(ES2015&React)で画像を扱う:リサイズとプレビュー表示

はじめに web サイト/アプリケーションで画像のアップロード機能などを実装する場合、 最近のスマホのカメラで撮影した画像はサイズが数 MB にも及ぶので、あらかじめクライアント側で送信可能なサイズまで縮小する必要があります。 今回はそのような画像の…

HubotをES2015で書いてHerokuにデプロイする

今さらながら Slack bot を作りたくて、フレームワークは Hubot を選んだ。 Hubot はそのままでは CoffeeScript で書く必要があるんだけど、ES2015 もやっと覚えたばかりなのに CoffeeScript の勉強はしたくない。 ということで、ES2015 で書くための手順を…

ES2015時代のJavaScriptテストツールまとめ

最近になって JavaScript を勉強中です。 ES2015 と React にもちょっとずつ慣れてきましたが、テストについては Karma とか mocha とか名前は聞くけど何が何なのかよくわかってなかったので、軽く整理してみます。 JavaScript テストツールの大まかなカテゴ…

WEB+DB PRESS Vol.87のECMAScript 6特集を読んだ(+TypeScript)

特集1の「今すぐ活かす! 最新JavaScript 進化した仕様ECMAScript 6をまるごと解説」を読んでES6(またはES2015)について勉強している。 WEB+DB PRESS Vol.87作者: 佐藤鉄平,小林明大,石村真吾,坂上卓史,上原誠,鳥居英,佐藤歩,泉水翔吾,うさみけんた,伊藤直…

[JavaScript]D3.jsを触ってみた

秋のJavaScript祭りに参加しました。 その中のセッションで紹介されていたD3.jsというJavaScriptライブラリを触ってみたのでちょいとメモ。 セッションスライドはこちらです。 D3.jsでのデータビジュアライゼーション -人口統計データから使い方を学ぶ-

[dojo]dojo.onでthis.[変数名]がundefinedになる

前回の記事の続き。 dojoでカスタムウィジェットを作成するチュートリアルを読んでいたけど マウスオーバー時のアクションの部分でundefinedエラーが発生していた。 該当のコードはこんな感じ。 // colors for our background animation baseBackgroundColor…

[dojo]カスタムウィジェットを作成する

公式ドキュメントのうち、こちらのページの内容を一通り学習してみる。 Creating a custom widget - The Dojo Toolkit Dojoのバージョンは1.7.2。 Dojoはチュートリアルが充実しているんだけど 最終的なソースコードをフルで書いてくれていないのがつらいと…

[dojo]dojoConfigの主なパラメータまとめ

ほぼほぼ、このへんの内容をまとめたものです。 Dojo道場 ~ 第11回「Dojo 最新動向 - Asynchronous Module Definition」 (5/5):CodeZine Configuring Dojo with dojoConfig - The Dojo Toolkit dojo.config (dojo/_base/config) — The Dojo Toolkit - Re…

Browser.msgBox内で改行する方法

なかなか検索しても出てこなかったのでメモ。結論からいうと、 \\nでできる。\を2つ重ねるのがポイント。\を2つ重ねる、というのはどこかのサイトで見かけたんだけど それでもいっこうに改行できないなーと思って良く見たら \でなく ¥になっていた。 PCはm…

dojo.Stateful のwatchメソッドを学ぶ(書きかけ)

dojoにおいて、特定のプロパティが変更されたことを監視し、値の変更をトリガーとして何かイベントを実行させたい場合に使うらしい。以下、簡単な使用例(Dojo道場 ~ 第10回「Dojo 最新動向 - Dojo 1.6」 (2/3):CodeZineから) dojo.require("dojo.State…

dojox.datagridで全itemを取得する方法

選択中のitemすべて取得するには grid.selection.getSelected() とリファレンス(http://livedocs.dojotoolkit.org/dojox/grid/DataGrid)にも書いてるけど、 そうじゃなくてグリッドに表示されてるitemを全部取得する方法。結論から言うとこの方法でとりあ…