Vuexのstateをcomposition-apiでReactiveに使う
Vue.js版のReact HooksにあたるComposition APIとVuexを組み合わせる方法を紹介します。 vuejs/composition-api: Vue2 plugin fo...
20
14
Comment2
36 search resultsShowing 1~20 results
Stocked
You need to log-in
HTML Canvasでボケないペンツールpx-brushを作りました
はじめに HTMLのCanvasは便利なAPIがたくさん用意されていて簡単に描画ツールなどを自作できるのですが、通常の方法ではアンチエイリアスが強制的にかかってしまい、敢えてピクセル感のあるいわ...
10
3
Comment0
yarn run watchでwatchifyして素早くjsをビルドできるようにする
やりたいこと browserifyでjsをモジュール化できるよういしたい babelを使ってES2015で書きたい Reactも使いたい gulpはめんどい 変更を監視してビルドしたい 時間のか...
8
9
Comment0
enzymeでReactコンポーネントのイベントハンドラをテストしてみた
はじめに 前回enzymeの導入について記事を書きました。 これまでは単純にrenderされるDOMのチェックしかしてなかったのですが、今回はonClickなどのハンドラをテストしてみました。 ...
12
10
Comment0
JavaScriptでテキストをカラフルにシャッフルするやつを作った
こんなやつです よかったら試してみてください https://www.npmjs.com/package/shuffle-colorful-chars
12
11
Comment0
enzymeでReactのテストをしてみた
enzymeとは airbnbが開発したReactのテストを行うためのライブラリです。 https://github.com/airbnb/enzyme なんとこのライブラリ、Reactのドキュ...
10
15
Comment0
atomでReactのコンポーネント新規作成用snippetを登録してみた
ReactでES2015のクラス定義でコンポーネントを作成することが多いのだけど、いかんせん記述量が結構あるので毎回辛いなと思っていた。 そういえばatomはsnippet登録出来るはずだよなと...
2
2
Comment0
Reactでhigher order componentsを試してみた
Higher Order Componentsとは 自分の雑な理解では react componentをラップして様々な拡張性を与えられるテクニックのこと 詳しくはこちらを読むとわかると思います...
5
5
Comment0
es2015のclassでmixinしてみる
JSでclassかけるのいいですよね class Person { constructor(name) { this.name = name; } } 簡潔に書けるようになってホントに良かった進...
3
4
Comment0
rubyでjavascriptみたいな関数渡しをする小技
はじめに railsで作業してて、以下のように配列をmapして別のメソッドに通した値を使いたいケースがありました localized_column_names = Product.column_...
1
1
Comment0
Loggly(Syslogger)を使っているとActiveJobでエラーする件
はじめに Loggly 本番環境で複数のサーバーを使っているので、ログを見やすくするためにlogglyを使っていた。 Loggly https://www.loggly.com/ railsでl...
1
1
Comment0
Gemfileの中身をソートするgem_sortを作りました
リポジトリなど rubygems https://rubygems.org/gems/gem_sort github https://github.com/kozo002/gem_sort これ...
12
9
Comment4
html5のdraggableをtrに適用してghostが表示されない件
ghostが表示されないtable JS Bin on jsbin.com 解決策 td要素に position:relative; を適用する ghostが表示されるtable JS Bin ...
0
0
Comment0
俺の最近のRailsのJS開発環境を教えてやる
はじめに railsのsprocketsがキツイ。特にjsファイルが多くなると開発がとっってもキツイ。 layoutに = javascript_include_tag "application...
421
415
Comment2
なんでfuelphpのscaffoldはCSRF対策してないの？
fuelphpを仕事で使うかもしれなかったので調査していたところ、oilコマンドにscaffoldがあったので叩いてみました Taskをscaffoldしてみた php oil g scaffo...
2
2
Comment0
ember-cli-railsでrailsのフロントエンド開発がもっといい感じになる
ember-cli ember.jsはjavascriptのフレームワークで、ember-cliはemberコマンドでgenerateしたりtestしたりbuildする便利な実行環境のようなもの...
2
2
Comment0
JavaScriptで指定要素の背景色の輝度を計算する
はじめに cssを書いていて、作成中のパーツがどんな色の背景に乗るのか決まらないので文字色が悩ましいなんてことありませんか？ 緑の時もあれば 黄色の時もあるんかい…… といった場合に困ってしまい...
12
15
Comment0
ember DS.Store#createRecordと#pushの違いに気をつけよう
はじめに DS.Store#createRecordとはこうゆうものです。 export default Ember.Route.extend({ model() { return this.s...
0
0
Comment0
Emberのunit testでstoreオブジェクトをstubにしたらrestoreも忘れずに
Emberに限った話でもないですが、少しハマったので はじめに 以下のようなモデルがあるとします App.User = DS.Model.extend({ name: DS.attr('stri...
3
2
Comment0
accepts_nested_attributes_forで指定した関連先のvalidationに自身のidがpresence: trueだとnested_formが使えない件
（タイトルがルー語っぽくなりました） はじめに 以下の様なhas_many throughな関係があるとします class User < ActiveRecord::Base has_ma...
55
47
Comment0
36 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles