フロントエンドディベロッパーって、定義広すぎ
フロントエンドディベロッパーって大きく分けて２ついる。ReactとかAngularとかゴリゴリ使えるJavaScript ディベロッパー（オールパワフル・フロントエンドディベロッパー）と、HTML, CSSのコーディングでデザイン性の高いサイトを作るディベロッパー
でも後者は衰退気味？というか、少なくとも彼らは昨今のJavaScriptの飛躍で「自分はフロントエンド開発者としての能力は不十分である」と感じ始めてしまっている。
前者のJavaScript ディベロッパーは新しい定義が必要。とりあえずこの分野は今伸び盛り。
でもこの世界って常に変化が求められるのはいまも昔も変わらずだね。

感想

てことで、オライリーの本を使ってJavaScriptの論理を基礎からしっかり固めることはもちろん大事だけれど、それと同時進行で、Vue.js, React, Angularなど、実践的なフレームワークもゴリゴリ使えるようにキャッチアップしてゆかなくては、とてもじゃないけど間に合わない。

ん？今、間に合わないって言ったな。そう、私も薄々気づいているのは、エンジニアに転身することを考えた時、いまは結構年齢的に際どい。

若いとか歳だとか気にするの阿呆らしいと思っているけど、実際あほらしいし不毛ではあるとは思っている。

でも、それでも年齢とともに何かをガラッと変えるのは難易度が上がるということにも今実はなんとなく気づいてしまってもいて、だから時間は無駄にできないと思ってしまうのだ。

もう余裕はこけないので、本業も頑張りつつちゃんと勉強してゆこう。いずれポートフォリオ作って、「これが私の学習の成果です！集大成です！」というものを作ってゆきたい。

勉強したいフレームワークとしては、まずはVue.jsかな。とっつきやすそうだし。

で、いずれはAngular憧れるよね。フルスタックで勉強大変そうだけど。Google Loverの私としてはね。

↑学習コストがなまら高いらしいので却下

要するに、今JavaScriptエンジニアのニーズはだだ上がり！

とはいえ、デザイン性の高いWebデザインを生み出す、アーティスティックな役割もまずなくなりはしないかなとも思う。

でもその、いわゆる「Webデザイン」という生業が、単にhtmlとcssをコーディングできさえすれば良いというものではなくなって、今後はより「いかにアーティスティックなデザインを生み出せるか」という、芸術領域に特化した意味合いを持つようになるということかと。

そうなってくると、Web「デザイン」に特化するなら自然と美大とかでアートをゴリゴリ学んできた人材になってくる訳で。

そう考えると、ネット広告などで「未経験でも○ヶ月でWebデザイナーに！」とか唄っているのって、本当、ただただ無知な消費者から金巻き上げることしか考えていないか、それとも現状の動向を何もキャッチアップしていないか、もしくはそのいずれもか、なのだよね。

「未経験でも○ヶ月で日本画家に！」とか言っているのと同じ、少なくともそれに近づいてきてるから。

それはそれで、そんな甘い世界じゃねえよって、なってきそうだよね。

だから要は、Webデザイナーが廃れてゆく、というよりは、JavaScript開発者のニーズが非常に高まっている、と理解するべきなのだよ、きっと。

2019-01-31

MVCとMVPとMVVM

JavaScript

一般的なWebサイト（ザ・静的サイト）におけるMVCの定義

Model・・・データ、データにアクセスするための機能、様々なロジックなど。ユーザーインターフェイスのないアプリケーション。内側のシステムっつーことかね。
View・・・外部にどのようなコンテンツを届けるか定義。ここで言うコンテンツとはHTML, JSONなど。
Controller・・・Routing後（特定のURLでアクセスされた後）必要に応じてModelと情報のやり取りをしてふさわしいViewをユーザーに返す働きをする。RontingとControllerがModelとユーザー、Viewとユーザーの仲介役になっているイメージ

フロントエンドにおけるMV(Model View)

上で言うところのViewに相当。

もともとWebサイトはHTMLにコンテンツが埋め込まれた状態でユーザーにレスポンスが返されるので、ViewにMVな構成を施す必要がなかった。

しかし、SPA(Single-page application)時代の到来とともにViewの中にもAjaxのデータ通信が必要だったりして、MVな構造が必要となった。

MVP (View, Presenter, Model)

ユーザー⇔View⇔Presenter⇔Model　厳密にはこの矢印違うけど（確認してね）

Presenter

Model, Viewが情報などを入出力するためのインターフェイス。
ユーザーがModelに情報を反映・取得をする時は、必ずViewを通して、Presenterに用意されているインターフェイスを使うことになる。

MVVM (View, ViewModel, Model)

ユーザー⇔View⇔ViewModel⇔Model

ViewModel

ModelとViewの中間に位置し、双方向データバインディングを実現する

双方向データバインディング

Modelの値が変わるとViewModelが変更を検知し、Viewで使われているデータも自動で変更する仕組み。

逆も然りで、ViewでModelの値が変更されれば、それをViewModelが検知し自動でModelの変更に反映する。　

MVVMの代表例：Vue.js

2019-01-28

JSコード学習とデータベース復習

JavaScript

新たに覚えたJSコード

isFinite()・・・グローバル関数。渡された引数が有限数であるかどうかを調べる。

toFixed(2)・・・小数点以下を引数桁（ここでは２桁）に丸める。

saveメソッド（save();）・・・The save method is used to store a contact inside the device's contact database. If the contact is already in the database (based on its id), it is updated, otherwise it is created.

＝コンタクトを、デバイスのコンタクト・データベースに保存するのに使用。すでにコンタクトがデータベースに存在している場合（idベース）は、既存コンタクトはアップデートされるか、コンタクトは新規作成される。

メソッド・・・関数とオブジェクトが組み合わさったもの。末尾に要セミコロン。

try{ } catch(){ }・・・文。任意の文のひとかたまりをtry内にマークし、返答、ないし例外は除去。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/try...catch

chart();・・・引数をグラフ表示

データベースとは

「データベース」とは、ある特定の条件に当てはまる「データ」を複数集めて、後で使いやすい形に整理した情報のかたまりのことを表します。

特にコンピュータ上で管理するデータをデータベースと呼ぶことが多いですが、紙の上で管理する「電話帳」や「住所録」なども、立派なデータベースです。

また、コンピュータ上でデータベースを管理するシステム（DBMS：Database Management System）のことや、そのシステム上で扱うデータ群のことを、単に「データベース」と呼ぶ場合もあります。

http://proengineer.internous.co.jp/content/columnfeature/6411