うしろのこの本ください

なんでもかきます

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…

SI→スタートアップで成長感じる系男子

男子です。3月末で2年お世話になった会社を辞めてニートになろうと意気込んでいたらおかんに殴られそうになったので転職活動して今は東京のスタートアップでインターンとして働いてます。 元々はJavaとかC#でバックエンド書きつつたまにマークアップが仕事…

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 それから旧フェス限(紬、歌織)と特化限定を比べた時の差の情報も欲しい。わかる人教えて。 スキ…

退職した

した!!!!!!!!!!!!!! 俺は二―ト!!!!!!!!!!!!!!!!!!!!!!!!! 先輩に貰った宝物、大切にします。 おまけ 転職活動中ですがお金がないのでプログラミングのバイトやろうかなと悩んでいます。 Vue/Nuxtできます。依頼はDM…

人は5分間だけだったら教師になれるかも

って先日鷲崎さんがラジオで喋っててなるほどなって思った。自分は何種類くらい教師になれるだろうと思って考えて見た。 何となくだけどパブリックイメージとして教師=間違ったことを教えてはいけないみたいなところがあるから「これはできるぞ」って思った…

Vue 3.0で入る(予定の)Class APIについてのRFCを読んだ

github.com Evanが先日VueのRFCに投げたやつ。VueのコンポーネントがES6 Class Syntaxで記述できるよう拡張するというもの。 ブラウザ(CDN版) class App extends Vue { // options declared via static properties (stage 3) // more details below static…

ミリシタ担当アイドルシートをウェブでつくれるやつつくった

million-tantou-gen.netlify.com はい スコア計算機に比べて超省エネだけどまあね。 スマホで一々画像読み込んで配置してってやるよりマシだと思う。Canvasで色々やってるからスマホ対応が面倒でやってない。 ただPWAモジュール入れてるからオフラインでも動…

ミリシタのスコア計算をする簡易ツールつくった

つくった millionlive-simple-score-calc.me みりしたつーるさんのAPIと姫のAPIで成り立ってる。リポジトリはこれ。 github.com 使い方は楽曲選んで、5枚カード選んで、任意の総アピール値を入れて、計算を押す。そうすると1計算で1万回分のライブシミュ…

Element UIのel-tableでslot-scopeを使っていた人はVue2.6.xにあげるのは待った方がいいかも

先日Vue2.6.0がリリースされてv-slotが追加されたので、ついでにNuxtと一緒にバージョンアップしようとしたら既存コンポーネントが動かなくなった。 Element UIのel-tableはel-table-column内にslotを差し込むことで任意の要素を表示できる。この部分で今ま…

ミリシタライブシミュレーションAPI 「API for TD Score Calculation 」をNuxt.jsで使う

多分みんな使ってる編成とか出してくれるツールの計算部分だけAPIに切り出して公開してくれたもの。まだ試験運用らしい。 api.megmeg.work ツールの方 megmeg.work んで作った奴 github.com 使い方というか、GETで投げる時のパラメータが必要でそれの情報源…

React+TypeScriptの勉強を兼ねてポートフォリオつくった

つくった ushironoko2.me TSのサポートのお陰でほぼ実行時エラーに悩まされることはなくなったけど、Material-UIのコンポーネントの型とかで結構苦労した。 今思えば新しくReactとTypeScriptとMaterial-UIとJSXを同時に始めるってのはカロリー高い。とくに+…

ミリシタのラウンジ名でTwitterエゴサしてDiscordに飛ばす奴

最近ミリシタ関連のものしか作ってねーな github.com 前のocrの奴の流用。基盤自体が出来てるから検索ワードを変えてフィルタリング処理増やしただけ。 あとついでに全部TypeScriptで書き直した。VSCodeとの相性は評判通り物凄い良い。自製ライブラリもない…

ミリシタライブレポートから実績情報をOCRで読み取るやつ

お試しでつくった github.com 簡単な実装しかしてないけど、一応動く。技術スタックは以下 Elasticsearch Logstash Tesseract.js 詳しくはリポジトリに書いてある。Elasticsearch に Logstash が取得したライブレポートの Twitter 情報を送ってため込む。 Er…

ミリシタチームアナライザー使用感メモ

作ってるツールで実装に迷ったら、その時点でベータ版にしてある程度使ってみると良い。というわけでミリシタイベントRtF中に今作りかけのチーム編成最適化ツールを使ってみた。 その使用感メモ。リポジトリはこれ github.com 欲しくなった機能 カード能力の…

Twitterに投稿されたミリシタのプレイリザルトからGCPのVision API OCRで情報を積む試み

っていうのができそう。画像はテキストでTwitterスクレイピングした奴を Cloud Storage にため込む。んで Storage のアップロードトリガーで Cloud Functions を蹴って、Functions の内部で Vision API を呼び出すって感じ。スクレイピングも Functions で書…

Element の el-table-column に任意の要素を突っ込む方法

element ui の el-table にアイコンを表示したくて色々試した結果、死ぬほど時間を浪費したのでメモ残す。 こういうやつ <el-table :data="filteredList" max-height="960"> <el-table-column label="カード"> </el-table-column> <el-table-column label="インターバル" prop="skill[0].interval"> </el-table-column> <el-table-column label="スキル秒数" prop="skill[0].duration"> …</el-table-column></el-table>

ミリシタを褒めるだけ

アイドルマスターミリオンライブ シアターデイズというゲームをやっている。スマートフォン向けアプリで、音ゲー+3Dモデルを活用したアイドルとのコミュニケーションが基盤となったアイドル育成ゲームだ。 millionlive.idolmaster.jp 自分はP(プロデュー…

グッバイ2018年

開発ブログをまともにした

ushironoko-dev-blog.me まともというのは見ても目が腐り落ちない程度という意味です。 リポジトリ github.com 色々試せていい。やっぱり自作ブログは経験しとくとがっつり経験値貯まると思う。 このブログには余計なものは一切乗せるつもりはなくて、高速化…

【一般P向け暇つぶし用】お手持ちのChromeでミリシタのデータを回収してみよう

世の中にはWikiって奴が存在して、その中にはたくさんのゲームデータが詰まっている。非公式だけど。 これ手元に欲しくない?欲しいよね!お手持ちのChromeには超絶強力な開発者ツールが備わってます。しかも誰でも使えて完全無料!いいの?いいよ 情報を回…

聖夜なので課金と共にミリシタを振り返る

自分宛ての戒めのつもりだったけど、俺こんなに使ったんだぜっていう自己満足の自慢記事になってる。 自分が稼いだお金を自分で使いまくっただけなので文句もなし。良いコンテンツ、技術に貢献できる一番簡単な方法は金を払う事だ。 というわけでミリシタを…

エゴサ?それIFTTTで自動化できます

皆さんエゴサしてますか?僕はしません。著名な活動してる訳でもないし、巨大なミリシタラウンジのラウマスしてるわけでもないので。 でもエゴサじゃなくても定期的に検索する事はあります。イベント終わりの反応とかね。 そういうの、一々検索するのだるく…