コードの現場から 〜泥臭い仕事と情熱〜

プログラムを書くことには慣れてきたけど、後で見返したときに、「誰だこんなクソコード書いたやつは。、、、俺か」という経験をした人は少なくないはず。設計が出来るようになると良いコードが書けるらしいけど、何をすればいいんだという人に向けて、設計を行う意義とその効能を語っていきます 【話した人】 ◆みかん（mikan） Androidアプリエンジニア。大学まではバッテリーの材料研究を行っていたが、大学院を中退しカラビナにインターンとして入りその後入社。 ◆んだ（nda） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆ぜろ（zero） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 【話したこと】 00:01:10 まとめ 00:01:35 免責事項 00:02:55 設計とは 00:04:55 プログラミングにおける設計 00:09:03 設計の重要性 00:15:55 良いコードは設計思考の上に成り立つ 00:22:44 設計の進め方 00:25:25 状態遷移図を書いていてよかったエピソード 00:33:27 テストを使って言葉にする 00:50:45 告知 【参考リンク】 ◆ 良いコード/悪いコードで学ぶ設計入門 https://amzn.asia/d/hUA6wdW ◆ A Philosophy of Software Design https://amzn.asia/d/gj8zPMi ◆ 良いコードとは何か- エンジニア新卒研修 スライド公開 https://note.com/cyberz_cto/n/n26f535d6c575 ◆ 一休レストランの XState 導入記 https://user-first.ikyu.co.jp/entry/2023/12/22/190342 ◆ 個人アプリの開発でやった設計の記録 https://github.com/mikanIchinose/GitHubStarViewer/issues/31

境界づけられたコンテキスト。本をいくら読んでも理解できないぞ！実際のプロジェクトを通じてしか理解することができないんだ！という話をしました。3年前にEvans本を買ってそっと本を閉じたndaが、要件定義を通じて境界づけられたコンテキストを体得した話です。 【話した人】 ◆nda （んだ） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆zero（ぜろ） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、5年前にカラビナに入社。 【話したこと】 00:01:21 はじめに結論。境界づけられたコンテキスト、本をいくら読んでも理解できないぞ 00:04:40 境界づけられたコンテキストとは？ざっくりECを例に説明する 00:09:00 境界づけられたコンテキストとモデルの話、コミュニケーションの話 00:13:00 DDD本読んでも、理解できなかったのはなぜだ？ 00:19:00 仕様に想いを馳せないエンジニア 00:20:00 DDDとの出会い。 00:21:00 要件定義フェーズから案件に入って 境界づけられたコンテキストを体得した話 00:23:35 IDDD本の章末問題やってる？ 00:25:57 納得いくまで紙に書きまくった境界づけられたコンテキスト 00:30:29 プロジェクトに途中でアサインされた時にも使える？境界づけられたコンテキスト 00:34:00 ドメインに興味を持てるにはどうしたらいい？答え出ず。。

「俺はそこそこ書けるフロントエンドエンジニアだ」とか痛いこと言っちゃうzeroさん。その自信の裏にはこれまでに積み重ねてきた時間外労働があるとのことです。プログラマーとしての生存戦略とともに、如何にして仕事を楽しくするか、その根底にあるもの、などについて語りました。 【話した人】 ◆zero（ぜろ） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、5年前にカラビナに入社。 ◆nda （んだ） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 【話したこと】 00:01:00 今月は大変だった。全然寝れなかったんすよぉ〜 00:12:43 心に灯ったキャンドルの火を消したくない 00:17:51 ぐっすり寝て起きた時の万能感がすごい 00:19:01 「睡眠は大切」という世間の風潮について思うこと 00:24:11 ndaさんのスタイル 00:27:33 時間外労働が俺をここまで連れてきた 00:32:29 仕事を面白くしたい 00:41:58 コードいじりに夢中になっていた日々を思い出せ

今回のテーマは、ユビキタス言語。ご存知、DDD本の始めに登場する重要なやつです。しかし、書籍や記事などでユビキタス言語自体についての説明は多いものの、実際の現場の話は見かけませんよね。案件で導入する時にはどんなことが大切なのか？どうやってクライアントと進めたのか？どれくらいの時間がかかるの？反省点は？など、今回は、そんなリアルな話を語りました。 【話した人】 ◆misty（ミスティ） ディレクター。 ◆nda （んだ） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆zero（ぜろ） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、5年前にカラビナに入社。 【話したこと】 00:01:00 mistyさんの自己紹介。最近は、国立演芸場で落語を聞いた 00:04:45 カラビナテクノロジーの要件定義のスタイルは？ 00:06:10 そもそも、ユビキタス言語とは？ 00:09:10 用語集って今までの案件でも作ったりしましたか？ 00:11:12 ユビキタス言語を案件にどうやって導入したの？ 00:14:57 クライアントと一緒に進めるユビキタス言語について 00:20:00 要件定義をユビキタス言語から始めるってどう？ 00:23:00 今までは業務理解の初期フェーズって、何からはじめてましたか？ 00:27:45 実際にどれくらいの時間をかけたの？ 00:29:43 ユビキタス言語の構築、実際の進め方。MTGには誰が参加した？ 00:33:50 ユビキタス言語、案件によって向き不向きある？ 00:36:15 ユビキタス言語には、どれくらい工数かかった？ 00:38:45 ユビキタス言語を初めて構築してみての反省点は？ 00:44:25 新しい取り組みを歓迎する姿勢・カルチャーが前提 00:46:40 境界づけられたコンテキストについて

カラビナテクノロジー公式ブログの中で「バックエンド不要論の主張！！」という記事がよく読まれています。主張を行った張本人のzeroさんですが、現在は違った考えを持っているようで、その事について語り、最終的にはソフトウェア開発における分業体制の話に発展しました。 【話した人】 ◆zero（ぜろ） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、5年前にカラビナに入社。 ◆nda （んだ） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 【話したこと】 00:00:18 ndaの若気の至り 00:03:23 カラビナ公式ブログが検索順位で1位を取ってた！！ 00:05:45 zeroのバックエンド不要論とは 00:15:25 zeroのバックエンド不要論への反論 00:34:33 巷のバックエンドは不要という論調 00:44:42 転職の時困るな 00:47:00 ソフトウェア開発における分業体制はグラデーション 【関連資料】 ◆バックエンド不要論の主張！！社内イベント「JS雑談ナイト」をしました vol.1 https://karabiner.tech/blog/event-report-frontend-js-night-vol1/

医薬品の試験担当という異色の経歴を持つsolさん。カラビナではテスターとしてバリバリに活躍されています。そんなsolさんがソフトウェアならではの試験の特徴を医薬品との対比で語りました。業界人からすると「普段意識してないけど、確かに！」と思えるような話が盛りだくさんです。 【話した人】 ◆そる（sol） 駆け出しのQAエンジニア。元研究職で今年からカラビナに入社。そこからテスト沼にはまる。 ◆んだ（nda） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆ぜろ（zero） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、5年前にカラビナに入社。 【話したこと】 00:01:09 1歳半の娘のギャン泣きに恍惚するゼロさん 00:04:20 医薬品の試験担当からソフトウェアのテスターに!? 00:07:47 医薬品の試験とソフトウェアテストの違い 00:18:00 ソフトウェアテストで大事なこと 00:20:13 手動テストをするうえで３つのポイント 00:54:47 実施していて課題に感じたこと 01:02:02 QAチーム立ち上げの話 01:26:33 最後に改めて伝えたいこと 【参考資料】 ◆ソフトウェアテストの教科書 https://amzn.asia/d/gg5qeeh ◆JSTQB シラバス（テストの7原則） https://jstqb.jp/syllabus.html テストの7原則、テストの心理学は読んだときに面白いなと感じました。 ◆Cypress（E2Eテスト） https://www.cypress.io/

テスト大臣のミカンさんが「ネイティブアプリは絶対に自動テストを置け！！」と力説しています。テストに絡めて、アプリ開発の難しさ、つらみ、潮流について語りました。 【話した人】 ◆みかん（mikan） Androidアプリエンジニア。大学まではバッテリーの材料研究を行っていたが、大学院を中退しカラビナにインターンとして入りその後入社。 ◆んだ（nda） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆ぜろ（zero） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 【話したこと】 ◆ミカンのテスト遍歴 ◆テスト大臣に任命された ◆Androidアプリの構成要素について ◆Androidアプリのアーキテクチャとテスト ◆ネイティブアプリのつらみ ◆モバイル開発はどこへ向かうのか 【話題に上がった技術】 ◆Jetpack Compose(宣言的UI) https://developer.android.com/jetpack/compose ◆Maestro(UIテスト) https://maestro.mobile.dev/ ◆KMP(マルチプラットフォーム開発) https://kotlinlang.org/lp/multiplatform/ 【話題に上がった書籍】 ◆単体テストの考え方/使い方 ⁠https://amzn.asia/d/fNBw5gl

若かりし日「僕の書いたコードはバグらないっす」と言ってテストを書かなかったゼロさんが、現在テストを書くようになるまでの体験談を生々しく語りました。昨今のフロントエンドのテスト手法を一通りさらえる内容になっています。 【話した人】 ◆んだ（nda） バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ◆ぜろ（zero） フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 【話したこと】 00:05:20 ぜろのテスト遍歴 00:29:28 フロントなんて真剣に書くもんじゃない理論 00:40:40 次の案件のテスト戦略はこうする 01:02:20 Next.js v13.4 App Routerというビッグウェーブ 01:10:30 テストピラミッド、アイスクリーム型、トロフィー型 01:16:50 テストは精神安定剤 【話題に上がった技術】 ◆Storybook（コンポーネントカタログ） https://storybook.js.org/ ◆Chromatic（Storybookのデプロイ先、ヴィジュアルレグレッションテスト） https://www.chromatic.com/ ◆Testing Library（コンポーネントテスト） https://testing-library.com/ ◆Cypress（E2Eテスト） https://www.cypress.io/ ◆Playwright（E2Eテスト、Cypressよりも最近はこっち推し） https://playwright.dev/ ◆Jest（テストランナー） https://jestjs.io/ja/ ◆Vitest（テストランナー、最近はJestよりこっち推し） https://vitest.dev/ ◆Next.js 13.4 App Router https://nextjs.org/blog/next-13-4 【話題に上がった書籍】 ◆フロントエンド開発のためのテスト入門 https://amzn.asia/d/6aFsU0D ◆単体テストの考え方/使い方 ⁠https://amzn.asia/d/fNBw5gl

「テストは大人のたしなみ」と豪語するンダさんが、テストコードとの馴れ初めや効用、失敗談について話しました。Web系エンジニアのリアルなテスト事情を垣間見てください！！ んだ(nda) バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ぜろ(zero) フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 話したこと そもそも、テストコードとは？ テストに学派が存在する？古典学派とロンドン学派 テストコードとの出会い 僕がテストコードを好きになったきっかけ 僕が思うテストコードの効用 テストを書いてもプロジェクトは遅くならない。むしろ加速する テストを書くときの違和感 テストは精神安定剤 テストコードにまつわる反省会 テストコードを保守する大変さ テストケースの管理ってどうしてる？ 紹介した本 テスト駆動開発 https://amzn.asia/d/3y72bRU⁠ 単体テストの考え方/使い方 ⁠https://amzn.asia/d/fNBw5gl

Rustに入門しては挫折を繰り返してきたゼロさんが最終的に辿り着いた書籍について話しました。派生してRustの入門の難しさ、WebAssemblyの未来についても語っています。 【出演】 んだ バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 ぜろ フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 【話したこと】 『RustとWebAssemblyによるゲーム開発』のおすすめポイント ３度挫折したzeroが思うRust学習の詰みポイント コンパイラ駆動開発 WebAssemblyの可能性 【関連リンク】 RustとWebAssemblyによるゲーム開発 https://www.oreilly.co.jp/books/9784814400393/ The Rust Programming Language 日本語版（Rustに入門するならまずこれ） https://doc.rust-jp.rs/book-ja/title-page.html RustでAPIを開発してみたら結構辛かった話 https://zenn.dev/praha/articles/aab4b7cbe175f0 プラットフォームを超えるWebAssembly https://gihyo.jp/dev/serial/01/technical_field/0011 出来ることは計算だけ？「WebAssembly」は一体なにが新しいのか～MIXIエンジニアが語る技術愛～ https://techfeed.io/entries/62eaae04043f5c529c56fcd4 WebAssemblyに注目 https://postd.cc/pay-attention-to-web-assembly/

『Go言語でつくるインタプリタを２周した話』というテーマで、お届けしました。 nda バックエンドエンジニア。元は国語の高校教師をしていたが、4年前にカラビナにフロントエンドとして入社。 zero フロントエンドエンジニア。元は広告の営業をしていたが、1年半のニートを堪能した後、4年前にカラビナに入社。 話したこと Go言語でつくるインタプリタに興味を持ったきっかけ Go言語でつくるインタプリタの面白さ パーサーとか字句解析とか 再帰って何に使うねんという話 再帰って気持ちいい。 なぜ同じ技術書を２周したのか？ コンピュータの理論と実装の話 紹介した本 Go言語でつくるインタプリタ ⁠https://www.oreilly.co.jp/books/97848...⁠ すごいHaskellたのしく学ぼう！（H本） ⁠https://amzn.asia/d/aDM8Uz0