Maeda振り返り2017年が始まり、早いもので1ヶ月。遅くなりすぎた感も否めませんが、このブログとフロントエンドの2016年を振り返り、2017年の展望でも書きたいと思います。2016年のブログを振り返るまずは当ブログ「maesblog」の2016年を振り返ります。2016年も2015年に引き続き毎月1記事以上アップを続けることができました。2016年の記事投稿数は、2015年の46記事に対して大幅に投稿ペースは落ち、結局32記事となりました。投稿した記事の内容は、ほぼほぼ技術系の記事でした。ブログのPVは、2016年1月が約28,000pvで、2016年12月が約33,000pvとなり、投稿数の割には微妙に成長できたかなと思っています。途中、ありがたいことに記事がバズった月(2016年6月)もありました。その月のPVは約40,000pvとなりました。maesblogの2016年のPV推移PVの多かった記事TOP102016年によく読まれた記事です。相変わらず2016年以前に書いた記事に人気が集まっています。当ブログだけの結果ではありますが、jQueryやCSSの人気はまだ高いということがわかりますね。2016年に書いた記事で唯一10位以内に入ったのは「Reduxの実装とReactとの連携を超シンプルなサンプルを使って解説」というReduxについて書いた記事でした。この記事は2016年の後半からじわじわと人気が出てきた感じがしています。Reduxも2016年を通してそれなりに普及してきていることがわかりますね。幸運にもバズった記事ブログを運営する上で記事をバズらせるような施策は特にしていませんが、バズは突然やってきます。昨年バズった記事と言えばこの記事につきますね。2015年も翻訳系の記事がバズりましたが、2016年もバズったのは翻訳記事でした。この記事は、Reactを覚えてみようと思わせてくれる良記事です。一読してみてください。Consoleの検索アナリティクスからのデータです。年間のデータが取得できないので、2016年12月のデータを載せておきます。「react」や「redux」関連の訪問が多いですね。D5300」関連もいまだに多いです(すでにD5500、D5600という後継機が出ているにも関わらず...)。react2016年のフロントエンドを振り返る2016年のフロントエンド界は、良くも悪くも大きな変化がなかった1年だったかなという印象です。1年を振り返って見たいと思います。Reduxで落ち着いたJSフレームワークJavaScriptのフレームワークを見ると、AngularとReactの2強が2016年内にそれぞれメジャーバージョンをリリースしたことで、フレームワーク戦争はほぼ終焉したと言っていいでしょう。2016年後半からVueの注目度が高まってきましたが、しばらくはこの2大フレームワークの時代が続くのではないかと見ています。FluxのフレームワークもReduxで落ち着きましたね。自分はFacebook/Flux推しでやってきましたが、さすがにReduxの波には逆らえず、今ではReduxをバリバリ書くようになりました。5.1勧告2015年にこれまでのES5から大きな進化を遂げたES2015(ES6)が公開されましたが、2016年にはさらに仕様が追加されたES2016(ES7)が勧告されました。2016年にはES2015やES2016が大きく普及するかなと思っていましたが、自分の感覚ではまだまだ普及が進んでいない気がしています。JavaScriptをメインとしていない人たちへの普及は難しそうですね。5.1が勧告されました。CSSは特に大きな進化はなかった昨年のブログ記事では、2016年はCSSが大きく進化するだろうと書きました。蓋を開けると、自分がCSSのトレンドを追っていなかったということもありますが、2015年の頃と状況はそれほど変わらなかったかなという印象です。PostCSSやCSSnextの爆発的な普及はまだ見られていないです。CSS4もまだまだ先なんでしょうかね。自分の2016年のCSSのトピックスとしては、SassをRubyのものからNodeのものに切り替えたということくらいでしょうか。script派なんですが、周りを見るとWebpackがだいぶ熱くなってきていますね。Reactのドキュメントでもビルドの部分がWebpackを使って説明されていたりします。Railsでも次のバージョン5.1からWebpackがサポートされるという話もあります。Webpackが主流になりそうですね。言ってgulpもまだ死んではいないですね。jQueryはしぶとく生き続けている2016年は脱jQueryの動きが加速するかなと思っていましたが、現場レベルではまだまだ普通に使われていますね。jQueryに関する話題はかなり少なくなったと思います。2017年のフロントエンド2017年も引き続きAngularとReactの1年になると思っています。それほど大きな動きはないかなと思います。JavaScript(Isomorphic)のプロジェクトが増えてくるかなと予想しています。それからES2017に追加される予定のAsync/Await。非同期周りの実装にも変化が出てきそうですね。その他、以下のような動きがあるのではないかと予想しています。Vueが第三勢力となるか2016年後半からネット上で話題になり始めたフレームワークのVueが今年はブレイクするかどうか注目ですね。AngularやReactのいいとこ取りということで、AngularやReactに消耗した人の受け皿になっているとのことです。日本語のドキュメントが用意されているのも嬉しいところです。自分も興味はあるので、少しは触ってみようと思っています。Apps)はGoogleが提唱する「WebとNativeの両方の利点を兼ね備えたモバイルWebアプリ」のことです。インストール不要で使え、オフラインで利用できたり、通知を受け取ることができるようなWebアプリです。PRPL(パープル)といったPWAの開発パターンも提唱されています。SSLやHTTP/2の普及が流行る条件となりますが、開発に挑戦する人は増えるんじゃないでしょうか。Pages)も2016年にGoogleによって提唱されたモバイルWebを高速化させるための技術仕様となりますが、こちらも2017年は対応するページが増えるんじゃないかと見ています。VRの仕様が標準化されブラウザに実装される予定です。VR元年と言われています。VRというものを開発しているようです。VRは技術的には面白いですが、一般に普及するかどうかは正直半信半疑な部分も無きにしも非ずです。ReactでVRを開発できるのであれば、ぜひどんなものかトライしてみようと思っています。2017年の私このブログでReactに関する記事をよく書いていることもあって2016年はいろいろReactに関することで声をかけていただく機会が多かったです。実現できたものもあれば、できなかったものもあり、良くも悪くもReactに振り回された1年でした。いう意味でReactに関しては、自分でもよく勉強したと思っています。自分の関わったプロジェクトでも、Reactを採用したりしました。GitHubの草の状況は以下の通りです。個人的には以下のようなものを作りました。maechabin/cb-sharecount-jsmaechabin/cb-slideshowad-jsmaechabin/cb-typewriter-js昨年のブログ記事では、Swiftに挑戦してiOSのアプリを作りたいとか書きましたが、結局できませんでした。Nativeという選択肢が今はあるので、今年こそはアプリの開発に挑戦したいですね。それから今年は、昨年からずっと気になっているPythonにも手を出そうと思っています。あとは引き続きReactとReduxを今年もやっていく予定です。昨年からReactとReduxでのSSR案件をやっているので、もっともっとサーバーサイド周りの知見を増やしたいなと思っています。あとはフロントエンドとは関係ない話ですが、昨年kindleを買いまして、この歳になって小説を読むようになりました。今年は技術書ばかりでなく、小説などもたくさん読んでいきたいと思っています。その辺の話もこのブログで書ければと思っています。ブログの方は引き続き、マイペースでやっていきます。JavaScriptやReact、Reduxについて何か書いて欲しいことなどあれば、お知らせください。今年もこのmaesblogをよろしくお願いいたします。maechabinホーム目次トップ。