なんだか仕事でVue.jsを使いそうなのでとりあえず勉強しておこうと思って見た記事とかまとめ | ichimaruni-design

2017/10/24 8 users CLI Vue.js コード 参考 まとめ

この度Vueを使っているサービスの仕事に関われそうなので、とりあえず勉強しておこうかなと思って参考になった記事をまとめました。ただ、理解するには実際にコードを触るのが一番なので、CLIで環境作って適当にいじっているのがベストだと思います。 続きを読む

ES6始めたいけど開発環境作るのがめんどくさいと思っている方のためにざっくりテンプレート作ってみました | ichimaruni-design

2017/10/06 30 users Webpack テンプレート React Babel ES6

2017年10月6日 WEB制作 ES6始めたいけど開発環境作るのがめんどくさいと思っている方のためにざっくりテンプレート作ってみました 仕事ではReactのサービスに携わっているのでES6には慣れているのですが、いざ自宅などでES6で書きたいときとかbabelとかwebpackやらやらないとならず気軽にやろうかなとはなりにくい印象でした。特に初めてES6触る人には。なので少しでも敷居が低く慣れれ... 続きを読む

JavaScriptのクロージャはメモリーリークをちゃんと理解して使おう | ichimaruni-design

2017/09/25 76 users クロージャ メモリーリーク グロー スコープ コーダーさん

脱初級者の壁として君臨しているクロージャ。クロージャの使い方はわかったけど、いろんな記事を見るとクロージャは問題点もあるみたい。それに、そもそもクロージャの使い所がいまいちわかんないと思ってクロージャに再度立ち向かおうと思った次第です。同じような悩みを抱えているデザイナーさん、コーダーさん、フロントエンドエンジニアさんの参考になれば嬉しいです。 クロージャとは 以前に書いた記事「 スコープとクロー... 続きを読む

【書評】Webフロントエンド ハイパフォーマンス チューニング | ichimaruni-design

2017/09/19 9 users React チューニング 書評 Webフロントエンド 保守

なんとなくだったパフォーマンスのチューニングの知識を勉強したくて「Webフロントエンド ハイパフォーマンス チューニング」を読んでみたのでその書評をしてみます。 推測するな計測せよ 現在僕の仕事としてはReactを使ったサービスの制作、運用・保守などを行っています。サービスを作ったり運用していると「ここのページ読み込み遅いな」とか「若干、滑らかにアニメーションしていない気がする」とか気付いたりしま... 続きを読む

フロントエンドエンジニア的家族サービスのすすめ(RailsとReactで家計簿作った) | ichimaruni-design

2017/08/25 48 users Rails React スキルアップ 家計簿 皆さん

ちょっと前に家族サービスと称してRails + Reactで家計簿作ってみたんですけど家族も喜んでもらえてなおかつスキルアップもできる「家族サービス」をおすすめしたいなと思います。 家族サービスしてますか 皆さんは家族サービスしてますか？今回はフロントエンドエンジニア的「家族サービス」のすすめです。 家族構成 僕の家族構成ですが、僕、妻、長男3歳、次男1歳の4人家族です。(2017/08/22時点... 続きを読む

スキルアップの目的でRailsとReactを使ってサーバーサイドレンダリングやってみた(Redux,react-routerも) | ichimaruni-design

2017/08/22 7 users React サーバーサイドレンダリング スキルア Rails

スキルアップの目的でRailsとReactを使ってSSR(サーバーサイドレンダリング)やってみたいなと思い、調べながらやってみました。とりあえず動くものはできたので個人的にはいいかなと思うんですが、至らないとこも多々あると思うのでその辺りは多めにみていただければと思います。参考までに手順を載せますので何かのお役に立てれば嬉しいです。 環境について rails (5.1.3) はじめに 今回スキルア... 続きを読む

CSSは簡単!CSSできる!って思っている人に読んでもらいたいCSSの難しいところ | ichimaruni-design

2017/08/09 134 users color ウソ 部類 デザイナー 要因

CSSは簡単!CSSできる!って言っている人はだいたいうそ これは極端な言い方ですが、今まであったデザイナーでCSSできると言った人で本当にできる人あまりいないです。 どちらかというとCSSは難しいと言った人の方ができる方が多いです。 CSSを書くこと自体は簡単 CSSが簡単だと思われてしまう要因の一つがCSSを書くこと自体は言語としてはかなり簡単な部類に入ります。 p{ color: #f00;... 続きを読む

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順 | ichimaruni-design

2017/04/12 10 users Reactコンポーネント npmパッケージ npm 手順 前回

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順 2017年04月11日 WEB制作 フロントエンド , React.js , npm 前回の記事でもご紹介させていただいているのですが、Nimbus-jqueryというCSSフレームワークとNimbus-reactというReactコンポーネントライブラリをnpmに公開したので、その際... 続きを読む