Hirooooo’s Labo

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

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

f:id:hirooooo-lab:20160713002241j:plain

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

複数のcssファイルが作成されたときのことを考慮して、bundle時に1つのcssにまとめて出力するようにしてみたいと思います。

続きを読む

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

f:id:hirooooo-lab:20160713002241j:plain

前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。
今回実装するのはMaterial-UIを追加してみたいと思います。

こちらは昔書いた記事のリライト版になりますので、記事の文言等々はご了承ください。

続きを読む

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

f:id:hirooooo-lab:20160713002241j:plain

今回も前回に引き続き開発環境のための設定説明です。  

ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思います。
その中でも、Airbnbのスタイルガイドが人気なので、できるだけ準拠するよう実装してみたいと思います。

続きを読む

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

f:id:hirooooo-lab:20160713002241j:plain

前回は環境構築から簡単なカウンターアプリをReact Reduxで作成してみました。

今回は更に開発効率が上がるように開発時はHotReloadの機能と、ソースマップの出力機能を実装していきたいと思います。

続きを読む

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

f:id:hirooooo-lab:20160713002241j:plain

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

それではReactReduxを使用してWebアプリを構築していきたいと思います。

まずはサラのMacに環境構築から、webpackを使用してreact-reduxのsampleが動くところまでやってみたいと思います。

使用プラグイン、ライブラリ等は追々検討するということで。。
react-routerとか、axiosとか、material-uiとか。

基本的に自分メモなので、よくわかってないで書いてる部分もすごいあるので、間違いとかあったらゴメンナサイ。

続きを読む

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

f:id:hirooooo-lab:20171228124243p:plain

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

個人的にはあまりアプリを増やしたくはないので、出来る限り必要最低限のMacアプリになっていると思います。
過去の記事をベースに、除外したアプリや、新たに追加したソフトなどをまとめてみました。

過去の記事はこちら www.hirooooo-lab.com

続きを読む

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

2018年に見たアニメ・ドラマ・映画の情報をログしておきます。
映画館でもテレビでもネット配信でも、見たアニメ・ドラマ・映画は全て記録してみます。
このページは随時更新されていきます。

ざっくり評価基準 個人的な好き嫌いがすごく割合を占めるので、一般的に駄作でも好評化とかもあったりします

【★★★★★★】最高: 何度でも見たい
【★★★★★☆】良い: おもしろかった満足
【★★★★☆☆】中上: まぁまぁ楽しめたかな
【★★★☆☆☆】中下: お金までは払えないけど
【★★☆☆☆☆】微妙: 暇つぶしにはなるかな
【★☆☆☆☆☆】最悪: 見る時間もったいわ

記事にしたものはタイトルにリンクを付けていきます。

続きを読む