jay-es

2025 年ふりかえり

仕事

2 年ほど取り組んでいたプロジェクトがようやくリリースできた（大規模なわけではなく上の都合で仕様やスケジュールがコロコロ変わって時間がかかっただけ）。夏頃から新しいプロジェクトが 2 つ開始され順調に進んでいる。 今まで全社で集まったことがないし数名は実際に対面したこともない状態だったので「創立 n 周年なので」と理由をつけてほぼ全員集めることができてよかった。

OSS, コミュニティー

引き続き Vue.js と Vite の日本語ドキュメント翻訳を対応した。 前者は 103 PR、後者は 192 PR 作成したらしい。 7 月ごろから Claude Code を活用し始め、試行錯誤しつつ自動化を進めた。

jay-es

#v:: ; win + v
Send, {Up}
Sleep, 150
Send, j
Sleep, 250
Send, k
Sleep, 750
Send, j
Sleep, 500
Send, j

jay-es

2024 年ふりかえり

仕事

会社の都合で進捗の緩急が激しかった。
時間のあるときにリファクタリング的なことをたくさんできたのはよかった。
デザイナーが作った Figma のコンポーネント分解や整理などもよくやった。
テスト端末を借りるため、一度だけ出社した。
JSer.info の読み合わせを開始できた。その後、フレームワークアップデート内容やプロンプトエンジニアリングガイドなどの読み合わせも開催されるようになった。

Vue コミュニティ

jay-es

2023 年ふりかえり

良かった技術書

• リファクタリング第 2 版
  • 第 1 章が特によかった
  • 共通部分をまとめるのとは逆に「関数や変数をいったんインラインに展開する」という手法は目からウロコだった
• フロントエンド開発テスト入門
  • テストの観点や実際の書き方が分かってよかった
  • 仕事中にもよく参照していた
• なっとく！関数型プログラミング

jay-es

2022 年ふりかえり

プログラミング関連

• Rust 再入門（3 月、9-10 月）
  • 技術書のコードを写経したり the-super-tiny-compiler の移植をした
  • ライフタイムなどの理解が進んた
  • よく「書いていて楽しい」と言われるが、「コンパイルが通ったときの達成感」という感覚なのかなと分かってきた
• IE 卒業式に参加（6 月）
  • 久しぶりのオフライン勉強会
• 終わった後 uhyo さんがいたのでブルーベリー本にサインをいただいた

jay-es

type User = {
  name: string
  age: number
  premiumUser: boolean
}

const data = `
uhyo,26,1
John Smith,17,0
Mary Sue,14,1

jay-es

2021 年ふりかえり

今年あったことを色々まとめておく。

プログラミング

• 6-9 月、SolidJS を触る。React, Vue, Svelte の長所を合わせた感じで好感触。短所はまだマイナーなのとエコシステム周り。Next.js, Nuxt, SvelteKit のようなフレームワークができたら普及しそう
• 9-10 月、Rust が流行っているので入門。所有権とライフタイムで何度かハマった。一通り使って小さいプログラムを完成させたが、巷で言われるような「書いていて楽しい」の境地には至れなかった。いずれまた触りたい
• 11-12 月、OCaml 入門。関数型言語を触ってみたくなり、比較的簡単らしい言語をチョイス。書籍「プログラミングの基礎」を読みながら学んだ。演習問題があり実際に手を動かしながら進められてよかった。型推論すごい。式指向だったりパターンマッチを見て「Rust で見たやつだ！」ってなった（順番が逆）。一通り読み終えたので他の本なども読みつつもう少し深堀りしていきたい

今年は他に、Vue+TSX、Vercel serverless functions、petite-vue、PWA、CSS in JS 各種ライブラリなども触った。

jay-es

const { ApolloServer, gql } = require('apollo-server');
const casual = require('casual').ja_JP;

const typeDefs = gql`
  type Query {
    person: Person!
    persons: [Person]
  }
  type Person {
    id: Id!

jay-es

<?php
	function __get_trace_info() {
		$traces = debug_backtrace(NULL, 3);
		$trace = $traces[$traces[2]['function'] === $traces[1]['function'] . 'e' ? 2 : 1];
		return [$trace['args'], "{$trace['file']}:{$trace['line']}"];
	}


	function _vd() {
		$org_ini = ini_get('xdebug.overload_var_dump');

jay-es

// 商品リストに割引率を追加
document.querySelectorAll('.a-price[data-a-color=secondary]')
  .forEach((el) => {
    const elFull = el.querySelector('.a-price-whole');
    const elDiscount = el.previousElementSibling.querySelector('.a-price-whole');

    if (!elFull || !elDiscount) {
      return;
    }