Salesforce:JavaScript Remoting(@RemoteAction)をPromiseで扱う

はじめに Visualforce で Angular や React などの JavaScript ライブラリを使ったアプリケーションを作ろうと思った場合、 Apex で定義したメソッドの実行には JavaScript Remoting を使うのが一般的かと思います。似たようなことを実現するための手段とし…

2017-05-01

webpack+ES2015でGoogle Apps Scriptローカル開発するためのテンプレート作った

webpack ES2015 Google Apps Script

gapps を使って Google Apps Script をローカルで開発するための方法については以前 Qiita に書いたし、それにより ES2015 や TypeScript で書いて手元でビルド、みたいなことはみんなやるようになったんだけど webpack を使った構成が探してもあまり見つ…

2017-04-28

Meguro.es x Gotanda.js #1 in Drecomに行ってきた

勉強会

行ってきました。 hyperapp について Jorge Bucaran https://github.com/hyperapp/hyperapp SPA を作るための 1kb の軽量ライブラリ Virtual DOM + Redux/Elm 的な State 管理 + Router Fast React や Vue は framework っぽすぎ "dependencies": {} API ド…

2017-04-24

React/Reduxの設計に関する参考記事まとめ

React Redux まとめ

最近悩んでいる React/Redux でそれなりの規模のアプリケーションを作るための良い設計について、日頃ネットで気になる記事を漁っていたんだけど、積読がたまってきた＆Twitter やら Pocket やら Qiita に散らばってしまったのでここらで一旦整理します。 …

2017-04-20

Lightning Utility Barを作ってみた

Salesforce

Spring'17 から利用可能になった Utility Bar を作ってみたので、その手順を残しておきます。とりあえず Hello, World! と表示するところまで。こちらの記事が参考になりました。一応、公式の Implementation Guide とやらもあるみたいだけど、 https://r…

2017-04-18

FlowtypeのUtility TypesでESLintエラーを出さないようにする

JavaScript

ちょいメモ。 Flowtype の Utilty Types を使っていて type Exact<T> = T & $Shape<T>; などと書いたら ESLint でエラーになった。 error '$Shape' is not defined no-undef eslint-plugin-flowtype は導入済みで、各バージョンは以下の通り。 $ npm list --depth=</t></t>…

2017-04-07

ctrlp.vimでファイルを検索するときのウィンドウサイズを変更する

Vim

前回に続き、ctrlp.vim についてのメモ。 ctrlp.vim でファイルを検索するとき、そのままだと候補の一覧がウィンドウ下部にmax10件ぐらいしか表示されない。ここのサイズを変更したい。設定方法を調べてみたところ、この Issue に書いてあった。 Not enoug…

2017-04-01

ctrlp.vimでnode_modulesなどのフォルダを除外する

Vim

ちょいメモ。 Vim で Atom や VSCode のような Ctrl + P によるファイル検索ができるようにする ctrlp.vim というプラグイン。便利なんだけど、node_modules があるプロジェクトで使うと起動が遅かったり node_modules 内のファイルまで検索対象になってし…

2017-03-22

JIRAの課題フィルタで一度に表示する課題数（ページサイズ）を変更する

JIRA

ちょいメモ。課題フィルタで一度に 50 件ずつしか結果が表示できないのを変更したい。（画像は https://ja.confluence.atlassian.com/jiracoreserver070/searching-for-issues-777015942.html より引用）と思って調べてみたところ、 Expanding Issue Filt…

2017-03-21

WEB+DB PRESS Vol.97のReactサンプルアプリをReduxで書き直した

React Redux 書籍

WEB+DB PRESS Vol.97作者:外村和仁,小林徹,古川陽介,佐藤歩,yoku0825,是澤太志,一野瀬翔吾,加藤颯史,のざきひろふみ,うらがみ,水嶋淳貴,久田真寛,久保達彦,伊藤直也,遠藤雅伸,ひげぽん,海野弘成,はまちや2,竹原,倉岡洋義技術評論社Amazon 特…

2017-03-07

webpackでReact/Reduxを本番環境用にビルド(production build)する

webpack React Frontend

はじめに React に限らず、JavaScript を使ってると本番環境用のビルド（以後、production build）として圧縮や難読化を行う必要があります。 webpack にはそのためのプラグインとして UglifyJsPlugin があるのは知っていましたが、単純にこのプラグインを…

2017-02-25

Inside Frontend #1に参加したメモ

勉強会 Frontend

こちらのイベントに行ってきました。 AMA（休憩時間中の質問コーナー）という取り組みが非常に良かったです。以下、話を聞きながら手元でメモしてた内容。 Web over ServiceWorker by @jxck__ Capability against Native/Low API Installable Performance P…

2017-02-14

react-lightning-design-systemをVisualforceで使う

Salesforce React

件名の通りですが少しハマりどころがあったのでメモ。普通に react-lightning-design-system を使おうとすると SVG アイコン使用時に Unsafe attempt to load URL エラーが表示されます。 Unsafe attempt to load URL https://zakiyama-dev-ed.my.salesforc…

2017-02-06

webpack2でTree Shaking以外に何ができるようになったのかメモ

webpack Frontend

メモ。 webpack 2 正式リリース（バージョンは 2.2）だとか Tree Shaking という機能がいいらしいとかは目にしていたけど結局 v1 -> v2 とメジャーバージョンが上がって Tree Shaking 以外に何が変わったの？というのがよくわからなかったので調べてみた。…

2017-01-30

gulpタスクに.envで定義した環境変数を渡すならgulp-envでなくnode-env-fileを使う

はじめにタイトルの通り。 gulp タスクに .env のようなファイルで定義した環境変数を渡したくて、 gulp-env と node-env-file を比較した。結論としては node-env-file の方が使い勝手が良かった。それぞれの使い方 node-env-file // gulpfile.js var gu…

2017-01-21

[Vim]NeomakeでFlowを実行したときにexit code 64が表示されたときのメモ

Vim

Vim の Lint チェックに Neomake を使っていて、実行時に Neomake: flow: completed with exit code 64. と表示されてしまったときのメモ。 Flow のバージョンは 0.37.4。原因と解決策 https://github.com/neomake/neomake/blob/master/doc/neomake.txt#L31…

2017-01-19

react-lightning-design-systemのDatepickerを日本語表記にする

React Salesforce

メモ。 react-lightning-design-system の Datepicker の月や曜日の部分を日本語にしたい。 locale のようなプロパティはないが、内部的に Moment.js を使っているので以下のようにして変更できた。（2017/01/20追記）普通に moment.locale('ja'); だけで…