タイトル通り
サイト
ソース
とっても簡単な作りなので特にいう事はないけど、Netlify は初めて使って良いなって思った
デプロイを Github のリポジトリ経由にして、ビルドコマンドで npm run generate ってやっとけば master ブランチの差分を見て勝手に更新してくれる
一度設定すれば何も考えずに push するだけでサイト自体も更新されるという...素晴らしい
せっかくだからドメインもとってみた、年 $7.7 くらい
目的としてはポートフォリオからこのブログとか Qiita に飛んでもらってこんな奴なんだなって知ってもらう事だから、面白みのない感じになっちゃったとは思う
余裕あれば弄ろうかなぁ…なさそう
おわり
今の業界に出て１年半になった
SI企業に請け負いで入ってWebだったりネイティブアプリだったりを開発案件で経験した
ぺーぺーだった頃に比べて本当に多くの事（PCに関しての知識や歴史も含めて）を学べて概ね満足してるんだけど、やっぱり自分が欲しいものはここにはないなと悟った
ただだからと言ってお前はもう用済み、さらばだ！というのも悲しいしこれまでやってきた自分に溜まったものを信じたい
学べたもの、学べなかったものを書き出して整理することで次の目標に輪郭を付けるという作業をする
…って思ったけど、結構独学で覚えたもののウェイトも大きいしそれも書く、要するに社会人になってから得たもの全部
一言感想も書いてみた
Java //メイン、別に好きではないけど9以降は結構良い
C# //かなり真剣にやってた、ドキュメントとにらめっこ
HTML、CSS、JS //業務での学びは少なかった
VB6 //多くは語るまい…
Excelマクロ //ノーコメント
Web・APサーバー
仮想環境
認証
バージョン管理
IDE、エディター //色々使って今は落ち着きました
CI/CD
issue管理
Office
こんな感じ、設計手法とか単体テストは学べなかったのとセキュリティ方面がエンカウントできなかったの心残り
ここら辺この先やっていても駄目だろうな、というのが転職の大きな動機になっていたりする
JavaScript //今の自分にとってのホームはここ
Go //超A&Gの録音スクリプトをGoで書き直したりしてた、今一番やりたい
Firebase //ConsoleのUIセンス最高ですよね
AWS //管理画面ごちゃりすぎて諦めてしまった
Heroku //knowledgeをHerokuボタンからデプロイしただけ
Docker //Linux立ち上げよと思って5秒で終わる素晴らしさ
バージョン管理
IDE、エディター
babel //React触った時はじめて１から設定したけども難しい
webpack //同上
大いにフロントに寄ってるのは業務の反動、Goは真剣にやりたいし出来れば業務の中で正しい失敗をしたいというお気持ち
一昨年から比べてほぼ別人というくらい色々変わった、社会に出てこの業界でやっていこうという決心がついたのかも
世間一般ではレガシーと呼ばれる環境に居たのもあって、新しいもの好きな元の正確が良い方に伸びたと思う
自分の中にあるどうしても達成したい目標のための知識経験は今の職場では手に入らないのが判明したので、やっと重い腰を上げたというのが最近の経緯
こうして一覧にするのも色々期待してな部分もあるし、物書きも好きだからそういうアピールしようと
Markdown も社会に出てから覚えたものだけどこれは本当にいろんなところで成果が出ていて、Qiitaに記事書いたりするようになったのも Markdown 覚えたからだしこのブログはじめたのもそう、GitHub の README だって編集できる、世界は Markdown で回っている
そこそこ長文になったけど最近 HHKB 買ってキー配列に慣れてないから練習の意味も込めてこれ書いてる
もう慣れた、最高
PFU キーボード Happy Hacking Keyboard Professional JP Type-S 日本語配列/白 PD-KB420WS
おわり
普段 Windows10 のタスクスケジューラで定期的に実行することでラジオの録音をしているが、実装が Go という事はクロスコンパイルして Linux 用のバイナリを吐く事もできる
せっかく 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 上での自動録画環境の構築は完了
そのうちバイナリもリポジトリに置く、かも
おわり
学生時代に作った超A&Gの録画スクリプトをリプレースしようと思い数年、Go で軽くものつくりしたいというのもあり重い腰を上げてやってみた
ただ Go から外部コマンドを叩いて、いくつかの設定を読み込んで RTMPDump で録画する、使い方は README に軽く書いたけど Go がインストールされてないと run も build もできない
go build してタスクスケジューラで好きな時間に起動するだけの簡単な作りにした
というのも元々の録画スクリプトは誰かが書いたVBSのフォークで無駄に設定が多く（他局のものをコールサインを渡して録画できた）今の自分には不要だったのでかなり機能を削った
所要時間30分くらい、コマンド叩く系のスクリプトなら同じ要領で作れると思う
正直外部コマンド叩けたら大抵の事が出来るし、Go ならクロスコンパイルで Linux でも Windows でも動かせるから色々作ってみようと思った
ラズパイがね、転がってるんだよね
流石に365日稼働を目指すならヒートシンク買わないとまずそうだけど…まあいいか
バイナリ公開してもいいけどまあ無駄かなと思ってるのでやりません
おわり
知見なんてTwitterにでもメモがてら書いとけと思ってたけど見返さないし、備忘録として貧弱だったのでどうせだからブログに書く
dll をマージする方法はググれば沢山でてくる
スタートアップ時に .dll とつくファイルを全て呼び出してから App.Main() を叩くよう変更する感じ
ただし注意点として .config を拾えないので log4net や 本体の .config は外だししなければならない
log4net.dll はマージされるがドメインが変わり .config が参照出来なくなるため
クライアントで撮った写真をBase64エンコードしてサーバーに投げ、呼び出す時にデコードして戻すみたいな事をする時の話
間違ってデコードの指定を JPG とかにしてしまうと情報が半分以上落ちて色味がおかしい写真が返って来る
JPG は基本非可逆なのでエンコード/デコードはかけてはだめっぽい
やるなら PNG で
最近何となく React を触ってみたりして、やっぱり仮想DOMの仕組みが気になってしまったのでちょっと読み物漁った
まあ最初は魂が震える奴から見返したりしたんだけど、この記事が一番わかりやすかったと思う
要するに、実DOMには手を一切触れないし、比較もしない
ステートフルなjsオブジェクトで表現された仮想DOMツリー(React では ReactComponent)をトラバースして必要な時だけステートレスな新しいノード(React では ReactElement)のインスタンスを生成、仮想DOMツリーを更新する
トラバースし終わったらそこから実DOMを作って古い実DOMと入れ替える、一連の処理では実DOMを弄った時に起こるスタイルの再計算やC++ネイティブコールが起きないし、新しく生成され差分計算に使われるノードはステートレスで軽い
まあ、ReactDOMComponent と ReactComponent の違いがあんまり読み取れなかったけどこんな感じだろうなというのは理解した、多分。もう少しはっきり理解したいので本買おうかと思ったけど電子書籍版がない
非常につらい、何がと言われると position:sticky がまともに動くの Firefox ぐらい
Can I use... Support tables for HTML5, CSS3, etc
Edge と Chrome は動くには動くけど thead と tr に効かないとかいうクソみたいなバグがあるし、IE は論外、Safari は嫌いなのでためしてない
どうもここら辺は足並みそろえる気ないらしく、将来的にバグが直る見込みがないので諦めた
IE に至ってはポリフィルを謳う jQuery ライブラリですら動作しなかったのでそこでキレてやめてしまった
終わっちゃうらしい
データ取得API / キャラクター - アイドルマスター データベース (情報まとめ)
こっち使えって
SPARQLって 使った事ないんだけど、これの運営は IM@Study っぽいので今度 Slack に使い方投げてみようかね
やっぱそっち方面の知識に疎いという自覚がある、RDB やら NoSQLやら RDF やらとにかくクエリと付くものに関連する事は弱い
常駐先の上司にもお前 DB 弱すぎへんか？とののしられる程なので何とかしようと思った
らしい、Babel も TypeScript もガリガリやった感じじゃないので実感薄い
mizchi 氏があげてくれていた React ハンズオンの資料を上から順にやっただけ、早速 Babel7 使ってるけど名前空間付いたくらいの認識しかないので恩恵もよく分からない
このハンズオンで得た知見としては TS と React の方が多かった、特に TS は Vue CLI v3 から開発環境の整備が進み気軽に導入できるようになったしいいタイミングかもしれない
ぶっちゃけ js ベースな React での TS の使用感と HTML ベースな Vue での TS 使用感は全然違うと思うけど
兎に角まだデコレーターに慣れない、正確には JavaScript でデコレーターを使うことに慣れない
何故かはしらんが脳内パースに普通の js の3倍くらい時間使う
js やってる時は頭が js モードになってるし Java 書いてる時はそういうモードになってるんだと勝手に思ってる
Vue CLI v3 はいいぞ
今日はここまで
おわり
むずいよねスキルセット
使えます！って、何をもって？という葛藤は誰にでもあると思う
考えられる線引きとしてはプロダクトで使ったとか、OSS に貢献したとか、もっとおおざっぱにすると趣味でやってますとか？
Java プロダクトで使こうてたで！テストは手動！というのはどっち？どっち？どこまで出来たら「できます」なのかね
ただ最近思うのは詳細は喋って伝えればよくて、スキルセット一覧なんてきっかけになれば効力として十分だろうと
これは実務3年、これは触っただけ、これは趣味で良く使ってる、等など
しっかりした採用担当者なら GitHub とかブログとか SNS とかざっと漁るんだろうし、逆にそこであーこの人このくらいで出来るっていう判断してるんだなって分かる
でも A Tour of Go 一通り舐めました！使えます！とか Progate で触れました！みたいなのは多分駄目で、本当に些細なもので良いのでモノを生み出しておくと実績になる
実績ができたら公開用のリモートリポジトリにでもまとめて置いておいてポートフォリオにリンクでも貼っときゃいい
出来るなら実績を使ってポートフォリオ作れたらベスト、web系でないと中々厳しいものがあるけども
というわけでスキルセット深く考えると難しいから、一つの線引きとして公開用リポジトリにものを置いたらクリア！使えます状態！でいきましょう
ポートフォリオ、今なら Nuxt の generate とか VuePress とかで生成した静的ページを Netlify にでもホスティングしとけば最低限そういうのできますアピールにもなっていいよね
１日あれば十分できるし、やろう、やるぞ
おわり
AAECAQcG08MCoscCz8cCze8CuPYCnvgCDEuiBP8Hm8ICysMCmccCyucCquwCuuwC8vEC4vgCs/wCAA==
ズーはカモ、メックトゥーンはドル以外ならカモ
ドルイドのメックトゥーンは装甲積まれ過ぎて8点ヒロパでも重い
兎に角ズーが多いのでヒロパと挑発で遅延できて大暴れと乱闘で良い感じにお掃除できる奇数クエウォリはとてもやりやすい
ブームシップは楽しいけど調子にのって使うとクエスト達成できず負けに繋がったりしたのでよく考えて切る
シルブロはなるべく使わないようにしていつでも大暴れできるようにしておく（シルブロで貯めた装甲勿体ないし）
戦績取ってないから貼れないけどズー相手は勝率9割はあった、20戦もしてないが
組めるなら試してみるといいかも
おわり
先行50 + 先行80の計130パックを剥いて、レジェ8枚
まあ運いい方だったと思うけど、魂箱出なかったのが痛い…
特典のゴルレジェはこの二枚だった
正直めっちゃ嬉しい、報告を見てるとメックトゥーン使ってレジェ行ってる人もいて訳が分からんが
逆にブームズーカ採用のデッキはあんまり見ない、予想と違うな
マリドルは案の定で生物学プロジェクトを１ターン目に使えると試合が壊れる事が多い
相手は低コストキープのマリガンをするので早いうちのマナ加速は相手としてはあまりうまみがない
逆にこちらは後攻であれば2ターン目にコイン切って滋養、メロン、そのまま最速究極等やりたい放題
メックパラ意識で十中八九回帰２積みなので単体バフ主体よりもトークンドルのような横に並ぶデッキの方がまだある
ヴォイドリッパーがないと虫害で詰みかねないが自然に入れられるのは今のところ限られたクラスだけな気もする
見渡す感じプリが結構辛そうで、メイジドルイドウォロローグハンターパラディン辺りは新しい構築で良い結果も出てる
ウォリアーはまだよくわかんないけど兵器プロジェクトからのハリソンで酷いアドの取り方して来たりするし全然あると思った
シャーマンは自分ではオバロシャーマンしか試してないけど強さを感じた
色々デッキ試したいけど土日かなぁ、週末には結構色んなデッキ出てきてると思うし
少なくとも前環境より楽しいです、今のところは
おわり
今回もスパムやるけど、百何枚のカードを評価すると画像貼るのだけですっごい時間がかかるので一部ピックアップしてやる
数を絞るので評価段階も３種で
☆☆☆ マジかよベンブロード
☆☆ サンキューベンブロード
☆ 生き返れベンブロード
追加されたカード全部が平均以上のパワーを持っていてヤバさを感じるドルイド
予言しますが絶対クソメロンっていう名称が流行る
ワイルドの環境もちゃんと考えるチームだと思ってたけど、こんなの出されたら今後追加される7～10マナのミニオンはシナジーを持たせ辛くなっちゃうんじゃないかな
まあ枝分かれの道滋養究極全部２枚ずつ採用する今のドルイドにとって過剰ドローなのはそうなんだけど
ともかくカード開発が窮屈になるそうなカード、言うまでもなく☆☆☆
他は特にないな、皆つえーなって感じで強いて言うならドリームペタル栽培師はぶっ壊れじゃないよソーリサンのがやばいよっていう事くらい
現時点で判明してるカードの中だとピンとくるものはないかなぁ
クモ爆弾はいい味出してると思う
本来のコンセプト外でのシナジーで強そうなカード多め、というか呪文ダメージだけど
普通にレジェ呪文が凄い
ミニオン主体のデッキに性悪と突っ込みたくなる、☆☆
雄叫び持ちのエレメンタルは強いんだけど、こいつは呪文と組み合わせてボード綺麗にした後エレメンタルシナジーに繋げられて凄い、偉い、☆☆☆
☆☆☆
ピンとくるものがないけど、普通に強いと思うのはマジウザ・オ・モジュール、プリズムレンズ、ケンゴーの無限軍団
断末魔推し、全部強いと思う
ビッグプリでやんちゃできるしプリには蘇生があるので、あと性悪で9コス出せるようになってむしろ強化、☆☆☆
無難に強いよね、パワーあふれる感じのはレジェ呪文くらい
3/3/2武器は強いってのは証明されてるんだけど、断末魔発動は流石に頭一つ抜けて強い
ミッドレンジ系のデッキでは多用されると思う☆☆
最初は不安定だしゴミだなと思ったけど新弾で出るカードがどいつもこいつも強くて評価変えた
どのデッキもパワーカードで溢れた壮絶な殴り合いになると思われるので、リソース不足対策にもなるこれは結構強いんじゃないかという予想
ただ4ターン目に使うと盤面に干渉できずに中盤迎えるのが辛い、武器握れてたら早めに使ってもいいかな
☆☆
うーん強い、エウレーカ！は微妙だとは思うけど
最近オバロシャーマンが良い成績を残していたので電流火花と雷雲の存在はかなり大きい
どちらも☆☆☆あげたいけどオバロシャマとエレメンタルのシナジー次第だな、雪の巨人もエレメンタルだし案外うまくいきそうではある
とりあえず☆☆で
あと呪文２回レジェを利用して一気にオバロして呪文石強化するとかも出来る、多彩
ぶっ飛んではないけど皆強い、強欲で謙虚な壺みたいな強さを感じるカードが多い
遂に破棄による手札リソース切れを補えるカードが与えられた
むしろこれくらいしないと破棄は機能しないんだけどね、☆☆☆で
ブームがここに来るとは思ってなかった、アーマー7は凄いよ
めちゃつよ、マナワームみたいな試合を決めるような性能とは違うけどこれ一枚でアグロがかなり萎える
☆☆
流石にメカが多いけどそれやっちゃうのって奴もいる
蟹は別に許されたわけじゃないし、こういうピンポメタ出し始めるとストッパーの存在を理由にインフレが止まらなくなる可能性もある
要するにこういうカード嫌いです、☆
強すぎる
超電磁によってすべてのクラスはアグロが出来るようになった、しかも最高のアグロ用カードがすべてのクラスで使える
ぶん回ったメックアグロ〇〇は４ターン目くらいには試合を終えて赤いリールを回してるだろう、それくらいのカード
☆☆☆じゃ足りないくらい
まあ年度最終弾なだけあってパワーカードまみれだけど、一部やりすぎな雰囲気出してるのもあるので手放しで拍手はできないかな
わくわくを恐怖が上回っている
130パック買ったけどね、皆で楽しみましょう
おわり
なんか詰まったとかじゃなくて、 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)
ＤＢ構成とかはまだあんま考えてないけど取りあえず GAE が最近 Node.js 8.x 系をサポートしたので Nuxt.js で行こうかなと
Cloud Functions はまだバージョンが 6.x までなのであんまり使いたくないけど楽したいししょうがないかなって感じ
エディタは codemirror か vueditor なる WYSIWYG なエディタがあったのでそれ
最初はめっちゃ簡単に Googleアカウント でログインして記事書いて投稿するだけの実装であとは思いつき次第機能盛っていく感じ
多分やる…どうだろう家だと埃っぽくて体調常に悪いからなぁ
まあ頑張ります
おわり
やめたらしい
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() はどんな時でも任意のコードを実行する可能性があると
CSP
やっぱり jQuery といえば Sizzle でのセレクタ解析が遅いとか（querySelectorが使える場合優先されるらしい）ネイティブへの置き換えとかに目が行きがちだけどもこういう深い話でのデメリットもあるんだなと
何にせよ IE が完全に死ぬ2025年までは確実に生き残るので、やめろだの使えだの騒いでも体力消耗するだけな気もするが
ちなみに僕はネイティブ使っていこう派です、長いとは言うけどエディタの補完効くし全然気にならないからね
逆に殆ど同じ形してる jQuery の構文より長いけどぱっと見構文の差で違いが分かりやすいネイティブの方が読みやすいと感じる
人に寄るかもしれん、Array.prototype は長くて冗長なのでアレ
おわり
読んだ
https://www.amazon.co.jp/dp/B07FD74SG9/www.amazon.co.jp
率直に言うと最高って感じ
設定は割と重めで今の765と961の確執の原因とかそこら辺も見えてくる
若かりし頃の社長と黒井のご尊顔を拝める珍しい作品、しかもピヨ子が超かわいい
エロい！
そういえば、音無琴実というピヨ子のおかんが登場する、アニマス眠り姫回で少し描写のあったあの人
日高舞さんと同世代っぽく、昔の社長（順二郎の方）と黒井二人に縁がある
正直アイマスでこういう路線の話やるとは思ってなかったから、新鮮でありちょっと違和感ある
何となくノリは箱〇版までのアイマスに近いとは思う
２以降は所謂不祥事的な展開には一切せずリアル感が薄れて完全にアイマスワールドになったけど
まだこういう描写が許される規模のコンテンツだったのもあって中々責めたコミュも多かったよね
黄金色のストーリーはそっちに片足突っ込んでるかな、決して悪い意味ではなく、今のアイマスっぽくないという
あとどっとっぷTV出てきたのが地味に嬉しかった、初めてやったアイマスは２だったし
どんどんランキング落ちていく竜宮を見るのが割と辛かったな
２巻はやくお願いします、あっあと順一郎の方も少しだけ出てきてよかったよ
おわり