読者です 読者をやめる 読者になる 読者になる

Webエンジニアの備忘録

およそ自己の作業メモとして残しております。

React開発をwebpackでおこなう

概要 前回までの記事でgulpを利用しての開発を進めていましたが、いろいろ見聞してwebpackを使ってみることにしました。 利点を簡潔に言えば、jsをひとつに纏めるかファイル群としてストアするかの選択ができます。さらにwebpack-dev-serverと組み合わせれば…

Reactjsのstate/propsの挙動を確認する極力シンプルなコード

以下の記事で紹介したサンプルコードです。 tak-taniguchi.hatenablog.com 概要 Reactのstate/propsの関係を簡潔に表すために書いてみました。 余計なコードをほとんど書いていないので、UIは見づらいですが動きがわかりやすいかと思います(笑) 動作に成功…

フロントエンド初心者がReactによるSPAを構築するに至るメモ

はじめに 最近Javascriptを用いたフロントエンド開発に従事することになり、取り急ぎ敷居が低そうなReactjsに飛びつきました。 jqueryを弄る程度で知識的に止まっていたので、学習は相当ステップを刻むことになってしまいました… 最近ようやくたたき台的なも…

Ruby on Railsにおけるfrontend開発基盤を考えるメモ

概要 Ruby on Railsにおけるフロントエンド開発にて、現段階(2016年7月時点)で必要そうな技術ベース、開発規約を調査しています。 唯一の方法策定ではなく、できるだけ多くの技術について俯瞰的に差異を調査します。 具体的な検討領域 フロントエンドと大…

JSONを返却するAPIを作成した際、HTMLを埋め込みたい時のエンコードについて

PHPでAPIを用意してAjaxで呼び出し、divタグのinnerHTMLにそのまま埋め込みたいというのはよくある話。 APIにHTML自体を生成させて吐き出させるということをやると、中途半端にHTMLタグが再生されてグズグズのページが見えてしまうというのもよくある話。 そ…

debianにnodejs、npm、gruntをインストールする

必要なファイル sudo apt-get update sudo apt-get install build-essential curl git libssl-dev バージョン管理ツールを使って入れるのが吉 どうもJS全般でバージョン差異による挙動変化が多く、開発環境下でもそれを変えながら作業する文化があるようだ。…