うしろのこの本ください

なんでもかきます

Nuxt.js の generate で作ったポートフォリオを Netlify で公開したよ

タイトル通り

サイト

ushironoko-portfolio.me

ソース

github.com

とっても簡単な作りなので特にいう事はないけど、Netlify は初めて使って良いなって思った

デプロイを Githubリポジトリ経由にして、ビルドコマンドで npm run generate ってやっとけば master ブランチの差分を見て勝手に更新してくれる

一度設定すれば何も考えずに push するだけでサイト自体も更新されるという...素晴らしい

せっかくだからドメインもとってみた、年 $7.7 くらい

目的としてはポートフォリオからこのブログとか Qiita に飛んでもらってこんな奴なんだなって知ってもらう事だから、面白みのない感じになっちゃったとは思う

余裕あれば弄ろうかなぁ…なさそう

おわり

社会に出てからの振り返りとこれから

今の業界に出て1年半になった

SI企業に請け負いで入ってWebだったりネイティブアプリだったりを開発案件で経験した

ぺーぺーだった頃に比べて本当に多くの事(PCに関しての知識や歴史も含めて)を学べて概ね満足してるんだけど、やっぱり自分が欲しいものはここにはないなと悟った

ただだからと言ってお前はもう用済み、さらばだ!というのも悲しいしこれまでやってきた自分に溜まったものを信じたい

学べたもの、学べなかったものを書き出して整理することで次の目標に輪郭を付けるという作業をする

…って思ったけど、結構独学で覚えたもののウェイトも大きいしそれも書く、要するに社会人になってから得たもの全部

一言感想も書いてみた

学べたもの(業務)

言語

  • Java //メイン、別に好きではないけど9以降は結構良い

  • C# //かなり真剣にやってた、ドキュメントとにらめっこ

  • HTML、CSS、JS //業務での学びは少なかった

  • VB6 //多くは語るまい…

  • Excelマクロ //ノーコメント

DB

  • oracle //基本これ、例外は稀
    • PL/SQL //あんまよく分からなかった
  • PostgreSQL //本当に稀

インフラ

  • Web・APサーバー

  • 仮想環境

    • Citrix //LTS式アプデから逃れるための手段…力技だなぁ
  • 認証

サーバーOS

  • CentOS //基本これ
  • Windows Server //たまにこれ
  • AIX //ごくまれにこれ

ツール、その他

  • バージョン管理

  • IDE、エディター //色々使って今は落ち着きました

  • CI/CD

    • Jenkins //ビルド専門なとこあった、Subversion、Coverityと連携
    • Coverity //有償のLinter、複数言語対応
  • issue管理

    • Redmine //常にまっかっかなのはご愛嬌
  • Office

    • Excel //神に比べればまだまだ
    • OneNote //多分自分しか使ってなかったと思う
    • Word //多分自分しか使ってなかったと思う

こんな感じ、設計手法とか単体テストは学べなかったのとセキュリティ方面がエンカウントできなかったの心残り

学べなかったもの

  • 自動テスト //手で書いたテストケースを手で実行するのが開発フローに組み込まれていた
  • セキュリティ系 //不特定多数のユーザーを相手にするシステムじゃなかったので、学ぶ機会もなかった
  • クラウド系インフラ //クラウド禁止なので
  • フロントエンド系の色々 //自分が発信するまでjQueryで止まっていた世界なのでしょうがないですね

ここら辺この先やっていても駄目だろうな、というのが転職の大きな動機になっていたりする

学べたもの(独学)

言語

  • JavaScript //今の自分にとってのホームはここ

    • ES6 ~ //とりあえずここから入ったのは正解だった
    • Vue.js //メインで触ってる
    • Vuex //型と相性悪いでおなじみ
    • Nuxt.js //メインで触ってるその2、SPAやる場合でも使いたいと思ってる(Vue CLI 3であまり開発できてない)
    • React.js //仮想DOMを知りたくて触り始めたらjsxとstyled-componentsまでやる羽目に
    • Node.js //現代のJSやるなら避けて通れなくなってきてるよね
    • Express //ミドルウェアとして使ったりただのAPIサーバーとして使ったり色々出番ある
    • TypeScript //どうもデコレーターパターンが苦手で…Javaの影響かね
  • CSS

    • SCSS //正直あんま使ってない
    • Bootstrap 4 //実は業務でも使ってて、一番触り慣れてるのはこれだったり
    • Vuetify //Material Design すき
    • Bulma //jQuery依存やめようと思った時にこれが一番良さげだったので
  • Go //超A&Gの録音スクリプトをGoで書き直したりしてた、今一番やりたい

インフラ

  • GCP

    • GAE //Node8.x系対応を見てすぐに試した、とてもよかった
  • Firebase //ConsoleのUIセンス最高ですよね

    • Authentication //誰もが認める最高のサービス
    • Firestore //あんまよく分かってない
  • AWS //管理画面ごちゃりすぎて諦めてしまった

  • Heroku //knowledgeをHerokuボタンからデプロイしただけ

  • Docker //Linux立ち上げよと思って5秒で終わる素晴らしさ

    • docker-compose
    • Docker for Windows
    • Docker for Mac

サーバーOS

ツール、その他

  • バージョン管理

    • Git //だいぶ慣れた、チーム開発で使った事なくて割と不安だけど
    • GitHub //一度Bitなにがしに浮気したけど出戻り
  • IDE、エディター

    • VS Code //私用だとこれしか使ってない気がする
    • vim //DockerでUbuntu立ち上げるとデフォでviすら入ってなかったから仕方なく…
  • babel //React触った時はじめて1から設定したけども難しい

  • webpack //同上

    • webpack-serve //めっちゃ翻弄された…dev-serverに戻します…

大いにフロントに寄ってるのは業務の反動、Goは真剣にやりたいし出来れば業務の中で正しい失敗をしたいというお気持ち

所感

一昨年から比べてほぼ別人というくらい色々変わった、社会に出てこの業界でやっていこうという決心がついたのかも

世間一般ではレガシーと呼ばれる環境に居たのもあって、新しいもの好きな元の正確が良い方に伸びたと思う

自分の中にあるどうしても達成したい目標のための知識経験は今の職場では手に入らないのが判明したので、やっと重い腰を上げたというのが最近の経緯

こうして一覧にするのも色々期待してな部分もあるし、物書きも好きだからそういうアピールしようと

Markdown も社会に出てから覚えたものだけどこれは本当にいろんなところで成果が出ていて、Qiitaに記事書いたりするようになったのも Markdown 覚えたからだしこのブログはじめたのもそう、GitHub の README だって編集できる、世界は Markdown で回っている

そこそこ長文になったけど最近 HHKB 買ってキー配列に慣れてないから練習の意味も込めてこれ書いてる

もう慣れた、最高

PFU キーボード Happy Hacking Keyboard Professional JP Type-S 日本語配列/白 PD-KB420WS

PFU キーボード Happy Hacking Keyboard Professional JP Type-S 日本語配列/白 PD-KB420WS

おわり

Docker Ubuntu 上で超A&G録音スクリプトを実行してみる

普段 Windows10 のタスクスケジューラで定期的に実行することでラジオの録音をしているが、実装が Go という事はクロスコンパイルして Linux 用のバイナリを吐く事もできる

github.com

せっかく Go で作ったんだし、いろんな環境上で動くのを見てみたいよね

というわけで今回目的は動作確認のみ、 Docker pull で Ubuntu イメージ持ってきてその中で試してみる

Ubuntu イメージの pull、立ち上げ、乗り込み

$ docker pull ubuntu

$ docker run -it ubuntu bash

マジでなんにも入ってないので必要なものを入れる

apt の upgrade してからやってくれと言われるがとりあえず Y って返しとけばOK

vi すら入ってないとは恐れ入った…それからデフォだと UTC になってて setting.json の指定時間とズレるのでタイムゾーンJST に変更しておく

//git
$ apt install git

//gcc make
$ apt install gcc make

//golang
$ apt install golang

//vim
$ apt install vim

//rtmpdump
apt install rtmpdump

//tzdata
apt install tzdata
Geographic area: Asia
Time zone: Tokyo

必要なものが入ったら各種設定していく

GOPATH は go get で入るパッケージとプロジェクトのディレクトリを分けるようにする

GolangのGOPATHやGOROOTについて | Libra Studio エンジニアブログ

//git
$ git config --global user.email "example@example.com"
$ git config --global user.name "ushironoko"

//golang
cd //ホームへ移動
$ vim .profile

export GOPATH=$HOME/go/package:$HOME/go/workspace
export PATH=$HOME/go/package/bin:$HOME/go/workspace/bin:$PATH

go get github.com/mattn/go-shellwords

git clone 後、go build でバイナリを出力できる

後は crontab に 録画したい時間に起動するよう設定、setting.json に各種設定を追記して出力先フォルダを作れば Linux 上での自動録画環境の構築は完了

そのうちバイナリもリポジトリに置く、かも

おわり

Go から RTMPDump を叩いて超A&Gを録画する

学生時代に作った超A&Gの録画スクリプトをリプレースしようと思い数年、Go で軽くものつくりしたいというのもあり重い腰を上げてやってみた

github.com

ただ Go から外部コマンドを叩いて、いくつかの設定を読み込んで RTMPDump で録画する、使い方は README に軽く書いたけど Go がインストールされてないと run も build もできない

go build してタスクスケジューラで好きな時間に起動するだけの簡単な作りにした

というのも元々の録画スクリプトは誰かが書いたVBSのフォークで無駄に設定が多く(他局のものをコールサインを渡して録画できた)今の自分には不要だったのでかなり機能を削った

所要時間30分くらい、コマンド叩く系のスクリプトなら同じ要領で作れると思う

正直外部コマンド叩けたら大抵の事が出来るし、Go ならクロスコンパイルで Linux でも Windows でも動かせるから色々作ってみようと思った

ラズパイがね、転がってるんだよね

流石に365日稼働を目指すならヒートシンク買わないとまずそうだけど…まあいいか

バイナリ公開してもいいけどまあ無駄かなと思ってるのでやりません

おわり

最近の知見

知見なんてTwitterにでもメモがてら書いとけと思ってたけど見返さないし、備忘録として貧弱だったのでどうせだからブログに書く

WPF で exe にdll をマージしてビルドする時の log4net は外に出さないとだめ

dll をマージする方法はググれば沢山でてくる

qiita.com

cointoss.hatenablog.com

スタートアップ時に .dll とつくファイルを全て呼び出してから App.Main() を叩くよう変更する感じ

ただし注意点として .config を拾えないので log4net や 本体の .config は外だししなければならない

log4net.dll はマージされるがドメインが変わり .config が参照出来なくなるため

PNG は可逆、 JPG は非可逆

クライアントで撮った写真をBase64エンコードしてサーバーに投げ、呼び出す時にデコードして戻すみたいな事をする時の話

間違ってデコードの指定を JPG とかにしてしまうと情報が半分以上落ちて色味がおかしい写真が返って来る

JPG は基本非可逆なのでエンコード/デコードはかけてはだめっぽい

やるなら PNG

仮想DOMは実DOMとの差分をただ単純に見ているだけじゃなかった

最近何となく React を触ってみたりして、やっぱり仮想DOMの仕組みが気になってしまったのでちょっと読み物漁った

steps.dodgson.org

まあ最初は魂が震える奴から見返したりしたんだけど、この記事が一番わかりやすかったと思う

要するに、実DOMには手を一切触れないし、比較もしない

ステートフルなjsオブジェクトで表現された仮想DOMツリー(React では ReactComponent)をトラバースして必要な時だけステートレスな新しいノード(React では ReactElement)のインスタンスを生成、仮想DOMツリーを更新する

トラバースし終わったらそこから実DOMを作って古い実DOMと入れ替える、一連の処理では実DOMを弄った時に起こるスタイルの再計算やC++ネイティブコールが起きないし、新しく生成され差分計算に使われるノードはステートレスで軽い

まあ、ReactDOMComponent と ReactComponent の違いがあんまり読み取れなかったけどこんな感じだろうなというのは理解した、多分。もう少しはっきり理解したいので本買おうかと思ったけど電子書籍版がない

gihyo.jp

table のヘッダ固定、つらい

非常につらい、何がと言われると position:sticky がまともに動くの Firefox ぐらい

Can I use... Support tables for HTML5, CSS3, etc

Edge と Chrome は動くには動くけど thead と tr に効かないとかいうクソみたいなバグがあるし、IE は論外、Safari は嫌いなのでためしてない

どうもここら辺は足並みそろえる気ないらしく、将来的にバグが直る見込みがないので諦めた

IE に至ってはポリフィルを謳う jQuery ライブラリですら動作しなかったのでそこでキレてやめてしまった

im@s DB API が近日中に一般公開終了、代替エンドポイントは im@sparql

終わっちゃうらしい

データ取得API / キャラクター - アイドルマスター データベース (情報まとめ)

こっち使えって

sparql.crssnky.xyz

SPARQLって 使った事ないんだけど、これの運営は IM@Study っぽいので今度 Slack に使い方投げてみようかね

やっぱそっち方面の知識に疎いという自覚がある、RDB やら NoSQLやら RDF やらとにかくクエリと付くものに関連する事は弱い

常駐先の上司にもお前 DB 弱すぎへんか?とののしられる程なので何とかしようと思った

Babel7 の TS サポートがかなりいい感じ、らしい

らしい、Babel も TypeScript もガリガリやった感じじゃないので実感薄い

github.com

mizchi 氏があげてくれていた React ハンズオンの資料を上から順にやっただけ、早速 Babel7 使ってるけど名前空間付いたくらいの認識しかないので恩恵もよく分からない

このハンズオンで得た知見としては TS と React の方が多かった、特に TS は Vue CLI v3 から開発環境の整備が進み気軽に導入できるようになったしいいタイミングかもしれない

ぶっちゃけ js ベースな React での TS の使用感と HTML ベースな Vue での TS 使用感は全然違うと思うけど

兎に角まだデコレーターに慣れない、正確には JavaScript でデコレーターを使うことに慣れない

何故かはしらんが脳内パースに普通の js の3倍くらい時間使う

js やってる時は頭が js モードになってるし Java 書いてる時はそういうモードになってるんだと勝手に思ってる

Vue CLI v3 はいいぞ

cli.vuejs.org

今日はここまで

おわり

スキルセットむずかしいですね

むずいよねスキルセット

使えます!って、何をもって?という葛藤は誰にでもあると思う

考えられる線引きとしてはプロダクトで使ったとか、OSS に貢献したとか、もっとおおざっぱにすると趣味でやってますとか?

Java プロダクトで使こうてたで!テストは手動!というのはどっち?どっち?どこまで出来たら「できます」なのかね

ただ最近思うのは詳細は喋って伝えればよくて、スキルセット一覧なんてきっかけになれば効力として十分だろうと

これは実務3年、これは触っただけ、これは趣味で良く使ってる、等など

しっかりした採用担当者なら GitHub とかブログとか SNS とかざっと漁るんだろうし、逆にそこであーこの人このくらいで出来るっていう判断してるんだなって分かる

でも A Tour of Go 一通り舐めました!使えます!とか Progate で触れました!みたいなのは多分駄目で、本当に些細なもので良いのでモノを生み出しておくと実績になる

実績ができたら公開用のリモートリポジトリにでもまとめて置いておいてポートフォリオにリンクでも貼っときゃいい

出来るなら実績を使ってポートフォリオ作れたらベスト、web系でないと中々厳しいものがあるけども

というわけでスキルセット深く考えると難しいから、一つの線引きとして公開用リポジトリにものを置いたらクリア!使えます状態!でいきましょう

ポートフォリオ、今なら Nuxt の generate とか VuePress とかで生成した静的ページを Netlify にでもホスティングしとけば最低限そういうのできますアピールにもなっていいよね

1日あれば十分できるし、やろう、やるぞ

おわり

今の環境奇数クエウォリいけますよ

f:id:apple19940820:20180811004820p:plain

AAECAQcG08MCoscCz8cCze8CuPYCnvgCDEuiBP8Hm8ICysMCmccCyucCquwCuuwC8vEC4vgCs/wCAA==

ズーはカモ、メックトゥーンはドル以外ならカモ

ドルイドのメックトゥーンは装甲積まれ過ぎて8点ヒロパでも重い

兎に角ズーが多いのでヒロパと挑発で遅延できて大暴れと乱闘で良い感じにお掃除できる奇数クエウォリはとてもやりやすい

ブームシップは楽しいけど調子にのって使うとクエスト達成できず負けに繋がったりしたのでよく考えて切る

シルブロはなるべく使わないようにしていつでも大暴れできるようにしておく(シルブロで貯めた装甲勿体ないし)

戦績取ってないから貼れないけどズー相手は勝率9割はあった、20戦もしてないが

組めるなら試してみるといいかも

おわり

博士のメカメカ大作戦初日の戦果とか

先行50 + 先行80の計130パックを剥いて、レジェ8枚

まあ運いい方だったと思うけど、魂箱出なかったのが痛い…

特典のゴルレジェはこの二枚だった

f:id:apple19940820:20180808234552p:plain

f:id:apple19940820:20180808234613p:plain

正直めっちゃ嬉しい、報告を見てるとメックトゥーン使ってレジェ行ってる人もいて訳が分からんが

逆にブームズーカ採用のデッキはあんまり見ない、予想と違うな

マリドルは案の定で生物学プロジェクトを1ターン目に使えると試合が壊れる事が多い

相手は低コストキープのマリガンをするので早いうちのマナ加速は相手としてはあまりうまみがない

逆にこちらは後攻であれば2ターン目にコイン切って滋養、メロン、そのまま最速究極等やりたい放題

メックパラ意識で十中八九回帰2積みなので単体バフ主体よりもトークンドルのような横に並ぶデッキの方がまだある

ヴォイドリッパーがないと虫害で詰みかねないが自然に入れられるのは今のところ限られたクラスだけな気もする

見渡す感じプリが結構辛そうで、メイジドルイドウォロローグハンターパラディン辺りは新しい構築で良い結果も出てる

ウォリアーはまだよくわかんないけど兵器プロジェクトからのハリソンで酷いアドの取り方して来たりするし全然あると思った

シャーマンは自分ではオバロシャーマンしか試してないけど強さを感じた

色々デッキ試したいけど土日かなぁ、週末には結構色んなデッキ出てきてると思うし

少なくとも前環境より楽しいです、今のところは

おわり

レシピさらにドン

dekki.com

dekki.com

dekki.com

dekki.com

さっき気が付いたけど新カードリリース前でもスタンダードで組めるようになってた

割とPVに影響してそう、全然いいけど

おわり

DEKKIで博士のメカメカ大作戦デッキレシピをいくつか

つくった

dekki.com

dekki.com

dekki.com

dekki.com

全部ネタなしの真面目なデッキ

まあその場で適当に考えながらピックしたから強いかは知らんが

ウォリアー以外は案外うまくまとまったと思う、ウォリアーはキメラ過ぎて読めない

他クラスはやる気次第で組むかもしれないし組まないかもしれない

とりあえずブログのネタ欲しさに久しぶりに DEKKI 使ったけど昔より使いやすくなってて良かった(スマホ対応も含めて)

ここにはないけどゴールデン魂箱が出たら絶対ウォロ組む

眠いおわり

博士のメカメカ大作戦ピックアップスパム

今回もスパムやるけど、百何枚のカードを評価すると画像貼るのだけですっごい時間がかかるので一部ピックアップしてやる

数を絞るので評価段階も3種で

☆☆☆ マジかよベンブロード

☆☆  サンキューベンブロード

☆   生き返れベンブロード

ドルイド

追加されたカード全部が平均以上のパワーを持っていてヤバさを感じるドルイド

https://i0.wp.com/beerbrick.com/wp-content/uploads/2018/07/5b4accb2f42ec6d9c80439e73473d59f18296b188bddcccb613335ab791e0594.png?resize=217%2C300&ssl=1

予言しますが絶対クソメロンっていう名称が流行る

ワイルドの環境もちゃんと考えるチームだと思ってたけど、こんなの出されたら今後追加される7~10マナのミニオンシナジーを持たせ辛くなっちゃうんじゃないかな

まあ枝分かれの道滋養究極全部2枚ずつ採用する今のドルイドにとって過剰ドローなのはそうなんだけど

ともかくカード開発が窮屈になるそうなカード、言うまでもなく☆☆☆

他は特にないな、皆つえーなって感じで強いて言うならドリームペタル栽培師はぶっ壊れじゃないよソーリサンのがやばいよっていう事くらい

ハンター

現時点で判明してるカードの中だとピンとくるものはないかなぁ

クモ爆弾はいい味出してると思う

https://i0.wp.com/beerbrick.com/wp-content/uploads/2018/07/spider_bomb.png?resize=217%2C300&ssl=1

メイジ

本来のコンセプト外でのシナジーで強そうなカード多め、というか呪文ダメージだけど

普通にレジェ呪文が凄い

https://i2.wp.com/beerbrick.com/wp-content/uploads/2018/07/3f85130f82990297fb4920900d783ddadf78225fe74e93af8e3c53600bf169e0.png?resize=217%2C300&ssl=1

ミニオン主体のデッキに性悪と突っ込みたくなる、☆☆

https://i2.wp.com/beerbrick.com/wp-content/uploads/2018/07/9698fe65b4e0e99141fbbaa47456a1560180953745dfc4a48581b60f6b054a50.png?resize=217%2C300&ssl=1

雄叫び持ちのエレメンタルは強いんだけど、こいつは呪文と組み合わせてボード綺麗にした後エレメンタルシナジーに繋げられて凄い、偉い、☆☆☆

☆☆☆

パラディン

ピンとくるものがないけど、普通に強いと思うのはマジウザ・オ・モジュール、プリズムレンズ、ケンゴーの無限軍団

プリースト

断末魔推し、全部強いと思う

https://i1.wp.com/beerbrick.com/wp-content/uploads/2018/07/61bffc9160ea3b296c867f34f4da60fb0d2240ca78a94730b0eb600f258a0d3e.png?resize=217%2C300&ssl=1

ビッグプリでやんちゃできるしプリには蘇生があるので、あと性悪で9コス出せるようになってむしろ強化、☆☆☆

ローグ

無難に強いよね、パワーあふれる感じのはレジェ呪文くらい

https://i2.wp.com/beerbrick.com/wp-content/uploads/2018/07/1c82a7a3082469772e842412ac93f55c1ed4371cb45cf7058e7cf0513590239c.png?resize=217%2C300&ssl=1

3/3/2武器は強いってのは証明されてるんだけど、断末魔発動は流石に頭一つ抜けて強い

ミッドレンジ系のデッキでは多用されると思う☆☆

https://i0.wp.com/beerbrick.com/wp-content/uploads/2018/07/a4948eb535455124cfa368e03c98f4f9bd1542b77b0964a53788cff00c5873c4.png?resize=217%2C300&ssl=1

最初は不安定だしゴミだなと思ったけど新弾で出るカードがどいつもこいつも強くて評価変えた

どのデッキもパワーカードで溢れた壮絶な殴り合いになると思われるので、リソース不足対策にもなるこれは結構強いんじゃないかという予想

ただ4ターン目に使うと盤面に干渉できずに中盤迎えるのが辛い、武器握れてたら早めに使ってもいいかな

☆☆

シャーマン

うーん強い、エウレーカ!は微妙だとは思うけど

最近オバロシャーマンが良い成績を残していたので電流火花と雷雲の存在はかなり大きい

https://i1.wp.com/beerbrick.com/wp-content/uploads/2018/07/508642603a656388f5afce25a6fe408a4bf40f633524a9d98b54ba31046178ed.png?resize=217%2C300&ssl=1

https://i0.wp.com/beerbrick.com/wp-content/uploads/2018/07/70b7929d6d785b8db19d9caab96f554a65cdd024d62fd64a676f8977dc8df503.png?resize=217%2C300&ssl=1

どちらも☆☆☆あげたいけどオバロシャマとエレメンタルのシナジー次第だな、雪の巨人もエレメンタルだし案外うまくいきそうではある

とりあえず☆☆で

あと呪文2回レジェを利用して一気にオバロして呪文石強化するとかも出来る、多彩

ウォーロック

ぶっ飛んではないけど皆強い、強欲で謙虚な壺みたいな強さを感じるカードが多い

https://i0.wp.com/beerbrick.com/wp-content/uploads/2018/07/2918ecba2d1830b49b2702be3d990ef8d71645862137a749261551dd3f1ba273.png?resize=217%2C300&ssl=1

遂に破棄による手札リソース切れを補えるカードが与えられた

むしろこれくらいしないと破棄は機能しないんだけどね、☆☆☆で

ウォリアー

ブームがここに来るとは思ってなかった、アーマー7は凄いよ

https://i1.wp.com/beerbrick.com/wp-content/uploads/2018/07/ac721878b9d73cd73ee74f37273e148a09d85b9c71475e7cc9159cf7a68e126d.png?resize=217%2C300&ssl=1

めちゃつよ、マナワームみたいな試合を決めるような性能とは違うけどこれ一枚でアグロがかなり萎える

☆☆

中立

流石にメカが多いけどそれやっちゃうのって奴もいる

https://i2.wp.com/beerbrick.com/wp-content/uploads/2018/07/BUALHFZ83TYB1532929194728-1.png?resize=215%2C295

蟹は別に許されたわけじゃないし、こういうピンポメタ出し始めるとストッパーの存在を理由にインフレが止まらなくなる可能性もある

要するにこういうカード嫌いです、☆

https://i1.wp.com/beerbrick.com/wp-content/uploads/2018/07/6609be536fc74069e332542667bc31182b3437b0c4bba3b68a72b6deb833e155.png?resize=217%2C300&ssl=1

強すぎる

超電磁によってすべてのクラスはアグロが出来るようになった、しかも最高のアグロ用カードがすべてのクラスで使える

ぶん回ったメックアグロ〇〇は4ターン目くらいには試合を終えて赤いリールを回してるだろう、それくらいのカード

☆☆☆じゃ足りないくらい

所感

まあ年度最終弾なだけあってパワーカードまみれだけど、一部やりすぎな雰囲気出してるのもあるので手放しで拍手はできないかな

わくわくを恐怖が上回っている

130パック買ったけどね、皆で楽しみましょう

おわり

Vuex の action に依存したコンポーネントってさ

なんか詰まったとかじゃなくて、 Vuex そろそろやったるかと思ってやった時にあれ?ってなったことがあったので

例えば SFC に切り出した、非同期で API を叩いて JSON を貰ったら state を更新するボタンがあったとして

components/fetchData.vue

<template>
    <button @click="fetchData()">更新</button>
</template>

<script>
export default {
  methods : {
    async fetchData (store) {
      await store.dispatch('fetchDataAsync')               
    }
  }
}
</script>

store/index.js

import Vuex from 'vuex'
import axios from '@nuxtjs/axios'

const store = new Vuex.Store({
  state : {
    data : []
  },
  mutations : {
    dataUpdate ({ state }, data) {
      state = data.data
    }
  },
  actions : {
    async fetchDataAsync ({ commit }) {
      const { data } = await axios.get('http://my-api/data') 
      commit('dataUpdate', data)
    }
  }
})

export default store

動くか動かないかは置いといて(思い出しながら手書き)、こういう状況になった時コンポーネントコンポーネントと言える?

要するに Vuex.Store に依存した実装をしたコンポーネントは部品になってるのかな?とふと思った

Storybook を使った事がないのでコンポーネントカタログがどういうものなのか全然知らないんだけど、非同期な実装をした時 action にロジックを書くとコンポーネントが Vuex.Store に依存する

このコンポーネントは公開したい時 Vuex を再実装する事になると思うんだけど、そんなもんなのかね

普通こんなことしないぞバカって言われたら…うん…

まあ他は特に疑問もなく、多少躓きはあったけど Vuex 楽しくやれてるのでやって良かった、引数分割代入って Vuex やるまで知らなかったわ

おわり

プロデューサーノート電子版を作るための覚書

今のところ構成はこんな感じを想定

フロント:Nuxt.js

バック:Cloud Functions(Node.js)、firebase(Authentication、Database)

 

DB構成とかはまだあんま考えてないけど取りあえず GAE が最近 Node.js 8.x 系をサポートしたので Nuxt.js で行こうかなと

 

Cloud Functions はまだバージョンが 6.x までなのであんまり使いたくないけど楽したいししょうがないかなって感じ

 

エディタは codemirror か vueditor なる WYSIWYG なエディタがあったのでそれ

 

github.com

 

最初はめっちゃ簡単に Googleアカウント でログインして記事書いて投稿するだけの実装であとは思いつき次第機能盛っていく感じ

多分やる…どうだろう家だと埃っぽくて体調常に悪いからなぁ

 

まあ頑張ります

 

おわり

 

 

 

 

 

 

GitHubがjQuery辞めたので

やめたらしい

Removing jQuery from GitHub.com frontend | Hacker News

hacker news に流れてきたこれのコメント欄で案の定 jQuery 不要派とまだいける派の議論が交わされていて、これが面白かった

殆どが日本でも頻繁に観られる document.querySelector() への置き換えや fetch の IE 非対応の話だったが、特に面白かったのはこの部分

Most DOM manipulation in jQuery goes through jQuery.globalEval, which uses eval(). Meaning if you want to have a CSP, you have to allow unsafe-eval if you need to support jQuery. CSP is an incredibly useful tool, and it’s close to impossible to use it properly with jQuery.

jQuery が DOM 操作の際に eval() を多用しているため CSP を safe モードで使えないらしい

これは jQuery の核になる部分の仕様らしく、 .html() はどんな時でも任意のコードを実行する可能性があると

developer.mozilla.org

CSP

developers.google.com

やっぱり jQuery といえば Sizzle でのセレクタ解析が遅いとか(querySelectorが使える場合優先されるらしい)ネイティブへの置き換えとかに目が行きがちだけどもこういう深い話でのデメリットもあるんだなと

何にせよ IE が完全に死ぬ2025年までは確実に生き残るので、やめろだの使えだの騒いでも体力消耗するだけな気もするが

ちなみに僕はネイティブ使っていこう派です、長いとは言うけどエディタの補完効くし全然気にならないからね

逆に殆ど同じ形してる jQuery の構文より長いけどぱっと見構文の差で違いが分かりやすいネイティブの方が読みやすいと感じる

人に寄るかもしれん、Array.prototype は長くて冗長なのでアレ

おわり

今更朝焼けは黄金色を読んだ

読んだ

https://www.amazon.co.jp/dp/B07FD74SG9/www.amazon.co.jp

率直に言うと最高って感じ

設定は割と重めで今の765と961の確執の原因とかそこら辺も見えてくる

若かりし頃の社長と黒井のご尊顔を拝める珍しい作品、しかもピヨ子が超かわいい

f:id:apple19940820:20180728010231p:plain

エロい!

そういえば、音無琴実というピヨ子のおかんが登場する、アニマス眠り姫回で少し描写のあったあの人

f:id:apple19940820:20180728010856p:plain

日高舞さんと同世代っぽく、昔の社長(順二郎の方)と黒井二人に縁がある

正直アイマスでこういう路線の話やるとは思ってなかったから、新鮮でありちょっと違和感ある

何となくノリは箱〇版までのアイマスに近いとは思う

2以降は所謂不祥事的な展開には一切せずリアル感が薄れて完全にアイマスワールドになったけど

f:id:apple19940820:20180728005641p:plain

まだこういう描写が許される規模のコンテンツだったのもあって中々責めたコミュも多かったよね

黄金色のストーリーはそっちに片足突っ込んでるかな、決して悪い意味ではなく、今のアイマスっぽくないという

あとどっとっぷTV出てきたのが地味に嬉しかった、初めてやったアイマスは2だったし

どんどんランキング落ちていく竜宮を見るのが割と辛かったな

2巻はやくお願いします、あっあと順一郎の方も少しだけ出てきてよかったよ

おわり