2017年版フロントエンド入門しようとした（してません）

medium.com

皆さんがどうかは知りませんが、しがないエンジニアであるところの私は2017年に生きているので、そろそろフロントエンド業界の皆様が纏めたであろう甘い汁をすすろうかと思います。

実行環境

何はともあれ実行環境を入れなければ始まりません。Nodejsなるものを入れます。

最新版はv8.1.4のようなのでこれを入れました。Nodejsのリリースサイクルとして、偶数は安定版(LTS)、奇数は開発版というものが使われてきたようなので、v8.1.4でも問題ないでしょう。ですが、前述したNodejsのサイトを見るとv6.11.1が安定版と記載されています。

偶数奇数パターンはなくなったように見えますが、現状は「なくなるかもしれない」というフワッとした状況のようです。よく分かりませんね。

私はクライアントマシンの環境構築にはanyenvを使っているので、これを利用してndenvをインストールしました。

$ anyenv install ndenv
$ exec $SHELL -l

パッケージマネージャ

NodejsもRubyやPythonと同じようにモジュールパッケージ機構を持ちます。Node Package Managerでそのままnpmです。同名のパッケージマネージメントコマンド npm が長く使われてきたのですが、近年高速に動作するnpm(パッケージマネージサイトのほうです)クライアントとしてFacebookがyarnを公開しました。npmコマンドとほぼ同等の機能が使える上に高速であるということなので、今回はこちらを使います。

前述の通りndenvを利用しているので、一緒にyarnもインストールするプラグインをインストールしました。

github.com

ndenv install をする前にこのプラグインを導入しておくと便利です。

$ ndenv install v8.1.4

モジュール群のPATH

yarnコマンドを使ってモジュールをインストールすると、そのディレクトリにnode_modulesというディレクトリが生成され、そのディレクトリにモジュール群の本体がインストールされます。

プロジェクト毎に利用したいモジュールのバージョンを変更したいなど、様々な要件があると思うので、この辺はよしなに実行します。が、一々相対パスで実行するのは面倒ですね。

という訳で私は以下のような設定を.zshrcに書きました。

export PATH=$PATH:./node_modules/.bin

こう書くと各コマンド群がそのまま使えて便利です。

ちなみに、yarn global addとすると、端末のグローバル領域（プロジェクトに依らず、システム全体で共有されているモジュール置き場）にインストールされます。私はグローバル領域にはインストールしていませんが、もしそこにモジュールなどをインストールしているのであれば、以下のように書くべきでしょう。

export PATH=./node_modules/.bin:$PATH

PATHは上から探索するので、先に書いた方が優先されます。上記のように書くことで、各プロジェクト用の node_modulesを先に探索するようになります。便利ですね。

タスクランナー

タスクランナーというと耳覚えがない気がしますが、プログラムの更新を検知し、自動でwebサーバを再起動してくれるやつです。

古くはgulpやgruntとかいうのがありましたが、最近はwebpackを使うのがイケているようです。

正確にはタスクランナーの役割をするのはwebpack-dev-serverというモジュールがやるのですが、デプロイの際にwebpackを利用する関係から、configを統一できるwebpack（とwebpack-dev-server）が便利に使われています。

先ほどインストールした yarn を使ってインストールします。 --dev を付けると自動的に開発環境用の依存関係(devDependencies)に入れてくれます。便利ですね。

$ yarn add --dev webpack webpack-dev-server

設定は webpack.config.js というファイルに書きます。ここでもJavaScriptファイルを書くのかと閉口してしまう気がしますが、これから沢山書くので気にせず書きましょう。

$ cat webpack.config.js
module.exports = {
  entry: {
    javascript: "./src/app.js",
  },
  output: {
    path: __dirname + "/build",
    filename: 'bundle.js',
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      },
    ],
  },
}

sourceディレクトリや出力先ディレクトリなどはよしなに設定してください。loaderに何か書いてありますがこれは後述します。

そしてよしなに設定を書いた後に

$ webpack-dev-server

とコマンドを打つと実行されます。これを実行したまま、別のウィンドウなどでソースコードを編集し保存すると自動で変更を検知してくれて大変便利です。

他にも、webpack-dev-serverでリロードしたら自動でブラウザをリロードしてくれるだとか、確認をすぐに行えるようになる設定やらモジュールやらもあるようです。

Lintツール

言語仕様の全てが完璧に頭に入っているなら不要ですが、私はそうではないのでLintツールを導入します。

JSLintという完全にそれっぽい物がありますがフェイクで、JSHintとかいう名前衝突避けしましたみたいな名前の物もフェイクで、現在の正解はESLintのようです。

$ yarn add --dev eslint

JavaScript他は言語仕様として書き方が決まっていないらしいので(よく調べてないので決まっていたらごめんなさい)、色んな団体が自分のLintルールを公開しています。よく分からないのですが、Airbnbが公開している物が良いとされているようなので、こちらを使いましょう。

$ yarn add --dev eslint-config-airbnb

このように書くと適用されるそうです。

$ cat .eslintrc
{
  "extends": "airbnb"
}

ちなみにこのパッケージ名にもなっているESはECMA Scriptの略だそうです。よく分かりませんが新しそうな風格を見せているので使っておきましょう。

トランスパイラ

長くなってきましたがようやく最後です。

ESLintを使って新しい標準に準拠したコードを書く訳ですが、残念ながら世の中のブラウザは新しい標準を完全に動かせている訳ではないらしいです。 というわけで、同じ機能を実現する古い標準を満たしたコード（動作は同じものです）に変換する必要がある訳です。悲しいですね。

というわけで登場するのがトランスパイラという概念です。Babelというものを使います。

本来はbabelコマンドを使ってファイルを変換するのですが、これを一々手作業でやるのは面倒なのでwebpackさんに登場してもらいます。 先ほど掲載したwebpack.config.jsには以下のような記載がありました。

  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      },
    ],

これは*.jsというファイルに対してはbabel-loaderというものを使うような設定です。

babelに関しては実際に使うところまで行かなかったので細かいところは省略します。

終わりに

というわけで入門しようとしてみました。登場人物が多すぎるし、ここまでやってやっと実装環境が完成です。

よく聞くReactとかVueとかAngularとかはこの後に登場する概念です。しんどいですね。

ちなみにこのように入門したかったのですが、導入しようと思っていた案件毎消滅してしまいました。悲しいですね。

というわけで実践まではいきませんでしたがとりあえずやった事のメモとしておきます。完全に使っている訳ではないので、もし何か間違いなどありましたらご指摘ください。

それでは2018年のフロント業界が成熟した頃にまた会いましょう。

2017年春季アニメ総括メモ

もう2017年も半分を過ぎましたがいかがお過ごしでしょうか。

3ヶ月に1度、総括メモを見ていきましょう。

前回:

whywaita.hateblo.jp

結果

名前 局 放送時間 結果
銀の墓守り(ガーディアン) MX 4/1(土) 21:00 1話も見てない
進撃の巨人 Season 2 MX 4/1(土) 22:00 1期も見てない
グランブルーファンタジー ジ・アニメーション MX 4/1(土) 24:00 切った
デュエル・マスターズ テレビ東京 4/2(日) 8:30 切った
アリスと蔵六 MX 4/2(日) 22:30 途中まで見てたはず
つぐもも MX 4/2(日) 24:30 完走
僧侶と交わる色欲の夜に… MX 4/2(日) 25:00 完走
笑ゥせぇるすまんNEW MX 4/3(月) 23:00 途中まで見てたはず
フレームアームズ・ガール MX 4/3(月) 25:05 切った
アイドルタイムプリパラ テレビ東京 4/4(火) 17:55 1話も見てない
アイドルマスター シンデレラガールズ劇場 MX 4/4(火) 21:55 完走
ロクでなし魔術講師と禁忌教典(アカシックレコード) MX 4/4(火) 24:30 完走
王室教師ハイネ テレビ東京 4/4(火) 26:05 1話も見てない
BORUTO-ボルト- NARUTO NEXT GENERATIONS テレビ東京 4/5(水) 17:55 切った
ラブ米(ラブコメ)-WE LOVE RICE- MX 4/5(水) 22:45 完走
サクラダリセット MX 4/5(水) 23:30 途中まで見てたはず
武装少女マキャヴェリズム MX 4/5(水) 1:35 完走
サクラクエスト MX 4/5(水) 24:00 切りかけている
月がきれい MX 4/6(木) 24:00 1話も見てない
クロックワーク・プラネット TBS 4/6(木) 25:58 1話も見てない
恋愛暴君 テレビ東京 4/6(木) 26:35 完走
ひなこのーと MX 4/7(金) 25:00 完走
ツインエンジェルBREAK MX 4/7(金) 22:00 1期も見てない
正解するカド KADO: The Right Answer MX 4/7(金) 22:30 完走
神撃のバハムート VIRGIN SOUL TBS 4/7(金) 25:55 切った
ベルセルク 第2期 TBS 4/7(金) 26:25 1期も見てない
Re:CREATERS MX 4/8(土) 23:30 途中まで見てたはず
エロマンガ先生 MX 4/8(土) 24:30 完走
ID-0 MX 4/9(日) 23:00 切った
有頂天家族2 MX 4/9(日) 22:00 1期も見てない
ゼロから始める魔法の書 MX 4/10(月) 24:30 完走
覆面系ノイズ MX 4/11(火) 23:00 途中まで見てたはず
終末なにしてますか？ 忙しいですか？ 救ってもらっていいですか？ MX 4/12(水) 25:05 途中まで見てたはず
冴えない彼女の育てかた♭ フジテレビ 4/13(木) 24:55 完走
ソード・オラトリア MX 4/14(金) 24:30 1話も見てない
アトム ザ・ビギニング NHK総合 4/15(土) 23:00 切った

詳細

正解するカド KADO: The Right Answer

完全に優勝！！！！！！！！！！！！！！！！！！！！！！！

日本一アニメなんておこがましすぎる。言うなれば異法一アニメとも言えるでしょう。

最終回の残り数分を見た瞬間に頭が狂うかと思いましたがなんとか生存できました。

今季間違いなく覇権です。

僧侶と交わる色欲の夜に…

今季からとんでもない枠が出てきてしまいました。COMIC ZIN枠です。

BPOに怒られるその日まで待ち続けましょう。ちなみにAT-XでもR15版しか見られないバケモノです。

スカートの中はケダモノでした をよろしくお願いします。

優勝。

アイドルマスター シンデレラガールズ劇場

これが優勝しなかったら何になるのか。

ロクでなし魔術講師と禁忌教典(アカシックレコード)

こういうの見とかないと落ち着かないんですけど久しぶりでしたね。

優勝。

ラブ米(ラブコメ)-WE LOVE RICE-

恐らくジャンルとしては石膏ボーイズとかその辺だと思うんですが、完成度を高めた上でCookpadにエンディングを使うとここまで化けるんですね。

優勝！

武装少女マキャヴェリズム

最近友人の影響で伊藤美来さんのロングトーンが気になるようになってきました。

優勝。

ひなこのーと

きららが無くなったらどうなるんでしょうね？

エロマンガ先生

完全に俺妹。優勝。

ゼロから始める魔法の書

魔法始めていけ。

冴えない彼女の育てかた♭

俺の直感も冴えなかった。

まとめ

COMIC ZIN枠というとんでもない存在が爆誕しました。今後も地上波に流せる事を期待しています。木魚はずるい。

以前私が述べたように日本一アニメは「濃厚なジャブ」と「最終回の強烈なアッパー」が必要です。正解するカドはこれを綺麗に決めていました。あまりにも強烈すぎて失神しかけましたがなんとか生き残れました。体力付けておいて正解でしたね。

いつも通り来季のリストを用意しておきましたので間に合う方はどうぞ。 2017年夏季アニメ録画リスト · GitHub

ではまた3ヶ月後に会いましょう。

ANiUTa所感

aniuta.co.jp

「定額アニソン聞き放題」を謳うサービスANiUTaを契約してしばらく経ったので所感をメモ。

何が聞けるのとかはレーベルとかそういう要素があるのでこちらをどうぞ。

筆者の環境

良い点

  • アニメ単位で検索できるの便利
    • アニメは知ってても知らない曲とかあるのが聞けるのが良い
  • オフィシャルプレイリストが便利
    • 著名なDJプレイリストとか
    • 「このプレイリスト作った奴絶対オタクやんな！？」とかある
  • ランキングもアニソンだけだし便利

悪い点

  • 全体的にシャッフル機能がない
  • マルチデバイスがない
    • スマホのみ
    • iOS と Android 間での移動が不可？（未検証）
    • PCで聞きたい…
  • 個人のプレイリスト共有機能がない

まとめ

2000年代のアニメ曲はOPEDは知っていてもそれ以外のが聞けなかったりするので、しばらく契約してる気がする。ただ他に類似サービスが出来たらすぐ移動しそうだな…。

オープンソースカンファレンス 2017 Nagoya #oscnagoya と mikutter Nagoya 2017.5 #moguno に参加してきました

このようにアホに脅されたので、後輩2名を引き連れて行ってきました。

旅程

出発

新幹線は金銭的に大変厳しかったため、車が運転出来る後輩を雑に誘いました。

…と思ったら完全にミス。新東名を走っているとトラックが大量に止まっていて、事故かしらん？と思ってこちらも停止すると、そのまま4時間ほどそこでストップすることになりました。

まあどっかのSAやPAで寝る気だったので、別にどこで寝ても変わらないんですが…うん…心臓に悪い…

という訳で、なんと車でぶっ飛ばしたのに平均時速は50km/hに。下道かな？

朝飯は腹も減ったのでガッツリと餃子で〜

f:id:whywaita:20170527081223j:plain

OSC Nagoya

無事宿に付けたので、チェックインしつつ、そのまま会場に移動。

セミナーは以下を見てきました。

  • 東海道らぐ天下分け目のあひる焼きLT合戦＠OSC2017名古屋の陣
  • mikutter Worldwide Developers Conference 2017 @ Nagoya
  • WebエンジニアのためのはじめてのRedis
  • MySQL開発最新動向 ～MySQL 8.0、MySQL InnoDB Clusterなどのご紹介～
  • 【3F：第2ファッション展示場】ライトニングトーク＆閉会式

KapperさんのGPD-WINのセミナーには行きたかったのですが、少し遅れていったところ完全に混雑していて断念…。

東海道らぐでは始めてLT発表してきました。アテンドしてくださった皆様ありがとうございました。

www.slideshare.net

MySQLでは話題のClusterとかGroup Replicationについて思っていた疑問を中の人(Oracleの方)に聞けて満足。夢はもう少し先になりそうですね。

閉会式では、同行者の後輩2名をけしかけてLTしてもらいました。それなりにウケていたので良かった。OSCに行ったのに何も発表しないとか考えられませんもんね。

懇親会では高速に食事を消費する要員として活動した後は、LTでゲラゲラ笑う役としてゲラゲラ笑っていました。楽しかった。ビールも美味しかった。地ビール最高。

懇親会の後は同行者も眠そうだったのでそのまま宿に戻ってばたんきゅー。

mikutter Nagoyaだと思ったか？ばかめ！

喫茶マウンテンに行く用事があったので行ってきました。この時点で完全に遅刻。ヽ(‘ω’)ﾉ三ヽ(‘ω’)ﾉもうしわけねぇもうしわけねぇ

ピラフとコーヒーを頼んだところ、ピラフがドリンクセットである事が発覚し、しかもピンク色のドリンクが出てきて色彩が爆発。後ろのは有名な甘口抹茶小倉パスタです。

その後は普通に昼食用に色々注文。美味しかった…。

f:id:whywaita:20170528124317j:plain

mikutter Nagoya 2017.5

mikutter.connpass.com

という訳で2時間遅れで到着。

色々有意義な？話を聞けたんですが、mikutterのカンファレンスに行って特に参考になったのはopenSUSEの話とかよく分かんないな？

終わった後は飯会とかがあったのですが、我々は車で移動する必要があったためそのまま離脱。楽しかった〜。

ほったらかし温泉

インターネットで話題な、展望最高な温泉であるほったらかし温泉に行きました。ギリギリに行ったけどとりあえず間に合って良かった。

同行者が「エモ〜〜〜い」とか言いまくるので、私も途中でインプットされてしまい「エモいエモい」ばっかり言ってました。エモかった。

帰宅

そのまま中央道をかっ飛ばして到着。着いたのは0時過ぎており、そのまま疲れ果て寝ました。

費用

おかのさんのツイートでこういうのがありました。

残念ながら私のツイートに言及しているのは見つけられなかったのですが、とりあえず費用感として私の今回の旅費を公開しておきます。

※別にケチって行動した訳ではないので、どれが高いとか安いとかはないです。あくまで参考値。

  • ガス代: 7000円 (3人分)
  • 高速代 : 12000円 (3人分)
  • 朝に無事動いたので、SAで餃子定食 : 1000円
  • 昼食代: ココイチカレーヌードル: 216円
  • OSC懇親会(夕飯)代金: 2000円
  • OSC帰路でのタクシー代: 1000円 (3人分)
  • 喫茶マウンテン(昼食): 1700円
  • ほったらかし温泉: 800円
  • 夕飯(談合坂SA): 1000円

合計13382円ぐらい？新幹線で行くと往復2万円ほどかかることを考えると比較的安く行けました。

〜〜〜追記(2017/06/02 1:50)〜〜〜

宿代が抜けていたので加筆します。民泊使いましたがやはり3人とかそれ以上ぐらいで行くとかなり安いですねえ。

  • ガス代: 7000円 (3人分)
  • 高速代 : 12000円 (3人分)
  • 朝に無事動いたので、SAで餃子定食 : 1000円
  • 昼食代: ココイチカレーヌードル: 216円
  • 宿代: 10000円 (3人分)
  • OSC懇親会(夕飯)代金: 2000円
  • OSC帰路でのタクシー代: 1000円 (3人分)
  • 喫茶マウンテン(昼食): 1700円
  • ほったらかし温泉: 800円
  • 夕飯(談合坂SA): 1000円

合計16,000円ぐらい？新幹線で行くとそれだけで往復2万円ほどかかることを考えると比較的安く行けました。

〜〜〜追記ここまで〜〜〜

終わりに

2日間本当に楽しかった。いつものmikutterブースでわいわいするのも良かったし、しまだぁさんなど名古屋在住の方に改めてご挨拶出来たり、本当に良かったです。

また行きたいけど、流石にポンポン名古屋には行けないので、次は東京ですかね…。

そろそろ旬も過ぎたしMastodonについて書いておこうか

ポエム

何度か人前で発表していると、聞きに行っただけの勉強会で突然「わいわいたさん、ちょっと時間あるんで10分ぐらい喋って貰えますか」とか、元々20分の発表と聞いていたのに「時間が押してるんで、5分でいいですか」とか、5分だと思って行ったら本当は30分だったとか（これは単に私の確認不足だった）色々起こる。

特に一番最初のは本当に難しくて、引き延ばしや短縮はまあ気合いでどうにかなるんだけど、特に話す予定も無かったのにじゃあ一席、みたいなのは結構難しい。

とはいえ折角お声がけ頂いたのにお断りするのは心苦しいし、機会を頂いたら最大限活用したいと思っているので、とりあえず何か話す用のネタは大体考えていたりする。

大体時事ネタを含めたりする事が多くて、今回はMastodonを触って思った事をとりあえずストックしていたのだが、とりあえず旬は過ぎてそうなのでブログに書いてみる。

Mastodon

  • https://mstdn.uec.tokyo というMastodonインスタンスを運用している
  • Mastodonは、普遍的な（教科書的なと言うべきか）Railsアプリケーションである
    • つまり、富豪的な実装であると言える
    • 悪い事は言わないのでメモリ2GB以上は用意しよう
    • Docker上で動かしたり分散するのも可能だが、個人的には「巨大なRails用インスタンス」と「巨大なDB用インスタンス」の2台で動かすのが楽なのではないかと考えている
  • Mastodonの運用はWeb系のアプリケーション導入/運用の練習には適しているかも
    • Nginx(HTTP) / Rails / Postfix(SMTP) が必要になってくる
    • ちなみにメールはメールアドレス確認メールを送信するだけなので、メールを送る処理を無効化したり、SMTP SaaSとかに任せる方法もある
  • Mastodonの重いところは、ディスクとDBコネクション周りか？
    • クライアントとアプリケーション間でストリーミングコネクションを張るので、Nginxのコネクション許可数を増やすのをおすすめ
    • SidekiqとDBの接続周りも増やすといいかもしれない
  • アプリケーションの更新はかなり高速なので、運用するなら一定のポリシーでやると良い
  • 更にスケールしたいという需要があるならpawoo.net の記事が参考になる
    • まあ、Sidekiqワーカを分散するぐらいだろうか…

以上。

まとめ

とりあえずこれで5分〜20分ぐらいは保ちそう。

現状の想定は「Mastodonという言葉は知っているけど技術的な要件は知らん」ぐらいの層を想定している。多分この層が一番多いのではなかろうか。

30分〜1時間のセッションならもう少し話すネタが必要かな。多分実際のconfを見せてみたり、サーバの様子を見せてみたりすれば+10分はいける。1時間までいくならしっかりとした計算式や根拠を話すと多分伸びる。が、1人だとこれが限界かなあ。

という訳で10分ぐらいの登壇ならいつでもしますのでいつでもお声がけください。

ちょこちょこWebアプリを書いてる

私がIT系に入って一番最初にやったバイトがインフラ系で、主にサーバの運用をしていたので、どちらかと言えばインフラ、ミドルウェア周りに興味があったし知見もあった。 そのバイトを始めとして色んな環境に身を置かせてもらっていたんだけど、ネットワーク機器とか、Infrastructure as a codeみたいな事とか、どちらかと言えばレイヤーが低めになっていった。

ただ、一応Web系に身を置いている人間として、Webアプリすら書いたことないのはどうなの、という話になり、それはその通りだと思いちまちまとWebアプリを書いている。

リポジトリはここ。使ってる技術的にはFlask(Python)+MySQL+Redisだろうか。

github.com

アプリケーションの内容的には、QiitaのAPIを叩いて検索とか出来るようにしている。Qiita Frontend Alternative?になるのかな。

本当に経験が無かったので手探り手探りでやっている。

DBとかはチューニングの為にたまにクエリを見たりしていたのでまあまあ存在価値は分かっていたんだけど、Redisはなんとなく「セッションを管理してるんだろうな」ぐらいの認識で、イマイチセッションがどう使われるのかとか分かっていなかったけど、何となくわかってきた気がする。

まだ分かってないのは、gitの扱いがちょっと怪しい。特に、「とりあえずコミットしたいんだけど秘匿情報がまだ含まれてる」とかの場合にどう扱うのかがピンと来てない。その時々で対処法が違うからここは勘を覚えるしかないのかなあ。

やったこと

  • QiitaのAPI叩いて取得する
  • タイトルとユーザIDで検索する
  • アカウントはDBで管理する
  • ログインしているユーザセッションはRedisで管理する
  • Herokuで動くようにする
  • Dockerでも動くようにする(というか開発環境は docker-compose でMySQLとRedisを立ち上げている)

今後のTODO

機能

  • お気に入り機能
  • ユーザ登録機能

技術

とりあえず聞いた事があるこの辺を実装はしたいと思っている

まとめ

時間の隙間を見て実装していて、またフルフレームワーク(DjangoとかRailsみたいなやつ)を使わずにちょこちょこやっているので進捗はかなり遅いんだけど、まあ充実感は大きいので良かったかなと思っている。

あと、Pythonは割とふわっと書けるので便利。vimの機能でPEPに準拠しているかどうかをチェックする奴を自動で動かすようにもしているので、一定の水準を持ってふわっと書けるのが良いのかもしれない。

少し前にGolangでWeb書いてたら中々しんどさを感じたのでPythonにしたんだけど、まあ今の所言語を切り替える予定はない。

また何かあったら報告します。Flaskの知見ももうちょっと溜まったらアウトプットしたい。

ついでにコードのここが筋悪とかここはイケてないとかあったら教えてください。

2017年冬季(新春)アニメ総括メモ

少し遅れましたが、伝説となりえたアニメBanG Dream!も最終回を向かえたので、書いておきます。 ちなみにBanG Dream!は見てませんでした。

前回:

whywaita.hateblo.jp

結果

名前 局 放送時間 結果
AKIBA’S TRIP -THE ANIMATION- MX ¼(木) 23:30 途中まで見てたはず
政宗くんのリベンジ MX 1/5(木) 22:30 完走
うらら迷路帖 TBS 1/5(木) 25:58 完走
セイレン TBS 1/5(木) 26:28 切った
スクールガールストライカーズ Animation Channel MX 1/6(金) 24:30 切った
風夏 MX 1/7(土) 22:00 切った
亜人(デミ)ちゃんは語りたい MX 1/7(土) 23:30 完走
ひだまりスケッチ×ハニカム MX 1/7(土) 24:00 温存中
にゃんこデイズ MX 1/8(日) 22:27 切った
エルドライブ【ēlDLIVE】 MX 1/8(日) 22:00 完走
チェインクロニクル ヘクセイタスの閃(ひかり) MX 1/8(日) 22:30 途中まで見てたはず
アイドル事変 MX 1/8(日) 23:30 切った
リトルウィッチアカデミア MX 1/8(日) 24:00 1話も見てない
ちょぼらうにょぽみ劇場第三幕 あいまいみー～Surgical Friends～ tvk 1/8(日) 26:30 切った
ガヴリールドロップアウト MX 1/9(月) 24:00 完走
ACCA13区監査課 MX 1/10(火) 23:00 途中まで見てたはず
ハンドシェイカー MX 1/10(火) 24:30 1話もみてない
南鎌倉高校女子自転車部 tvk 1/10(火) 25:00 1話も見てない
けものフレンズプロジェクト テレビ東京 1/10(火) 25:35 完走
ピアシェ〜私のイタリアン〜 MX 1/11(水) 22:30 1話も見てない
OneRoom MX 1/11(水) 22:40 途中まで見てたはず
小林さんちのメイドラゴン MX 1/11(水) 24:00 完走
この素晴らしい世界に祝福を！2 MX 1/11(水) 25:05 完走
CHAOS;CHILD MX 1/11(水) 25:35 1話も見てない
MARGINAL#4 KISSから創造るBig Bang MX 1/12(木) 23:30 1話も見てない
クズの本懐 フジテレビ 1/12(木) 24:55 1話も見てない
SUPER LOVERS2 MX 1/13(金) 25:40 完走
Rewrite MX 1/14(土) 23:30 完走
グランブルーファンタジー MX 1/21(土) 19:00 1話も見てない
BanG Dream!(バンドリ) MX 1/21(土) 22:30 限界
幼女戦記 忘れた 忘れた 完走

詳細

幼女戦記

完全に優勝！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

今季覇権と言える。 「99％悠木碧なんだけど本当に悠木碧なのか判別出来ない」と言われたターニャちゃんと、「数百億%早見沙織」と言われたヴィーシャちゃんが神。 あとはアツい演出が本当によくて優勝。完全に勝利した。

亜人(デミ)ちゃんは語りたい

優勝！！！

亜人ちゃん達が可愛すぎる。特に誰が可愛いとかはないです。

政宗くんのリベンジ

俺も風邪引いてリベンジしてえ。優勝。

けものフレンズプロジェクト

けものフレンズは今季最も話題になった作品であるのは間違いないと思う。

話題となった1話はどうも声優さんの演技に違和感があったり、2話以降とはかなり意向が違うように思える。 4話あたりで話題になったこのアニメだが、ゆるふわ系と思って見ていた層が最後まで残らなかったのは、このアニメが完全な王道アニメだからだろう。

私はあの最終回がとても好きだ。なのでしばらく最終回だけ見てると思います。今後に期待。

小林さんちのメイドラゴン

普通に優勝していくアニメ。優勝。

ピーチボーイリバーサイドのアニメ化を待ち続けています。

ガルリールドロップアウト

最近SS界隈で急に流行ってきたけどなんなんですかね？

うらら迷路帖

正直きららのキレが最近落ちてきているのを感じる。

エルドライブ【ēlDLIVE】

原作が面白くない（内容はいいんだけど刊行時期が微妙すぎる）のに比べてアニメは本当に良かった。 多分原作も週1で見たら面白いんだと思う。

まとめ

今季は正直に言うと不作であったと言わざるを得ないのではないかと思っている。 どうも優勝しきれない存在であったり、ずっと見ようと思える風格を感じられなかった気がしており、周囲のアニメ愛好家でも似たような評判であった。

通常であれば幼女戦記が覇権になるのは少ないのではないかと思っているが、覇権となったのは今季こそであるかもしれない。

ただ、その分2017年春季は正直ハンパないので是非見てほしい。

そんな今季のリストはこちらです。

2017年春季アニメ録画リスト · GitHub

では、2017年冬季(新春)、お疲れ様でした！！！！！！！！！！！！！！！！！！！！！！！！！