よくある、「LTが3〜7件ほど行われた後、小一時間ほど懇親会が行われるタイプのイベント」の懇親会で起きる個人的あるあるをまとめました。 登壇者に話しかけたいが登壇者が埋まっていて、余った数人の人たちでグループができて変な空気になる 2×3の机に座っているとき、真ん中の2人が左右どっちの会話に属するか悩ましくなる 缶のお酒が余っても、誰も持って帰ってくれない（ので自分が持って帰るから家にあまり飲まない酒が増える） 余ってるといつも「SDGs（Sustainable Drinking Goals）ですからね！」と言って持ち帰るのだが、結果として冷蔵庫に見なれないチューハイが謎に増える。 円になって会話しているとき、1人分常に空けておいてくださいってアナウンスがあっても、実際会話している円に入るの抵抗ある 乾杯でどのグループに缶を持っていくかが運命の分かれ道すぎる 話すとき最初名前を名乗らずにい

週末にちょっとしたウェブサイトというかリンク集（？）を作った。 今回は生成AIツールをフル活用していつもより効率よく作業ができた。 生成AIツールについては日々、新しいものがヤバイすごいと宣伝されているけど、実際にどう使っているのかという情報が少ないと感じている。 なので具体的な使い方を書いてみることにした。 作ったもの 開発の概要 最終的なアーキテクチャ UI開発に生成AIツールを使う 初期デザインの参考元 デザインツールの選定と比較 Next.jsの利用 Cursorを活用した開発 データ整形にLLMを使う スクレイピング Amazonの商品データ取得 LLMの選定 動的なコードと静的なコードの使い分け TypeScriptを使わない範囲を定めた 静的サイト生成（SSG）の採用 柔軟なデータベース設計 まとめ 作ったもの 『最も重要な「最も重要なマンガ10選」10選』は「最も重要なマン

前職を辞めるタイミングで、それまで個人事業主として細々と引き受けていた仕事(技術広報のメンタリングや顧問業)をまとめて会社を作ろうとしたらタイトルの通りだったよという話をします。 freee会社設立はいいぞ 基本的にはこれに登録して、この通りにやっていくと会社ができる。 (厳密には登記後に登記簿と印鑑証明関連で所轄の税務署へ行く必要はある) このfreee会社設立は本当にすごくて、全て無料で使えてfreeeに詳しい税理士を紹介までしてくれる。 流れとしては、サービスに登録するとすぐに電話がかかってきて面談日の設定がされる。初回の面談では、会社を作る背景やなにをしたいかをユーザー(自分)から説明、freeeの方から今後の手順を説明され、不明点に答えてくれるという超手厚いもの。 基本的にはサイトにあるものの情報を集めたり決めたりして、手順どおりにポチポチ進めていくと会社が出来る。不思議だ。すご

英会話にしっかり取り組んでみようと思った。今年の3月のことだった。 正直言って取り組む対象はなんでもよかった。衛生管理者試験でも電験二種でも企業法務検定でも。その直前に受けた情報セキュリティの資格試験の勉強で身につけた学習習慣を、このままむざむざと失ってしまうのが嫌で、とにかく何かをしたかった。 そこで思いついたのが英会話。実はこの5年くらいの間、何回もトライはしてみたもののなんとなく続かなかった。しかし、学習習慣自体は身についた今だったらもしかすると、と思ったのだった。 また英会話、ひいては英語の勉強についてはずっと心に引っかかっていたことがあった。 僕が中学校に入学した時の担任は、英語教師だった。その人は入学式の後、父兄が教室に居並ぶ中「英語についてはまず、NHKの「基礎英語」を毎日聞くのをお子さんに習慣化させるようにしてください。そのうちに圧倒的な違いが出てきます」と言った。 僕も（

紹介すること TypeScriptの型を厳密に定義し、ドメインモデリングを行います。 ソースコードがドキュメントとして機能することを目指します。具体的には、Branded Typeやタグ付きユニオンなどの技法を扱います。 この記事は、TypeScriptをこれから使いこなしてみたい方向けの内容です。 紹介しないこと ドメイン駆動開発や関数型プログラミングの概念については、深くは触れません。 Make Illegal States Unrepresentable あり得る型だけを定義するという考え方です。 詳細は以下を御覧ください。 この考え方は、ほとんどのTypeScript開発に適用できると思います。 例1 仕様: すべてのユーザは、id、nameを持っている 認証されるとisVerifiedがtrueになり、verifiedDateが付与される 認証前はisVerifiedがfalse

TOPインタビューロードマップは決めきるべきじゃない。「売れない」から脱出するために、PdMがやるべきこと【エムスリー山崎聡】 エムスリー株式会社取締役CTO／VPoP　エムスリーテクノロジーズ株式会社代表取締役 山崎聡 大学院博士過程中退後、ベンチャー企業、フリーランスを経て、2006年、臨床研究を手がけるメビックスに入社。2009年、メビックスのエムスリーグループ入り以降、エムスリーグループ内で主にプロダクトマネジメントを担当する。2017年からVPoE。2018年からエムスリー執行役員。2020年からはエンジニアリンググループに加えて、マルチデバイスプラットフォームグループとデザイングループも統括。2020年より初代CDOに就任。2022年よりCTO兼VPoP。2023年より取締役。2024年よりエムスリーテクノロジーズ株式会社代表取締役。 X Speakerdeck 人はつい「楽な

「人付き合いが得意です」という方は、どの程度いるでしょう。 個人的には、 「何を話したらいいかよくわからない」 「人と話すと消耗する」 という気持ちはよくわかります。 ところで先日、シロクマ先生が、次のような記事を書いていました。 結局、人と話すとＭＰは増えるか、減るか ・人と話すと精神力(MP)が増えるか減るかは、話す内容。状況によって左右される ・もちろん、その人の性質や気質によっても左右される ・体力によっても左右される。その体力の一番無難な回復法は「休息」 この投稿の中で気になったのは、冒頭で引用されていた、以下のツイートです。 多分人と話すとMPが回復していく生き物と、人と話すとMP削れていく生き物は根本的に分かり合えないのだと思う。 — 前島賢(大樹連司) (@MAEZIMAS) August 30, 2024 「人と過ごすのが大好き」な人たちを見ると、確かに「別の人種だなあ」

めまぐるしく変化するテックの世界。技術を身に着けるうえで学ぶべきポイントや学習環境なども年々変わっています。 そこで「もしもいまの環境で、テックのことをイチから学び直すことになったら、自分はどんな風に勉強したいか」というIFストーリーを通じて、技術との向き合い方を考え直してみる企画「テック転生」。 今回は『Rust実践プログラミング入門』共著者の松本健太郎(@matsu7874)さんに“自分だったらこう進めたい、Rustの学習ロードマップ”をご寄稿いただきました。 無理なく2ヶ月でWeb開発をRustで始めるロードマップ 株式会社estieでソフトウェアエンジニアをしているmatsu7874です。2024年8月の今、イチからRustを学び直すロードマップ（あるいはリソースガイド）を考えてみました。仕事の合間にやっていくとして数週間、長くとも2ヶ月くらいでRustで開発している会社に入っても

boardというサービスが、2024年8月で正式リリースから10周年を迎えたので、振り返ってみたいと思います。 これまでも、有料導入社数1000社刻みで振り返りのブログを書いてきており、今年の頭に5000社の記事も書いたばかりなので、今回はどちらかというと、個人的な視点で思い返したことなどを書いていきます。 boardとは 見積書・請求書の作成から業務管理・経営管理などを行うことができるサービスで、主に数人〜数十人規模の小規模な会社をメインターゲットとしています。自分自身が会社を経営する上で欲しかったものを作るというところからスタートして、10年経った今でも、メイン開発者の1人として開発を続けています。 2024年9月現在の有料登録社数は5300社を超えており、以下は有料5000社突破時の振り返りです。 tamukai.blog.velc.jp また、先日、10周年のインフォグラフィックス

庫ノ林 @konobayashi 前にも書いたが。 高校生になったら、以下の事件事故の概要を知ってほしいと思う 羽越本線脱線事故 福知山線脱線事故 全日空61便ハイジャック事件 サリン事件 女子高生コンクリート詰殺人事件 ワンダーフォーゲル部羆事件 玄倉川水難事故 栃木兄弟誘拐殺人事件 グリコ森永事件 明石花火大会歩道橋事故 アガサ @agatha_ これを見たのであろう娘がコンクリート事件の概要を読んでしまい、以来不安と恐怖で通勤に支障が出るようになってしまった。　世の中の不条理や凄惨な事件を知ることが自分の身を守ることにつながったり、同じ過ちを防ぐ改善策をもたらす可能性は否定しないけど、万人におすすめしないことも強調したい x.com/konobayashi/st… アガサ @agatha_ 我が娘の不安症は重々承知の上だったので、かなり昔から「検索しては・読んではいけない」ワードを教

タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方

前田陽平👂ひまみみ👃耳鼻科 @ent_univ_ 本当に大きな問題なのですが、どうにかならないものか。僕らが手術で使う「鉗子」というものが最近注文してもなかなか入ってこなくて困ってます。聞いてみると作る職人さんが高齢化して引退してしまった、後継者もいない、とかで全然生産が追いついていないみたいです。職人さんはすぐには育たないし、なんらか良い方法はないものかと素人なりに考えましたが良い方法は思いつきません。日本の職人技術が失われていくことがそんなところにも現れるとは。ちなみに優れた器具だと本当に手に馴染んでとても手術がやりやすいです。（写真はあるメーカーのカタログで、あくまで鉗子の一例という意味です。） 前田陽平👂ひまみみ👃耳鼻科 @ent_univ_ JCHO大阪病院院長補佐・耳鼻咽喉科部長。大阪大学招聘教員。耳鼻咽喉科専門医･指導医･医学博士。アレルギー学会専門医･指導医。鼻科手

知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン

目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版（以降、ジャンプTOON Web）の開発を担当している浅原昌大（@assa1605）です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou

builderscon 2024 で発表した資料です。 動画はこちら: https://www.youtube.com/watch?v=_Prly-RAF7A&list=PLZjwpOgJkJXteFpwAbcVoQXfd2f5q-OPp --- React Server Compon…

最近はお客さんとの勉強会でDockerのドキュメントをつまみ食いして読むというのをやっていますが、改めて最新版を読んでみて、いろいろ思考が整理されました。2020年の20.10のマルチステージビルドの導入で大きく変わったのですが、それ以前の資料もweb上には多数あり「マルチステージビルドがよくわからない」という人も見かけるので過去の情報のアンラーニングに使っていただけるように改めて整理していきます。 仕事でPythonコンテナをデプロイする人向けのDockerfile (1): オールマイティ編で触れた内容もありますが改めてそちらに含む内容も含めて書き直しています。 本エントリーの執筆には@tk0miya氏から多大なフィードバックをいただきました。ありがとうございます。 基本的なメンタルモデル現代的な使い方を見ていくために「Dockerを使ってビルドする」というのはどのようなものか考えを整

背景 Next.js に App Router が導入されてから1年近くが経ちました。しかし、未だに App Router を前提として設計のベストプラクティスが定まっておらず、身近なフロントエンドエンジニアはみな「まだプロダクトに取り入れるには考えることが多いよね」という共通認識のまま止まっているような気がしています。 また、App Router が導入されるまでは、技術選定の無難な選択肢として Next.js が最有力でした。しかし、現在は App Router の設計のプラクティスが未発達なことや、オーバースペックであるという見方が出てきており、検討しなければならないことが多くなったように感じます。 そうした中で、ではその懸念というのはどのようなものがあり、導入しずらい要因に何があるのか、というところが、今回執筆を行う上での背景になります。 App Router導入で考えないといけな

撮影：岩下周平 親しい友人であれば平気なのに、上司や部下、取引先など“あまり親しくない人”との雑談やアイスブレイクに「何を話せばいいんだっけ……？」と、戸惑った経験はありませんか。 ライター・インタビュアーのいしかわゆきさんも、かつては「親しくない人との雑談」に強い苦手意識を抱いていたそう。しかし、「聞くスキル」を磨いたことで、どんな相手とでも会話をすることが苦痛ではなくなったといいます。 今回はそんないしかわさんに「聞くスキル」を中心とした、明日から使える具体的な会話のコツを教えてもらいました。 雑談が苦手でも「話を聞く」ことはできる いしかわさんは現在インタビューライターとして、さまざまな人に話を聞くお仕事をされています。ですがもともとは「他人に興味が持てず、人と関わるのが苦手」という悩みがあったそうですね。 いしかわゆきさん（以下、いしかわ）：はい。私は昔から「人と話したい」という気

「プッチンプリン出荷停止」はなぜ起きた？　“ベンダーのせい”にできない根深き問題：有識者に聞く（1/6 ページ） 近年、大手企業のERP導入失敗事例として注目を集めたのが「プッチンプリン問題」である。 2024年4月、江崎グリコは基幹システムを独SAPのERPパッケージ「SAP S/4HANA」に刷新する切り替えを実施した。ところが、この切り替えをきっかけにシステム障害が発生。乳製品、洋生菓子、果汁、清涼飲料といった「チルド食品」の受発注や出荷業務に影響が出た。その結果、看板商品であるカフェオーレやプッチンプリンなどが出荷できない事態に陥ったのだ。 多くの人は、この問題の原因をベンダーの能力不足や、企業のIT投資に対する姿勢の問題だと捉えているようだ。しかし、ERPのエキスパートである廣原亜樹氏の話を聞くと、実際はそれほど単純ではないらしい。 そもそもERPとは何なのだろうか。なぜ企業はE