強まっていこう

あっちゃこっちゃへ強まっていくためのブログです。

Web

結局 redux-thunk って何なのマジ?超ムカつくんですけど

ググってもろくな情報が出ずイライラしている諸氏に送るシリーズ。redux-thunk の使用を推奨しているわけでは無いのであしからず。 無邪気キッズがインタネッツの情報に踊らされた結果導入->破綻しその尻拭いをする事になったおっちゃん達向け。 こちとらイ…

Redux と React hooks どっち使ったら幸せになれるの?

結論としては React を使わない事が一番の幸せへの道。React ファンボーイはそっ閉じの方向で、以下読むべからず。簡単なものを作るのにもアホほど時間がかかるので膨大な予算が無駄に取れる贅沢プロジェクトで暇つぶししたい場合のみに使うと良い。表示速度…

ガタガタ抜かさず Redux の使い方だけ簡単に教えろ!

決して、React や Redux の使用を推奨するものでは無い事をご了承願いたい。React/Redux なるものをヨダレ垂らした noob エンジニアがググった結果がいっぱい出てくる = 流行っている、と言う無邪気な理由だけで導入。 案の定大トラブルとなり、そいつは抜け…

gulp で PHP + twig + pug + SCSS あたりで快適にコード書きつつ js、css を min 化するそんな素敵ライフを送る方法

UI のプロトタイプとかちゃちゃっと書きたい時に pug で書いてたりはしたんだけど、pug ばっか書いてすっかり中毒になると、もう素の HTML で twig なんて書いてらんない体に。 pug を twig に変換するやつを書いてくれてる人もいて試しちゃみたけど、どうも…

PHP、JS、Sass 編集でブラウザを自動更新しつつ CSS、JS を min 化して幸せになっときたい諸氏へ

大概の FW 使ってると、public 以下が公開用ファイル達のいるドキュメントルートで、その上に PHP のファイルなどが居る的な感じになっているはず。controllers/*.php models/*.php sass/*.scss js/*.js public/css/*.min.css public/js/*.min.js public/ind…

HTML、JS、Sass 編集でブラウザー自動更新、そして、CSS、JS を min 化、そんな gulpfile.js は無いかとお困りの貴殿へ

どうやりゃ良いんですか?って聞かれたので。確かにまとまってるところが無いっぽい。よくやるパターンだと思うけどなぁーーーと思ったので貼り付ける。 npm i gulp@3.9.1 gulp-plumber gulp-sass gulp-uglify gulp-clean-css gulp-rename browser-sync --sa…

Twig の使い方 - シンプルなチートシート的メモ 3 - 便利なフィルター

wolfbash.hateblo.jp前回の続き。便利なフィルター愉快なフィルター。 絶対値 {% set number = -30 %} {# 30 #} {{ number|abs }} リスト分割 {# ROW: 123 ROW: 345 ROW: 7xx #} {% for row in [ 1, 2, 3, 4, 5, 6, 7 ]|batch(3, 'x') %} ROW: {% for d in r…

Twig の使い方 - シンプルなチートシート的メモ 2 - テンプレートの分割

wolfbash.hateblo.jp前回の続き。テンプレートファイルを分割統治する方法。地方分権ない限り日本の発展は無し。 継承 parent.twig ---- BASE ---- {% block title %}テスト{% endblock %} {% block content %}{% endblock %} ---- END BASE ---- child.twig…

Google OAuth を Google 純正の PHP ライブラリを使っての実装メモ

フルコーディングしちゃってるサンプルが WEB に散見されるが便利なライブラリがあるのでそれを使って幸せになるためのメモ。今のところベータらしいのでそう言うのが嫌なら使わない方が幸せかもしれない。 クライアントIDとシークレットを取得 qiita.comこ…

Twig の使い方 - シンプルなチートシート的メモ 1 - 基本

今更ながら使ってみて出来が非常に良いと思ったし速度もいい塩梅なの本気で使うことに。そのためのカンペ的なアレその1。Twig の syntax highlight がはてなブログに無いので見づらいのは我慢。highlight.js では対応してんのになぁ。 基本 最初に composer …

REALBOOST は VALU とは違う

realboost.jpVALU と同じとかよく言われていますが、全く違いますね。間もなく日本にもやってくる Kickstarter をコンテンツ限定にしてやりとりを仮想通貨にしただけ、ですね。金をかき集めれる対象が絞られた上にやり取りする方法が仮想通貨になってちょい…