Hirooooo’s Labo

開発メモ、ガジェット、日記、趣味など、思った事を思ったまんま書くブログ

Development

ReactでjQuery使うと「ESLint:'$' is not defined. (no-undef)」とエラー出たので直し方を調べてみた

Reactで構築していたシステムに、ふとjQueryを入れないと実現できないような要件が発生しました。 そもそもReactとjQueryを共用してもいいのか・・? ざっっっくり調べた個人的解釈では、 「使い方ちゃんとすれば別に大丈夫じゃない?」 という感じ。 とりあ…

npmの取得パッケージのバージョンをまとめて更新する方法(npm-check-updates)

今回も前回に引き続きnpmに関しての記事です。 今回はpackage.jsonに記載されているパッケージのバージョンを簡単に更新する方法を紹介したいと思います。 前回のnpmコマンドの記事はこちら www.hirooooo-lab.com npmにはnpm updateというコマンドがあるので…

【メモ】npmでよく使うコマンドまとめ

環境構築をする上で便利なパッケージ管理にnpmがあります。 npmでは使用するパッケージを簡単にインストールしたり、package.jsonに記載しているパッケージを一括でインストールしたり、開発環境を構築する上でとっても便利です。 最近ではnpmスクリプトを使…

【メモ】Javascriptでスリープ(Sleep)的な処理を簡単に実装する方法

Javascriptで開発していると、処理の途中でスリープして待機をさせたい時があると思います。 他の言語(RubyとかPHPとか)だと、Sleep関数なるものがよく用意されていて sleep(秒数) みたいな書き方で、指定した秒数だけ遅延させることが出来るんですけど、Jav…

React × Redux 初心者入門(3日目:react-router-reduxでルーティングを実装する)

今回はページングの処理を実装していきたいと思います。 前回の状態からサンプルページをいくつか追加し、routerによるページングができるところまでが今回のゴールです。 前回の記事 www.hirooooo-lab.com

【メモ】Atomでよく使うコマンド、ショートカットまとめ

Atomでよく使うコマンドやショートカットをメモしておきます。 脳内メモとして。

【メモ】gitのブランチを削除するコマンド

gitのbranch操作のコマンドメモです。 ローカルブランチ、リモートブランチの削除するコマンドのメモです。 すぐ忘れちゃうので。

React × Redux 初心者入門(2日目:Material-UIを実装する)

前回は環境構築から簡単なカウンターアプリをReact Reduxで作成してみました。 今回は更にMaterial-UIを追加してみたいと思います。

React × Redux 初心者入門(1日目:環境構築編)

今度仕事でReact使う事になったので、勉強のためReact-Reduxを使ってWebアプリを作成してみます。 使用プラグイン、ライブラリ等は追々検討するということで。。 react-routerとか、axisとか、material-uiとか。 まずはサラのMacに環境構築から、react-redux…

Node.jsをMacにインストールしてnpmを使えるようにする

開発環境の構築するときのメモです。 今回はNode.jsのインストールについてメモしておきます。 AngularJSやReactなどフロント界隈の開発をすることが多くなってきたので、npm使ったりするためにも必要です。 Node.jsをインストールするに辺り、バージョンを…

【メモ】MacにHomeBrewをインストールする

開発環境の構築するときのメモ。 いろんなpackageをインストールするのに便利なHomebrewですが、そもそものHomebrewのインストール方法をメモしてみました。

MacでUSキーボードの必須アプリ「Karabiner 」のオススメ設定

前にMacのオススメソフト記事を書きましたが、その中で紹介したキーボードカスタマイズアプリ「Karabiner」のオススメ設定について書きたいと思います。 www.hirooooo-lab.com 英字キーボードのMacを使ってる人は、入力モードの切り替えをコマンドボタンで行…

【メモ】 PostgreSQLのコマンド・TIPS覚え書き

コンソールからPostgreSQLを操作するときのコマンドとか、覚えておくと便利なTIPSをメモしてみた

【メモ】PostgreSQLで実行中のプロセスの確認方法とKILLの方法

PostgreSQLでプロセスのKILL方法がわからなくて、実行中プロセスの確認方法と、停止(KILL)の方法を調べたのでメモ。

【2016年6月現在版】macにインストールしたお勧めソフト・アプリ一覧

去年ぐらいから仕事もプライベートもWindowsからmacに乗り換えました。 約1年macで色んなソフトを探しては入れて試してみて、ある程度主要なソフト・アプリが固まってたのでまとめてみました。 ほぼ無料版ですが、便利なアプリは有料版使ったりしてます。

【2016年6月現在版】Atomにインストールしたお薦めプラグインまとめ

AngularJSの開発とかでお世話になっているAtomについて、インストールしたプラグインをまとめてみました。 まだまだAtom自体がもっさりしてたりすると思うので、できるだけプラグインも必要最低限のものだけにしています。

画面の色のカラーコードを調べる時に、Mac標準の『Digital Color Meter』というカラースポイトがすごく便利

デザイン作成時に画面の色を抽出したいことがありますよね? RGBや16進が知りたい時に、画像編集ソフトのカラースポイト使ったり、フリーのソフトを使ってたりするかもしれませんが、Macに最初から標準で入ってる『Digital Color Meter』ってアプリで充分で…

【メモ】サーバーのグローバルIPアドレスをコマンドで調べる方法

APIの設定とかするときに、サーバーのグローバルIPアドレスが知りたかったので、サクッと知る方法を教えてもらったのでメモ。

バージョン管理にgitを使ってるならPullRequestも使おうって話

タイトルの通りなんですが、git使うならPullRequest運用をしましょうって話を、前の会社でgitについての勉強会でやったのでせっかくだから投稿しちゃいます。 勉強会ではgitについては後輩君たちがスライド作って説明してくれたので。 私はPullRequest運用に…

【メモ】Rubyでデバックするにはpryが便利

仕事でRubyを書かなきゃいけなくなったので、とりあえずデバッグの仕方を調べてみたら、pry(ぷらい)を使えば便利だよって教えてもらったので、使い方とかメモしてみました。

プログラミング時の命名で困った時に頼りになるサイト『codic』

開発時の命名に困ったりしませんか? 設計してる時やコード書いてる時に、コントロール名や変数名どうしよう・・・・? DB設計してる時にテーブル名、カラム名何にしよう? PGやSEの人はよくあることだと思います! そんな時に頼りになるサイトの紹介です。

Oracleのsequenceオブジェクトの現在値の変更の仕方

前回の投稿で、Oracleシーケンスオブジェクトの基本的な使い方をまとめましたが、今回はシーケンスの現在値を変更する方法です。 前回の記事 www.hirooooo-lab.com 開発中にデータを手修正なんかしていると、シーケンス値がDBの値と不整合を起こして、キー重…

Oracleのsequenceオブジェクトの使い方

Oracleのsequenceで連番を取得しキーに使用したりしてるんですが、如何せんOracle全然つかえないもんで、MySqlならAUTO_INCREMENTで使うようなケースでsequenceつかうんだろーなーとか思うけどあってる? ってことでsequenceオブジェクトについてまとめてみ…

【メモ】WinMergeで相違のある行のみを表示する方法

作業でDiffを確認したり、ログの相違、ソースの相違を見るために便利なソフト。 WinMerge 超有名ソフトなので、WinMerge使っている方も多いと思います。 直感的に2つの相違が見れるのですが、相違のある行だけをフィルタしたかったので、やり方を調べたので…

【メモ】Macの時間/TimeZoneをターミナルから確認・変更する方法

開発しているとサーバ時間がUTCのため、ローカル時間もUTCに設定したり、時間をころころ変えたりしたかったので、Macでの設定コマンドをメモしてみた。

gitを使いやすくするためのターミナルを快適化する

gitをインストールしてターミナルからコマンド打つときに、便利になる設定をしてみました。 やってみたのは以下の2つ。 gitコマンドの補完を可能にする 現在のブランチ名を表示する

【メモ】Oracleでビューを確認する方法

Oracleに作成したViewのSQLを確認する方法がわからなかったのでメモ。 基本的には以下のSQLを実行するだけでOKでした。 view確認SQL set long 100000 SELECT TEXT FROM USER_VIEWS WHERE VIEW_NAME = '{ビューの名前}'; これでイケる!!

コマンドプロンプトからCygwinコマンドを使えるようにする方法

Windows環境で開発とかしてるとLinuxコマンド使いたくなりますよね? じゃーCygwinとか入れてLinuxコマンド使ったりするんだけど、 コマンドプロンプトで操作することもあるじゃない。 そんなとき、コマンドプロンプトでlsとかcdとか打って怒られたことある…