Hirooooo’s Labo

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

React × Redux 初心者入門(5日目:webpackでCSSを読み込ませて反映する)

前回はMaterial-uiの実装を行い、デザインの変更を行いました。 今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を書きたいと思います。 複数のcssファイルが作成されたときのことを考慮して、bundle時に1…

React × Redux 初心者入門(4日目:Material-UI(v1)を実装する) ver.2018

前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。 今回実装するのはMaterial-UIを追加してみたいと思います。 こちらは昔書いた記事のリライト版になりますので、記事の文言…

React × Redux 初心者入門(3日目:ESLintにAirbnbのJavaScriptスタイルガイドを導入する)

今回も前回に引き続き開発環境のための設定説明です。 ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思います。 その中でも、Airbnbのスタイルガイドが人気なので、できるだけ準拠するよう実装してみたいと思います。

React × Redux 初心者入門(2日目:webpackでHotModuleReplacementとソースマップ出力)

前回は環境構築から簡単なカウンターアプリをReact Reduxで作成してみました。 今回は更に開発効率が上がるように開発時はHotReloadの機能と、ソースマップの出力機能を実装していきたいと思います。

React × Redux 初心者入門(1日目:webpackで環境構築編) ver.2018

1年半前に同じ記事を書いたのですが、バージョンアップによる変更が多く、古い記事ではまともに動かすこともできない記事となってしまったため、React × Reduxの連載記事を1日目から再投稿していこうと思います。 記事の文言等々は過去の記事をリライトして…

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

以前macのお勧めソフト・アプリを紹介しましたが、あれから2年近く経ちましたので、現状の私のオススメmacソフト・アプリをまとめてみたいと思います。 基本的には今インストールされているソフト・アプリの紹介になります。 個人的にはあまりアプリを増や…

【メモ】アニメ・テレビ・映画の視聴ログ 2018年版

2018年に見たアニメ・ドラマ・映画の情報をログしておきます。 映画館でもテレビでもネット配信でも、見たアニメ・ドラマ・映画は全て記録してみます。 このページは随時更新されていきます。 ざっくり評価基準 個人的な好き嫌いがすごく割合を占めるので、…

Macのユーザーアイコンを好きな画像に変更する方法

Macのユーザーアイコンは特に必要性もないんですけど、やっぱりデフォルトのままじゃなくて、自分の好きなアイコンにしたいですよね? おしゃれな標準アイコンから選択するのではなく、自分の好きな画像に変更する方法です。

MacにHomebrewからGitをインストールする方法

Macには標準でGitが存在していますが、せっかくなので、Homebrewを使って管理したいと思います。 なので、今回はMacにHomebrewからGitをインストールして、使用するGitを切り替える方法を説明します。

MacにGoogle日本語入力をインストールして、余計な入力ソースを削除する設定方法

Macでキーボードの入力ソースは何を使ってますか? 私はずっとGoogle日本語入力を使っています。 個人的には標準の日本語入力ソースよりも使い勝手がよく、無料で使えるのでおすすめです。 今日はGoogle日本語入力のインストール方法と設定方法を紹介します。

サーバーへのSSHアクセスをIPアドレスで制限する方法

サーバーへのSSHリモートアクセス制限ですが、公開鍵認証と一緒に自分の固定IP以外は接続できないようにしました。 インフラにはめっぽう弱いので、とりあえず調べてやってみたのでメモしておきます。

今時風のオシャレバンド LILI LIMIT(リリリミット)がそのうち絶対売れる!新曲「LIB EP」は2月7日発売!

LILI LIMITというバンドを知ってますか? 読み方は「リリリミット」とよみます。 最近知ったバンドなんですけど、オシャレで曲がとてもいいオススメバンドです。

HTML5のINPUTタグで type numberの時に表示される増減ボタン(スピンボタン)を非表示にする方法

HTML5で追加された便利な機能がたくさんあると思います。 Web画面開発時によく使用するINPUTタグ そのINPUTタグのtype属性もたくさん追加されました。 今日はそのINPUTタグのtype=numberの時に表示される右側の増減ボタン(スピンボタン)を非表示にする方法で…

【メモ】gitでよく使うコマンドのまとめ・備忘録

Gitを使ってるときに アレ?この操作のコマンドなんだっけな? って覚えられない私がいるわけで。 そんな私の私による私の為のgitコマンド備忘録です。 このページは随時更新していこうと思います。

iQOS(旧型)の爪が折れて蓋が閉まらなくなったので、自分で直したら・・・・結構大変だった

iQOSの旧型は故障の報告が結構多いですよね。 ブレードが折れた 蓋が閉まらない 充電できない なんていうのがよく見かける故障です それらを踏まえてiQOS2.4Plusでは改良されているんですが、いかんせんなかなか手に入りづらい状況は続いています 私のiQOSも…

【お題】怖い話より笑い話のほうが好きです 第1話「恐怖のエビフライ」

今週のお題「ちょっとコワい話」 じつは怖いのは苦手です。 オバケとか・・嫌いです。 なので、ある意味怖い話を。 今回は私の奥さん(嫁さん)の話です。

KarabinerがMacOS Sierraで動かないので、⌘英かなで代用することに落ち着いた

以前Karabinerの設定方法をオススメ設定の記事を描きましたが、MacのOSがSierraにアップデートされたことにより、Karabinerが正常に動作しなくなってしましました。 以前の記事はこちら www.hirooooo-lab.com MacでUSキーボード配列を使用しているユーザーに…

Huluで見れる、絶対オススメのアニメ20選(2017年8月版)

今日は普段アニメ鑑賞で大変お世話になっている「Hulu」で見れるオススメアニメの紹介です。 ランキング付けなんて大層なことは出来ないので、かたっぱしから好きなアニメ・オススメアニメを紹介したいと思います。 いやー!Hulu契約してたら見るもの多すぎ…

iQOS(アイコス)とglo(グロー)を両方使って気付いたメリットとデメリットを比較してまとめてみた

加熱式タバコがだいぶ普及してきて、喫煙所とかでも吸ってる人がだいぶ多くなってきたと思います。 相変わらずすごい人気でiQOSもgloもまだまともに手に入りにくい状態が続いてますね。 そんななか、iQOS歴約1年半と、glo歴約1ヶ月のわたくしか、勝手にiQOS…

【お題】好きなアイスはコレに決定!でもアイスを食べると喉が渇くのはなんで??

今週のお題「好きなアイス」 しばらくブログを書けていなかったので久しぶりの投稿です。 そんな復帰一発目は今週のお題「好きなアイス」について書いてみようと思います。

PCスピーカーなら「JBL Pebbles」がオススメ!!価格.comランキング1位は伊達じゃない!

仕事中に音楽を聞きながら作業をしたりしてます。 MacBookProの内蔵スピーカーでは音楽を聴くには耐え難く、PCスピーカーを購入してみました。 購入したのは JBL Pebblesです。 予想以上に良かったのでオススメポイントをレビューしてみました。

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

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

ブラックサンダーラップバトルは期待を裏切らない!ep4は衝撃の結末

バレンタインまであと少し。 ブラックサンダーラップバトルepisode3がクリスマス前に公開されてから約2ヶ月、バレンタインに向けてやってくれるだろうとは思っていましたが、期待を裏切らないですね! 2月9日に発表してくれました! 非リアVSリア充ラップバ…

Lenny code fiction(レニーコードフィクション)が若さあふれる感じでカッコいいのでチョットオススメ

今日は若いバンドの紹介です。 Lenny code fiction しってますか? レニーコードフィクションと読みます。 去年メジャーデビューしたまだ新鋭バンドですけど、なかなかカッコいい曲なのでオススメです。 そしてイケメンです...

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

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

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

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

【メモ】アニメ・テレビ・映画の視聴ログ 2017年版

2017年に見たアニメ・ドラマ・映画の情報をログしておきます。 映画館でもテレビでもネット配信でも、見たアニメ・ドラマ・映画は全て記録してみます。 このページは随時更新されるていきます。 ざっくり評価基準 個人的な好き嫌いがすごく割合を占めるので…

ブラックサンダーラップバトルのepisode3が出たってよ!ヤッパリ最高に笑えた!

メリークリスマス! みなさん素敵なクリスマスを過ごしているでしょうか? 前回ブラックサンダーのラップバトル動画を紹介しましたが、クリスマスに向けてやってくれましたよ! 黒稲妻!ブラックサンダー!! 非リアVSリア充ラップバトル/episode3が公開され…

酸欠少女さユりが最近オススメ!!声も歌詞もメロディーも中毒性高くてクセになる!

ちょっと更新に間があいちゃいましたが、今日はオススメアーティストの紹介です。 酸欠少女さユりって知ってますか? GooglePlayMusicで初めて知ったんですけど、最初に聞いたときから特徴的な声と、耳に残るメロディーが良くて、一気に好きになりました。 …

子供に大ウケ!「パパンがパンダ」の「パパンがラジオ体操!」が面白すぎてちーん!!

「パパンがパンダ」知ってますか? 最近2歳の子供と一緒にYoutubeで動画をよく見てるんですけど、衝撃のおもしろさで子供と二人で大爆笑してます。 今日はそんなパパンがパンダの動画を少し紹介です。 子供がいる人も、いない人も、是非一度見て笑っちゃって…