Reduxの情報は山ほどあるけれど

各状態管理ライブラリの簡易さと安全さのトレードオフを掴みたい。 そのためにReduxをベースに各ライブラリを比較する。ということは、まずReduxについてよく知る必要がある。 もちろんReduxについての情報は山ほど出回っている。けど、「簡易さと安全さのト…

よくよく考えれば状態管理とはなんなんだろう

よくよく考えれば状態管理とはなんなんだろうとフロントエンドの人が考えている。 どのデータを、いつ、どこから、どのように取得できるか? どのデータを、いつ、どこから、どのように更新できるか? こういったデータに対して何をできるか定義(また、書か…

express + webpack + VueでHMRしながらSSRの開発をする

この記事は、「express + webpack + VueでSSRする」の記事にHMRを追加で組み合わせるための記事であり、重複する内容があります。 概要 expressとwebpackで、Vueのサーバーサイドレンダリングを実装するときの開発環境を構築します。 前回はファイル更新時に…

express + webpack + VueでSSRする

express + webpack + VueでSSRする 以前にexpressとVueのみを用いて行ったSSRはシンプルに実装できましたが、今回webpackを組み合わせたSSRはファイル数も増え、仕組みも複雑になってきました。 今回はSSR環境構築の足場を作り、次はホットリロードなども実…

たまに見たくなる その1

www.youtube.com ああ、またこの伝説級の動画を見に来てしまった。Jazzドラム界の生けるヒーロー達のスーパープレイ。Dave Weckl、Vinnie Colaiuta、Steve Gaddという3人のドラマーによるセッションだ。 3人でドラムセッション?ドラムだけ?と思うかもしれ…

express + webpack + Babel + Vue.jsでHMRを使いながらIE11対応する

この記事は、「express + webpack + BabelでHMRを使いながらIE11対応する」の記事にVue.jsを追加で組み合わせるための記事であり、重複する内容があります。 expressとは? Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げる…

express + webpack + BabelでHMRを使いながらIE11対応する

この記事は、「expressとwebpackでHMRする最小構成を試す」の記事にBabelを追加で組み合わせるための記事です。 expressとは? Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは…

expressとwebpackでHMRする最小構成を試す

expressとは Node.jsのフレームワークです。今回は、開発環境向けにWEBサーバを簡単に立ち上げるために使用します。 公式サイト webpackとは 別の記事(webpackの最小構成を試す)が参考になります。 公式サイト expressとwebpackを組み合わせる利点 WEBサー…

webpackとbabelを組み合わせてIE11対応をする最小構成を試す

webpackとは? 複数ファイルに分けて管理しているJS(モジュール)を一つのファイルにまとめてくれるツール(モジュールバンドラー)です。 別の記事(webpackの最小構成を試す)が参考になります。 ※正確には1つのファイルとは限りませんが、役割に応じてフ…

Babelの最小構成を試す

Babelとは? ブラウザがまだ対応していない最新のJavaScriptのソースコードを、ブラウザが対応しているソースコードへ変換してくれるツールです。 トランスコンパイラとも呼ばれます。 例えば、以下のようなアロー関数を用いたJSはIE11で動作しません。 cons…

デザインを説明するってどうすることなんやろうか?

少し立ち読みしてから買ってみた。デザイナーに限らず、製品に関る人に幅広く読まれているデザインの基礎本だそうだ。 僕が主に興味があるデザインは、普段使いするアプリケーションのデザインだ。機能性やコンテンツの中身がより重視される場面だと思ってい…

webpackの最小構成を試す

webpackとは? 複数ファイルに分けて管理しているjs(モジュール)を一つのファイルにまとめてくれるツール(モジュールバンドラー)です。(正確には1つのファイルとは限りませんが、役割に応じてファイルをまとめられます) 以下のように、lodash.jsとinde…

【メモ】Vue.jsでサーバサイドレンダリングを最小限に行う

公式のVue.jsサイトのデモにあるHackerNewsクローンをコードリーディングする前段階として、公式のVue SSR ガイドに掲載されている最小限のSSRを試したのでメモ。 const Vue = require('vue') const server = require('express')() const renderer = require…

Raspberry Pi3 Model B(ラズパイ)と、教育向けコンピュータ

Raspberry Piを使おうとしていると、偶然木苺をもらった。なるほど。うまい。小学生の頃はよく食べた気がする。この時期は味は薄いが、旬だとジャムも作れるくらいになるらしい。 今日、Raspberry Pi3 model B(通称ラズパイ)にOSをインストールし、少し触…

Vue.jsとAce.jsで、ブラウザで動作するマークダウンエディタを作ってみた

ブラウザ上で動くVue.jsマークダウンエディタはVueのチュートリアルにもあるが、Aceエディタ化されたものが欲しかったので、githubで似たようなものを見つけて、改造した。 エディタの方に行番号がついていて、それをAce側で制御している。 本当はキャプショ…

無職(家政夫)と化したプログラマが月1恒例の勉強会(?)に行ってきたので成果報告する

身内でやっている勉強会に参加してきた。プログラマーたるもの日々勉強が必要なのだ。 そして、無職のために家政夫と化している自分にはいい刺激なのだ...! しかし、始まるや否や飯会となり、Jazz鑑賞会となり、Queen鑑賞会となってしまった。なぜだ。 そう…

クイックソート(quickSort)を9種類の言語で書いてみた

何故書くか?はこのエントリー書いたので、以下、即本題。 今回は、C言語によるアルゴリズム事典を参考にしたので、C言語は省くことにした。 実行環境はcoding groundというWEB上でコンパイルから実行までしてくれるサービスを使用。 本当は定義したメソッド…

マージソート(mergeSort)9種類の言語で書いてみた

何故書くか?は前前前前回書いたので、以下、即本題。 今回は、C言語によるアルゴリズム事典を参考にしたので、C言語は省くことにした。 実行環境はcoding groundというWEB上でコンパイルから実行までしてくれるサービスを使用。 本当は定義したメソッドだけ…

二分探索(binarySearch)を10種類の言語で書いてみた

何故書くか?は前前前回書いたので、以下、即本題。 実行環境は今までと同じく、coding groundを使用。 本当は定義したメソッドだけ書いておきたいのだけど、後々動作確認したいと思った時にコピペで済むので前処理等も書いておいた。 JavaScript function b…

バブルソート(bubbleSort)を10種類の言語で書いてみた

前回、linearSearch(線形探索)を10の言語で書いが、今回はバブルソートを書いてみた。 何故書くか?は前前回書いたので、以下、即本題。 以下は簡単な仕様。 bubbleSortメソッドor関数を定義 数値の入った配列を引数にする 昇順にソートする 各言語間のLis…

線形探索(linearSearch)を10種類の言語で書いてみた

前回、hello worldを12の言語で書いた。その続編として、少し難易度を上げてlinearSearch(線形探索)を書いてみた。 何故書くか?は前回書いたので、以下、即本題。 以下は簡単な仕様。 各言語間のListオブジェクトや、ビルトインの配列操作ヘルパーの違い…

Hello, Worldを12種類の言語で書いてみた

Hello, worldを10種類ほどの言語で書いてみた。 これからしばらくは基本的なアルゴリズムを複数のプログラミング言語で書いていく。 出てくる言語はドットインストールやProgateなどで学習したことがある言語ばかり。 基本構文を学習したとは言え、言語の世…

ブログを書く。久しい。

高校の時は銀杏BOYZが好きだったのでlivedoorブログを使っていたけれど、今はプログラマとして書きたくなったのでHatenaブログにお邪魔することにした。よろしくHatena! 昔はMarkdownの意味などわかるはずもないし、Javaゲームというサイトに入り浸っておき…