npm run huequica:dev

なんか長めのはなしとか

生存報告及びシステムエンジニア業界復職の報告

こんなことを言っていたが復職した。ただ今までとは違うキャリアの形なので自分のまとめのために軽く話をしようかと
ほんとは昨日記事出せればよかったんだけど、別件でプライベートの時間を拘束されてて体力的に対応不可になったので今日になった

tl;dr

  • 実はこの発言から7月末までプログラミングを教える講師をしてた
  • 別の会社にマネージャーポジションで正社員として採用いただいた
  • claude をはじめとしたAIを使いまくっていく予定

休業判断に至った経緯

事情があって昨年4月末で前職を退職するに至った後、いろんな会社の面接を応募してみたりやりたかったことをやったりって感じで時間を使っていた

だが面接を受けていくに連れて私のプログラミングに対するモチベーションの根源(自分で書くからこそ楽しい)と昨今のAIの進化に伴う業界の人的リソースの価値基準の変化との間で無視できないすれ違いが起きていていることに気づいて悩んでいた

早い話「仕事の楽しい部分を全部根こそぎ持っていかれた」と感じていて、それが原因ですぐに戻ったとしてもモチベーションが低い状態を回復するのがしんどいと思った
先述の問題もあってお祈りをされたのが今までの就活経験で過去最高にあった
ちなみに根に持ったりは一切してないので担当者各位や友人各位はどうか気にしないでほしい

そんな感じで「別のキャリアを模索しよう」となって模索の末、プログラミングの講師の仕事をするに至った

復職経緯

具体的な情報はあまりオープンにできないので伏せるが、アルバイトでプログラミングの講師として雇ってもらっていた
だが生徒数の関係で生活を維持できるレベルに長期的に雇ってもらうのが厳しい状態となってしまい、別のバイトを増やすか復職する前提で就職活動をもう一度やるかの選択になった
その中で求職情報サイトでとある会社を見つけ、話を聞いて挑戦してみたいと思い応募、現在に至る

マネージャーポジションに就くことについて

今までフロントエンド周辺を中心としてバリバリの開発者をやっていたが、現時点でコードを書けること自体にはもはや価値がほぼ無い状況にあると考えている
それくらい claude などのAIエージェントがもたらした革命は影響が大きかった

その中で顧客の要望を仕様に落として claude でガツガツ実装を進めるマネージャーとして会社からオファーを頂いた時に

  • すでに今までのようなバリバリの開発者としてのモチベは消えているがAIを武器とした新たなスタイルを試す気力はある
  • 業界の変遷の中で発生した新しいポジション、やってみる価値は十分ある

と判断して受諾した
ちなみにこのように仕様を作ってそれを AI に渡して最速で実装して動かしていくみたいな業態を Forward Deployed Engineer というらしい

xtech.nikkei.com

肩書きがどうしてもマネージャーとなっているが自分もこれにあたる。
故に開発者としてのスタンスはあまり崩すつもりはない

リモートはやめません

基本的には今まで通りリモートベースで働く 体調崩さないように特にメンタル面は自己ケアをしていこうと思う。メンタル弱すぎなので…

なんか書いとけ

  • もう接点がなかったにもかかわらず飯など誘ってくれた人、本当にありがとう
    • 今度は自分から誘いに行きたい　待ってて
  • ゲームで繋がった人たちとはこれからも仲良くさせていただきたく思っている
  • zenn.dev にもそろそろ何かしら記事を書きたい
  • claude code を初めて会社で使ってるけどよしなに力が強すぎてやばい
    • skill とかまだ知らない概念が無限にあるので少しずつ吸収していきたいね

Linux の 1Password において OTP が incorrect と言われる

前提

  • Manjaro Linux 環境。でも多分 Arch ならどれでも起きるかも
    • Kubuntu 環境の友達に聞いた所この現象は起きてないらしい
  • Webシステム側、及びインフラに問題はない
    • iOS, Windows の 1Password でログインが通るため

tl;dr

$ sudo timedatectl set-ntp true

こちらで NTP service を active にしたら解消した

問題

  1. 例えば Twitter にログインしようとする
  2. Twitter から ID と Password を聞かれる。1Password が自動入力する
  3. Twitter から OTP を聞かれる。 1Password が自動入力する
  4. 「あ～もう一回言ってくれ」と Twitter から言われる

解消まで

原因を漁ったりしていたときにこんな投稿を見つけた。

自分ももしやと思いこちらを参照、実践してみるも解決せず。

dlrecord.hatenablog.com

ここでなんとなく timedatectl status を見たところ NTP service が inactive になってるのが気になった。
ここを activeに変えたところ(コマンドは tl;dr 参照)無事に正しい OTP を生成するようになり、無事ログインできるようになった

@leakFromSawada の最優秀産業廃棄物などをまとめる[2023年]

2024年最新

前年

huequica.hatenadiary.jp

前提事項

Q, leakFromSawada ってなに？ A, 身内の discord サーバーの特定チャンネルの発言をツイッターに流す Bot

Q, 最優秀産業廃棄物とは？ A, その年で一番

  • これはクソ
  • 大変な核爆弾
  • 怒られろ という反応が強いもの。要はうんちツイート

最優秀産業廃棄物

名誉出禁

(後日談: 本当にBANになった。)

これなに？

株式会社トップゲートを退職しました

tl;dr

  • 株式会社トップゲートを退職しました
    • 実は他の会社から転籍してトップゲートに行ってます
  • 次回は corp.wise-vine.com で働きます

退職の話

この度、勤務していた株式会社トップゲートから退職する運びとなりました。 約1年半の期間お世話になっていたことになります。

もともとは友人の誘いで別の会社に入ったのですが、転籍の形でトップゲートに入ってそこで仕事をする形になって現在に至ります。 この会社内では初めてフロントエンドまわり(フロントエンドのCI, CDなども対応範囲)を専任でさせていただく形になりましたが、最初はアーキテクチャ的な話にも気が配れず雰囲気で済ませている人間だったのですが先人の知識を数多く見ることで成長し、ここ最近で逆に教える立場になるくらいには成長できたのかなと考えています。 この会社に居たことによって多くの先人の知恵を吸収できたこと、多くの向上意識のあるエンジニアに囲まれて仕事ができたこと、上げだしたらきりがないくらい自分はこの会社で仕事したことによって得たものがありました。 本当に自分はラッキーでした。

開発者、PM陣、その他の方々には大変お世話になりました。 この場でお礼申し上げます。 ありがとうございました。 今後も個人的にであれば引き続きお付き合い頂けると幸いです。

node-jeneralize について

在籍中に起こした node-jeneralize ですが、トップゲートから退職したあとも引き続き owner としてリポジトリのメンテナンスを引き続き行っていきます。 pkfire や、最近出した mti についても行っていきますのでご支援の程をおねがいします。

to be continued...

次回予告です。Round about を流して例のところで下に流してください。

https://corp.wise-vine.com/

to be continued

@leakFromSawada の最優秀産業廃棄物などをまとめる

前提事項

Q, leakFromSawada ってなに？
A, 身内の discord サーバーの特定チャンネルの発言をツイッターに流す Bot

Q, 最優秀産業廃棄物とは？
A, その年で一番

  • これはクソ
  • 大変な核爆弾
  • 怒られろ

という反応が強いもの。要はうんちツイート

最優秀産業廃棄物

名誉出禁

これなに？

TypeScript の `String#toString` を使うと返却型が `string` にできる裏技(伊東家の食卓)

TS

なにを言ってるんだァおめー？と思っている人が居たらそれは正しくて、あたしもこのタイトルを書いておいて(コンテキスト0だとあたりまえ体操だな)となっているワケですわね。

例題

2つの等しい value を持つ object が存在するとして、共通の value のみ残した object を作りたいと思う

const values = {
    hoge: 'fuga',
    moge: 'piyo',
} as const;

const searchTarget = {
    hoge: 'fuga',
    moge: 'boeeeee',
};

// values と searchTarget で共通の value を持つキーのみ残したものを作りたい
// const newValue = { hoge: 'fuga' }; // のような

このとき Object#fromEntries と Object#entries を使って以下のような実装をすると思う

Object.fromEntries(
    Object.entries(searchTarget).filter(
        ([_, text]) => Object.values(values).includes(text)
    )
)

js のコンテキストとしては問題ない、がTS のコンテキストだとエラーになる

なにが問題？

エラー出力の内容の通りなのだが Object.values で引っ張ってきた配列の型が 'fuga' | 'piyo' になっていて Object.entries(searchTarget) で引っ張ってくる text が string のため適合しないと言われる

解法

1. toString() を経由した string へのダウンキャスト

社で教えてもらった方法。 String#toString を 利用( 悪用 ) しつつ Array#some で検索するようにする

Object.fromEntries(
    Object.entries(searchTarget).filter(
        ([_, text]) => Object.values(values)
        .some((value) => value.toString() === text) // value の定義は 'fuga' | 'piyo'
    )
)

Array の存在確認系の実装は脳死で includes() 使いがちだったのだが some() を使えば中でごにょごにょできる。 その上で value に対して toString を使う。すると型定義が string にダウンキャストされる

これによって型が適合する

2. Object.values に対してジェネリクスで string を渡す

身内の Discord のメンバーの人に教えてもらった方法。こちらはタイトルと関係ないがスマートなのでご紹介。

Object.fromEntries(
    Object.entries(searchTarget).filter(
        ([_, text]) => Object.values<string>(values).includes(text)
    )
)

Object.values が実はジェネリクスを受け取れるのでこれに string を渡してやる。 すると Object.values の返却型が string[] となるので includes() を使用しても問題なくなる。

playground

Playground のリンクを載せておくので興味がある人は触ってみると良いかも。

www.typescriptlang.org

`.eslintrc` や `.prettierrc`, `tsconfig.json` の Interface がどこに存在するのか

TS

たぶんそんなに需要がある話ではないだろうけど。たまたま触る機会があったので。

.prettierrc

Options の名前で export されているのでこれを引っ張って来ればいい。

github.com

import { Options } from 'prettier';

const option: Options = {
  semi: true,
  singleQuote: true,
  tabWidth: 2,
  bracketSpacing: true,
  arrowParens: 'always',
  endOfLine: 'lf',
};

ちなみにこの型定義は prettier をインストールするだけで参照できるようになる。Prettier 側が自動で入れるように指定しているのか、はたまた何かがフックされているのかは分からん。

.eslintrc

こちらは module ではなく Linter という namespace 内部で定義されている。

github.com

import { Linter } from 'eslint';

type BaseConfig = Linter.Config;
type RuleRecord = Linter.RuleRecord;

const config: BaseConfig = {
  root: true,
  env: {
    es6: true,
    node: true,
  },
  // 以下省略
}

const addRule = (rule: RuleRecord): void => {
  config.rules = {
    ...config.rules,
    ...rule,
  };
);

多少雑なコードを書いたがこんなイメージだろうか こちらは @types/eslint が必ず必要なので別でインストールが必要

tsconfig.json

一番探すのに苦労した。最終的には pkg-types というモジュールが提供していたのでこちらを使うことになるのかなという気持ちだった。 ちなみに tsconfig.json の interface 以外にも package.json の型定義も提供しており、それのアクセスメソッドや生成メソッドも提供している中々に有益そうなパッケージとなっている。

github.com

www.npmjs.com

tsconfig の型定義は TSConfig という名前で export されているので、以下コードで引っ張ってきて使うことができる

import { TSConfig } from 'pkg-types';

const config: TSConfig = {
  compilerOptions: {
    module: 'commonjs',
    target: 'ES2018',
    // 以下省略
  },
};