うしろのこの本ください

なんでもかきます

MAN vs. ペヤング

まるか ペヤング超超超超超超大盛ペタマックスを食べました。 GIGAMAXでした、そんなに苦しくないと思ったらペタの半分だった。 Amazon | ペヤング ソースやきそば 超超超大盛 GIGAMAX 439g 1ケース(8食入) | ペヤング | 焼きそば 通販 お腹が減っていたので…

Vue3と書き物の悩み

今自分はいろいろあってVue3に対応している技術書の執筆を行っている。(やってることは言っても良いとなってる)(はず) が、色々なジレンマやこの先どうなるか想像がつかない領域での作業になるのでかなり方針に迷いが出ていてなかなか進まない。なので、…

computedはどうやって読み取り専用オブジェクトを返すか

最近他でブログを書く事が増えてこちらが寂しいので最近vue-nextのコード読んで得た知見をメモする。正直読んだらわかることをブログにするのも微妙なんだけど、なんとなく書いてる。そのうち ref や reactive がどう動いているのかも書くつもり。 今回は co…

ストアーズ・ドット・ジェーピー株式会社に入社しました

5月末で株式会社ROXXを退職して、7月15日付けでストアーズ・ドット・ジェーピー株式会社に入社しました。 ストアーズ・ドット・ジェーピー株式会社はSTORESを運営する、hey株式会社を株主に持つ会社です。実質弊社がhey社。 about.stores.jp 本当は試用期間…

このカップ麺がうまい2020夏

カップ麺はうまいのでランキングをつくった カップ麺にはカップ型と丼型があって、内容量の問題でカップ型を好む傾向があります TL;DR キリマル帰ってきてくれ 1位 小笠原製粉 キリマル しっかりと味がしつつもあっさりで汁までうまい、そしてなにより麺がう…

Vueのmixinsはなぜ辛かったのか

TL;DR ES6 modules(import/export)が優秀なのでこれで良いと思う。むりに難しくする必要はない。 Vue3 からはcomposition apiを使えるけどこれもES6 modulesベースで使っていくことになる。ReactのContext的なことがしたいならinject/provideを使おう。 自分…

vue3のprovide,injectで型安全なストアを作る

vue3が本格的に使われるようになってくるとvue2系では影が薄かったprovideとinjectも流行ってくると思います。(願望) こいつらがいい感じに型で補強してあげるとより使いやすくなるので紹介します。 provide/injectって何 そもそもこいつらが何かという話…

【アロガラトリル】S8マスターランクスタートダッシュレポート

スタートダッシュで2桁まで見たので雑感です。(ニートでよかった) 新環境たのしい! #ポケモン剣盾 #NintendoSwitch pic.twitter.com/Fp5jA4lRPi— ushironoko (@shinkr0n) 2020年7月1日 自分の構築 ダイマックスエースとしてのアローラガラガラと物理受け…

Vueのテンプレートの型補完をキーボードショートカットでトグルできるようにする

Vueを触っていてVSCodeを使っているユーザーはもれなくVeturという拡張機能を入れている。 marketplace.visualstudio.com VeturはVueのオプション(methods, computedなど)の補完やスニペット、thisの型検査など開発に必要な機能の詰め合わせお得パックみた…

Vue3のinject/provideでミニマルなストアを作る

ストアの型はサボった。 github.com Vue3からinjectとprovideという関数が提供されており、(機能的にはVue2のものと同じだが)コンポネ間の状態共有が簡単にできるようになった。 ドキュメント https://composition-api.vuejs.org/api.html#dependency-inje…

vite + preactで理解するviteの依存管理

やった github.com 本当はviteで作る超速モノレポ環境!!をやりたかったが、やっていくうちに一番大事なところが微妙になったので調査の知見を残すことにした(なった) viteとは github.com そもそもviteがなにかというと、今までバンドル作ってそれをwatc…

Vue 3 + vue-router-nextを動かす

Vue 3のbeta版がリリースされて、あわせて周辺ツールがalphaからbetaへ作業中とのことだったのでvue-router動くかなと思ってやってみた。 github.com github.com 以下素振りりぽじとり github.com プロジェクトのセットアップ 必要なものをyarn addする。 ya…

font-awesomeをtree shakingする

メモ Nuxtのpluginsでfont-awesome(pro)を読み込んでいたが、脳死で全部importしていてくそでかall.jsが鎮座し虚無だった。 不要なフォントをtree shakingするようにした。 befor import '@fortawesome/fontawesome-pro/js/all' after import { dom, library…

Vueコンポーネントのmethodsだけテストする

VueはReactと違いコンポーネントからロジックを剥がそうとするモチベーションがあまり起きない作りだなーと感じている。SFCファイルに全部閉じ込めてしまった方が気持ち良い。しかしテストをmethodsやcomputedの入出力に対して行いたいものの、外出ししよう…

lernaコマンドの標準出力が微妙な時はstreamオプションをつける

TL;DR タイトル lernaはモノレポ管理下にあるpackage.jsonのコマンドを同時に実行することができる。 lerna run --scope s-* lint とするとpackage.jsonのnameがs-で始まるすべてのワークスペースでnpm run lintが実行される。(s-はオレオレパッケージのプレ…

あけおめ

12月に一回もブログ更新しなかったんですがQiitaに2本アドベントカレンダーかいてました。 Nuxt.jsで権限管理 - Qiita Composition APIってなんだ - Qiita 去年はミリシタへの課金額振り返ったりロードマップのやつ書いたりしてましたが、どちらもそれほど…

lerna link convertを理解する

最近案件でモノレポ化が盛んになっていて、自分はフロントエンド周りを少しずつ進めています。 構成はlerna + yarn workspaceの基本的なものですが社内ライブラリをパブリッシュしない方向で進めることになり、モノレポ内ですべて完結させる方針です。 で、…

Nuxtのpwa-moduleでプッシュ通知令和版

直近プッシュ通知の実装が必要になったためハマったところ中心に結果をメモる。 受け取り側 pwa-moduleはOneSignalをサポートしているため、Nuxtでプッシュ通知をやりたい場合これを使うのが一番簡単。 pwa.nuxtjs.org とりあえずpwa moduleとone signal mod…

NuxtとComposition APIとtsxで素振り

した github.com setupとtsxを紐づけるため別途プラグインが必要だが、普通にかける。 以下の流れで環境を作れる。 プロジェクト生成 npx create-nuxt-app 必要なモジュールのインストール yarn add @nuxt/typescript-runtime @vue/composition-api yarn add…

ミリオンのワンナイトクルーズはガシャと比べてコスパが良いのか確認する

クルーズのステートプランがミリシタのガシャ天井より安いと話題なので、ガシャと比べてどれくらいお得なのかをざっくり調べてみる。 ガシャは狙いのSSRが出るまで引くものとすると、"好きなSSRが出る期待値"とクルーズの値段を比べてクルーズの方が下回って…

NuxtMeetUpに登壇してきました

これに株式会社ROXX枠でLTしてきました。Composition APIについて、Nuxtと合わせて素振りした感想みたいな感じ。 nuxt-meetup.connpass.com スライド slides.com 初LTの割にはうまくやれたかなと思います。poaroファンとしてアナ尻遵守を心がけましたが15秒…

Svelte3のストアを触ってみる

自分が書いたタイミングがv3リリース後すぐだったので今のSvelteと差異があるかも。 svelte.dev つくったやつリポジトリ github.com つくったやつ ushironoko-svelte-sample.netlify.com つくったってほどでもないけど一応netlifyに投げた。 消えるフレーム…

ミリシタAPI Princess の型定義かいた

書いた。 github.com 別にDefinitelyTypedとかにはあげてないしパッケージ化もしてないので使うときはクローンするか、index.d.tsをコピペでよろしく。 ドキュメントの型を型定義ファイルに落としただけ。 api.matsurihi.me でれぽとかはやってなくて、あく…

Role-Based Access Control (RBAC) をVue.jsで表現する

元ネタ auth0.com 最近仕事で権限ごとに表示できるコンポーネントを制御する必要がでてきて、さてどうするかというタイミングでチームメンバーがRBACのことを教えてくれた。 Roleは1つ以上の権限を持ち、権限はコンポーネントの表示を制御する。まあ難しい考…

Flutter始めたので導入周りメモ

Flutterがfor webを発表し名実ともにマルチプラットフォーム対応になったのでいっちょやるかと思い立ち、環境構築した。環境はmacOS64bit。 flutter.dev FlutterはDartという言語を用いてマルチプラットフォームなGUIアプリケーションを作ることができるGoog…

auto chessやろう

面白いので皆やりましょう Dota2のおまけみたいな感じなのでDota2入れればできます。Dota2は無料なのでauto chessも無料です。 store.steampowered.com mobile版も出るらしいのでそれまでに触っておくと流行にいい感じに乗れます。 確実に流行ります。ゲーム…

令和最初の○○

令和最初の 聴いたラジオ 鷲崎健のヨルナイト×ヨルナイト www.joqr.co.jp 書いたコード github.com born-the-reiwa.netlify.com 開いたウェブサイト Twitter twitter.com 投稿したツイート 令和最初の静的Webサイトですよろしくお願いしますhttps://t.co/mZc…

Vue.jsで全然使ってない機能とかが割とあるって思って

吾輩はなんか使ってない/使う機会がないみたいなVue.jsの機能がある。理由はまだない。 最初に言っちゃうとグローバルで使うようなのは殆ど書いてない。Vue.useくらい? filter {{ message | capitalize }} <div v-bind:id="rawId | formatId"></div> filters: { capitalize: function (value) { if…

暫くTOKYO

です。インターン行ってきます。 フロントエンドのおしごとします。楽しみです。 東京おうち高いです。暮らすだけでせいいっぱいです。友達がいてよかったと思います。 自宅のPC達ともしばらくはお別れです。それが一番寂しいです。こんなに愛しているのに。…

最近のミリシタカード事情、スコアタとか

別に研究してるわけでもないので自分が感じていることだけ。間違ってたらTwitterのリプかなんかで言ってくれれば直すし、GitHubでプルリクもOK。 github.com それから旧フェス限(紬、歌織)と特化限定を比べた時の差の情報も欲しい。わかる人教えて。 スキ…