NEW! 2025.03.29 働き方 マイクロソフト牛尾剛 米マイクロソフトのAzure Functionsチームに所属し、クラウドサービス開発の最前線で活躍する牛尾 剛さん。 これまで多くのメディアで「プログラマーとしてはガチで三流だった」と語り、自身の才能のなさを認めた上で「三流なりの戦い方」を突き詰めることで、ここまで駆け上がってきたという。 ところが2025年2月、自身がリリースしたnote「凄いやつになる方法」が大きな話題を呼ぶ。牛尾さんは「今までは自分がダメなのは受け入れていたが、これからはそうもいかない」と綴っているのだ。 一体、どのような心境の変化があったのだろうか。 「自分は三流」と割り切っていたはずの牛尾さんが「つよつよエンジニア」を目指し始めた背景には、変化の時代をプログラマーとして生き抜いていく際の覚悟が見えてきた。 米マイクロソフト Azure Function

はじめに React Router は、React アプリケーションにおけるルーティングライブラリのデファクトスタンダードとして長年利用されてきました。v6 で Data API が導入され、フルスタックフレームワークとしての側面が強化されましたが、v7 ではさらに進化し、Vite との統合、Single Fetch、Lazy Loading といったモダンな機能がデフォルトで組み込まれ、より洗練された開発体験とパフォーマンスを提供します。 しかし、これらの機能がどのように連携し、ブラウザのリクエストがどのように処理され、最終的にページが表示されるのか、その内部構造は少し複雑に見えるかもしれません。 この記事では、React Router v7 で構築されたアプリケーションの動作フローを、主要なパッケージやコンポーネントの役割、データ取得の仕組み、レンダリングプロセスなどに焦点を当てて、内

If you can write TypeScript, you can understand Japanese! Typed Japanese is a TypeScript type-level library that enables the expression of complete Japanese sentences through the type system. It creates a domain-specific language (DSL) based on Japanese grammar rules, allowing a subset of grammatically correct natural language to be written and verified using TypeScript's compiler. This project al

近年、Model Context Protocol (MCP)が脚光を浴びています。これは、大規模言語モデル（LLM）などのAIエージェントが、外部のツールやデータソースと安全に双方向接続するためのopenなプロトコルです。そして、MCPサーバーとは、そのプロトコルに従って外部サービスの機能やデータを公開するサーバーのことを指します。AIモデルとあらゆるデータ源との間の「橋渡し」を標準化しようという試みです。 例えるなら、MCPはAIアプリケーションにおけるUSB-Cポートのような存在です。USB-Cが機器と周辺機器を標準化された方法で接続するように、MCPはAIモデルと各種ツール・データ源を標準化された方法で連携させます。この画像がとてもわかりやすかったです。 今回は、MCPの仕組みと目的、そして生成AIの未来に与えるインパクトについて詳しく解説していきます。 MCPとは何か？ MCPの

#/-----------------[DOTENV_PUBLIC_KEY]------------------/ #/         public-key encryption for .env files         / #/    [how it works](https://dotenvx.com/encryption)    / #/------------------------------------------------------/ DOTENV_PUBLIC_KEY="03f8b376234c4f2f0445f392a12e80f3a84b4b0d1e0c3df85c494e45812653c22a" # Database configuration DB_HOST="encrypted:BNr24F4vW9CQ37LOXeRgOL6QlwtJfAoAVXtSd

はてブの総ブクマ数を定期的に監視しているが、ここ数年は順調に減っていっている。 ブクマスパムも放置されているし、めぼしい新機能や改善もない。 自分自身のモチベーションも、以前ははてブの関連サービスを細々とではあるが作る気もあったが、運営のひどさが目に付く今ではそれすら起きない。 運営からは最低限の世話しか施されず、苦痛を取り除く医療行為もときおり実施される程度で、運営としてはもはや墓標のようなサービスという認識なのだろう。 終末期も終わりに近づいている。あとはユーザーが死ぬのを待つだけだ。それではお先に。

数多くのタスクをこなしてもなぜか成果が出ない。。。。。。。 そんな経験はありませんか？ 「本当に解くべき問題（イシュー）」が曖昧なまま仕事を進めているせいで、エネルギーを空回りさせている可能性があります。 そんな状態をぶち破る可能性を秘めた一冊が『イシューからはじめよ　知的生産の「シンプルな本質」』（安宅和人 著）で、ビジネスや研究において圧倒的な結果を出す人々が持つ「問題設定力」を解き明かす書籍です。 本記事では、特にプロダクトマネージャーの視点からこのイシュー思考を深掘りし、「いま解くべき本質的な問い」をどう見極め、どう答えを導くかを具体的に解説します。複雑になりがちなプロダクト開発にこそ、このイシュー思考が不可欠と感じるはず！ 「イシュー思考」とは何か？本当に解くべき問いを立てる意義 イシューとは、「答えが出れば成果が大きく変わる重要問題」。なんとなく気になるテーマや、中途半端な疑問

2025-03-28 ENECHANGE I/O Day アウトプット大会（社内イベント）

はじめに 先日、CyberAgent主催のWeb Speed Hackathon 2025に出場しました。 Web Speed Hackathonはお題となるWebアプリケーションのパフォーマンス改善を行い、そのスコアで競い合うハッカソンです。似たようなものにISUCONがありますが、Web Speed Hackathonは主にフロントエンドの改善がメインとなっています。 ここでは参加記として改善の流れや感想などを書きます。 先にスコアの推移を載せます。途中でスコアが大きく伸びている部分がありますが、これは改善によってアプリがエラーで表示できなくなってしまった事によるものです。 また、リポジトリは以下のURLです。 環境構築・デプロイ・初期計測 以下のリポジトリをforkして始めます。アプリの内容は仮想の動画配信サービス「AREMA」だそうです。(なんか似た名前のサービスをCyberAge

言語モデルの物理学 (Physics of Language Models) とは、FAIR (Meta) の Zeyuan Allen-Zhu が提唱した、言語モデルの研究を進めるためのコンセプトです。ざっくり言うと、「あのモデルはこう」とか「そのモデルはこのモデルよりもこう」というような博物学的な知識を深めるのではなく、17世紀にケプラーやニュートンが物理学において行ったような原理に基づいた研究を進め、「言語モデルはなぜこのような振る舞いをするのか」という問いに答えられるようになるべきという考え方です。 言語モデルの物理学の特徴は大きく2つあります。 第一は、ウェブから収集したコーパスを使わず、きっちりコントロールされたデータセットを使って言語モデルを訓練するということ。ウェブは誰も全体像を理解できないほど複雑で、ノイズにまみれています。本物の物理学でも空気抵抗や摩擦があると、「鉄球は

将棋世界2004年5月号、山岸浩史さんの「盤上のトリビア　第2回　居飛車党と四間飛車党は別の人種である」より。 四間飛車が嫌いだ！ お互いを理解しあえないのは、男と女だけではなかった、という報告である。もともと私は四間飛車党を、同じ将棋を趣味とする人間とは認めていなかった。 何より四間飛車のズルさが許せない。居飛車の攻めを待ってるだけで自分から仕掛ける手順はほぼ皆無。△４二飛の上に△４三銀が乗ったあんな重い形でじっとしているふざけた戦法が、ほかにあるか。（藤井システムは居飛車が角道を止めたときだけ成立する特殊戦法である） さらにその精神構造が理解できない。居飛車が急戦でくるのか穴熊なのか、やってみるまでわからないのだ。これから指す一局をどんな展開にするか相手まかせなんて、いい加減にもほどがある。 なぜ彼らは四間飛車を指すのか？ 「そりゃ美濃囲いがかっこいいからですよ。ほら僕、名前がミノでし

人材サービスのヒューマンリソシア（東京・新宿）は世界のIT（情報技術）エンジニアの給与動向をまとめた。2024年10月時点のデータをもとにドル換算で比較すると、日本の平均年収は3万40ドル（約440万円）と世界31位だった。円安傾向が続いたこともあり、23年の26位から順位を落とした。円ベースでみても給与は減少傾向にある。ITエンジニアの賃上げは中小企業を中心に波及していない可能性がある。デー

はじめに テストライブラリであるPlaywrightを使用して、Dockerコンテナ内でVueのテストを行う方法を紹介します。 ソースコード：https://github.com/kurokimaru/playwright-introduction この記事を読んでほしい人 Playwrightの使い方を知りたい人 PlaywrightをDockerコンテナ内で実行する方法が知りたい人 Playwrightに興味がある人 テストを行う前準備 まずは、Vueアプリを作成してきます。今回は、Vueアプリ作成時に、Playwrightは入れません。後からPlaywrightを追加します。 $ npm init vue@latest Vue.js - The Progressive JavaScript Framework ✔ Project name: … playwright-introduc

「全部YAMLに書き直せ」と言われた月曜日の朝... 先日、上司から「全APIドキュメントをJSONからYAMLに書き換えて」と突然言われた時のことを思い出します。その瞬間の私の顔は...😱 「マジか...何百ものAPIを全部書き直すのか...また週末出勤確定じゃん...」 でも意外なことに、この作業は思ったほど大変ではなく、むしろYAMLの良さを発見するきっかけになったんです！今日は、JSONとYAMLの 決定的な違い と、 簡単に楽しく 変換する方法をシェアしたいと思います！ JSON vs YAML：フォーマット対決！ 変換方法の前に、まずこの2つのフォーマットの違いを見てみましょう。「案ずるより産むが易し」というように、実際に理解すれば怖くありません！ 1. 構造表現：中括弧 VS インデント JSONとYAMLはデータ構造の表現方法が全く違います。JSONは真面目なサラリーマン

Microsoftの元CEOであるスティーブ・バルマー氏は、その経営手腕で技術者肌のビル・ゲイツ氏を支えた立役者として知られるほか、社員を楽しませるためにWindows 1.0をハイテンションで売り込むCM風ムービーに出演するというユーモラスな一面も持っています。このパロディムービーで、バルマー氏はなぜか「ネブラスカ州以外で」と強調していますが、これにはアメリカならではの事情があるといわれています。 Replaying Ballmer’s whacky Windows 1.0 ad and explaining ‘except in Nebraska’ | Network World https://www.networkworld.com/article/945570/replaying-ballmer-s-whacky-windows-1-0-ad-and-explaining-exc

マイクロソフトのテクニカルフェローで、TypeScriptのリードアーキテクトであるアンダース・ヘルスバーグ（Anders Hejlsberg）氏は、TypeScriptのコンパイラを始め各種ツール群をGo言語に移植する「Project Corsa」を実施中であり、結果としてコンパイラの処理速度などが約10倍速になることを明らかにしました。 これによりTypeScriptからJavaScriptへの変換が高速になり、コードエディタでTypeScriptを記述するときの補完や検索などのコードアシスト機能も迅速になるなど、さまざまな開発者体験が向上すると説明されています。 ヘルスバーグ氏はTurbo Pascalの作者であり、その後もDelphi、C＃などの優れたプログラミング言語の開発に携わってきたことで知られています。 TypeScriptの処理速度やスケーラビリティに課題 TypeScr

1. はじめに こんにちは、りょうたです。 先週、ついに待望のDify v1.0.0が正式リリースされて、生成AIを利用したサービスや基盤開発に関わる身として大変ワクワクしております！ github.com 本バージョン注目の機能として、エージェントノード と プラグインシステム が導入されています。 エージェントノードとは、予め定義されている「エージェント戦略」を用いて、質問に応じたツールの呼び出しや複数ステップにわたる推論を自動的に実行する、新しいノードです。 今回は、Dify公式が出しているエージェンティック戦略を用いて、チャットフローを作成してみます。 1. はじめに 2. エージェントノードとは 2.1. 基本的な機能 2.2. 従来のワークフローで実現しようとした際との違い 2.3. Difyアプリの「エージェント」との違い 3. エージェントノードを使ってみた 3.1. フロ

実際にコードを用いてスタック領域とヒープ領域の概念を説明します。 person オブジェクトを宣言した時、JavaScript エンジンはオブジェクトの実体をヒープ領域にメモリ割り当てを行い、ヒープ領域にある実体への参照をスタック領域にメモリ割り当てを行います。 const person = { name: 'Taro', age: 24 }; 次のように新しい変数(newPerson)に再代入をすると参照がコピーされ、newPerson も person もヒープ領域に割り当てられた同じ実体に対する参照を持ちます。 const newPerson = person; Object.assign を使って新しいオブジェクトを生成するのは、参照コピーをしないための方法の一つで、よく使われる手法の1つです。 function getName(person) { return person.na