AngularでGuardの導入
Guardについて Routerでページ遷移前にログインされたユーザーなのかのチェックを行いたい時になどに使います。 生成コマンド AuthGuardという名前で生成します。 $ ng g gu...
50
38
Comment0
41 search resultsShowing 1~20 results
Stocked
You need to log-in
Apollo ClientのキャッシュでInterfaceやUnionを利用する (WARNING: heuristic fragment matching going on!)
Apollo Clientのキャッシュ機能は便利で特に設定をせずにそのまま使えてたのですが、UnionやInterfaceを利用する際に工夫が必要だったのでご紹介します。 問題 Apollo C...
5
2
Comment0
JavaScriptのreduce()やfilter()を使って配列をスマートに扱うTips
reduce() を使うと、ある配列から各要素ごとに処理を実行、一つの結果にまとめることができます。 filter() はある配列から条件にマッチした要素だけを抽出できます。 簡単な例として「N...
2
2
Comment0
Parcelで作るSPAじゃないVue.js環境構築
Parcelを使うと簡単にフロントエンドの開発環境構築ができますが、複数ファイルのエントリファイルに対応しているのを知ったので試してみたいと思います。 Parcelのインストール $ npm i...
7
4
Comment0
Laravel Tinker Serverを使ったお手軽デバッグ
Laravelでアプリケーション開発をしているとある処理時点での変数がどうなっているのか確認したい時があると思います。 Laravel Tinker Server は確認したい処理部分のコードに...
7
6
Comment0
LaravelでControllerの作成
コントローラ作成コマンドを実行します。 php artisan make:controller コントローラ名 するとプロジェクト/app/controllers/以下に自分でつけた名前のコント...
7
10
Comment0
GraphQLアプリをCypressで動かす際につまずいたこと
GraphQLを採用したシステムを開発していて、CypressでE2Eテストを行うようにしました。 しかし色々とつまずくところがあったので、同じ問題に直面した方のために残したいと思います。 Gr...
8
10
Comment1
Vue CLI 3プロジェクトでIE対応する
IE対応でこの記事に辿り着いてしまうことがないことを祈りつつも、もし問題にぶち当たった人のために残しておきます。 基本的にはドキュメントに従って行いました。 参考: Browser Compat...
32
36
Comment0
@ionic/vue + Capacitorでクロスプラットフォームの未来を覗いてみる
先日行われたFrontend Conference Fukuoka 2018で [Web開発者のためのクロスプラットフォームアプリ開発] (https://speakerdeck.com/7no...
6
4
Comment0
Vue CLI 3 + DockerでHMRが動かない時の解決策
Vue CLI 3便利ですね。GUIでプラグインの追加やタスクの実行などを行えて見た目もカッコいいですし、使っていて楽しいです。 しかし、Docker上で動かしてみたときに、初めのビルドはうまく...
6
5
Comment0
Vue Test Utils + Jest でVue.jsの単体テストを行う
Vue Test Utilsを使うとVue.jsでテスト行うための便利機能が色々そろっているので、簡単にテストが書けます。 Vue Test UtilsはJest、Karma、Mochaなどのテ...
56
44
Comment0
PhpStorm上でLaravel Mixプロジェクトのブレークポイントを使ったデバッグ
RubyMine上でRails Webpackerプロジェクトのブレークポイントを使ったデバッグ で行なったようにLaravelプロジェクトでも同じようにモダンなJSフレームワークをブレークポ...
2
2
Comment0
RubyMine上でRails Webpackerプロジェクトのブレークポイントを使ったデバッグ
RubyMineのBreakpoints機能でJavaScriptデバッグができるので便利です。 しかしWebpackerを使ってAngularやReactなどのプロジェクトではWebpackで...
3
2
Comment0
Laravel + Vue(Vuex)の多言語対応
Laravel + Vue の構成で、i18n対応をしたい時、Vue側とLaravel側両方で管理するのは大変なため、一つにまとめたくなります。 基本的にLaravel側でlocaleファイルを...
10
12
Comment0
Rails + webpacker + Vue.jsプロジェクトにESLintを導入
今回はVue.js用の公式ESLintプラグインを使用します。 パッケージインストール $ yarn add -D eslint eslint-loader eslint-plugin-vue ...
13
11
Comment0
React/Reduxの導入
自分なりのRedux導入法を紹介したいと思います。 Reduxとは？についてはすでに色々な記事があると思うので、自分で探してください。 create-react-app を使ってカウンターアプリ...
12
13
Comment0
react virtualizedで件数の多いリストデータを効率よく描画する
Reactで数万件のデータを一度に描画した時に、スクロールが重くなってしまうので react-virtualized を使って解決しました。 react virtualizedとは？ 原理として...
25
23
Comment0
Redux Devtools Extensionを使った時のこの感動を伝えたい
Reduxというものを知って、さらにこのツールに出会った時に感動したので、ぜひ伝えたいと思います。 Reduxについて 色々解説してくれてますので、それを参考にしてください。 https://q...
51
41
Comment0
GCPで定期的にデータを取得して可視化する！
データ可視化したいなぁーっ、可視化したいなぁーっと（い◯がわじゅ◯じ風に）思っていたら、 社内の勉強会でGoogle Data Studioなるもの知ったので、 遊んでみようかと思いました。 し...
9
7
Comment0
Vagrant上のファイルをVScodeで編集 for Mac
VagrantをプライベートネットワークでSSH接続してVSCode上でファイルを編集できるようにします。 Boxは自分で用意しといてください。今回はCentOS7.2で行います。 Vagran...
19
16
Comment0
41 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