Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方法を紹介します。 テストコードをあとから書くのではなく、 確認作業そのものをテスト生成につなげる のがこの方法の良いところです。 本記事は、Claude CodeとPlaywrightを利用したことがある方向けに書いています。 各サービスについて詳しく知りたい方は、こちらをご覧ください。 Claude CodeとPlaywrightの参考ブログ 動画で動きを紹介 モバイル表示時のハンバーガーメニューのテストを対話的に作成している例です。 こんなことができます。 生成したテストコードの詳細 この記事で作成したテストコ
いぐぞー ✈️ 旅するプログラマー @igz0 同僚A「すごい！！あれだけ苦労したエラーが一瞬で解決した！？」ｻﾞﾜｻﾞﾜ 同僚B「一体どんな魔法を！？」 俺「なにって……エラー文を読んだだけだが？」 2022-05-24 15:26:01
「AIがコードを書く時代、スクラムは本当に最適解なのか？」 この問いに、あなたは即答できますか？ 開発現場で起きている静かな革命 AIによるコーディングが当たり前になりつつある今、ソフトウェア開発の進め方そのものを見直すタイミングが来ています。 多くのチームがスクラムを採用していますが、AIが主導する開発（AI駆動開発）では、実はウォーターフォールの方が合理的なのではないか？ という問いが浮かびます。 ただし――速度は従来のスプリント並み。つまり、「遅いウォーターフォール」ではなく、「Water-Scrum-Fast」という新しい形が現実解です。 スクラムがAI駆動開発に噛み合わない理由 AIによる実装は、以下のようなサイクルで進みます： このサイクルは極端に短く、AIが生成するコードは**「曖昧な仕様」に敏感**です。そのため、要件や非機能要件をしっかり定義しておかないと、AIは暴走しま
サイト終了のお知らせ
「iCARE Dev ブログ」は、2025年2月27日をもちまして終了いたしました。 長らくご覧いただきまして、誠にありがとうございました。 今後は iCARE Official Note をご覧いただければ幸いです。
仕事をしていて、身近な人たちを助けることができたときに仕事のやりがいや楽しさを感じるという人も多いのではないでしょうか？ 今回はそんな「仕事の相談」と「チームの助け合い」が上手くなる方法について、プロダクトマネジメントコーチ森雄哉さんにお聞きしました。 とても役立つ面白い内容ですので、どうぞ最後の「まとめ」までお読みいただければと思います。 株式会社witch&wizards 代表取締役社長、プロダクトマネジメントコーチ。学生時代からプログラミングを始め、プロダクト開発の楽しさに目覚める。エンタメ、ECサービス、小売業、製造業など幅広いプロダクトに関わり、現在はよりよいプロダクトをつくるためにプロダクトチーム支援やリーダー育成を行っている。
保守性と生産性を両立する分析用SQL構造化の4原則 〜 構造化プログラミングの考え方をSQLに適用する
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!広告のデータマーケティングソリューション（以下、DMS）を開発しているデータアナリストの薄田です。 みなさんは、中間テーブル同士が複雑に絡み合い変更しようにも影響範囲を推定できず、手がつけられない分析パイプラインの保守で苦労された経験はないでしょうか？ 私のチームでは数千行におよぶ分析用SQLをリファクタリングして、保守性と生産性を両立する分析パイプラインに生まれ変わらせることができました。 この記事ではリファクタリングを通して確立した、分析用SQLを構造化するための4原則を紹介します。4原則を意識しながらSQLを書くことで、高凝集・疎結合な分析パイプラインを作ることができます。 この記事では凝集度と結合度
Not Found
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 Claude CodeとCodex、どちらを使うべきか迷っていませんか？ そこで今回、同じ要件定義のToDoアプリを両ツールで作成し、コード品質を5つの観点から徹底比較してみました。 結果から言うと、それぞれに明確な強みがあることが分かりました。 今回はその比較結果をお伝えしていきます！ なお、この収録を行っている時点では、Claude Codeの性能が一時的に低下していると言われています。 公平な比較ではない可能性があるので、修正されたら改めてチェックしてみようと思います。 忙しい人のために要約 同じToDo
mattn 大学卒業後、ソフトウェアハウスやSIerなどでソフトウェア開発に携わる。vi派生のテキストエディタVimの日本語化やプラグイン、Go言語などでOSS（オープンソースソフトウェア）の開発・コミュニティ運営に参加し、2019年からGoogle Developers Expert。2021〜2023年 GitHub Stars。著書に『みんなのGo言語』（2016年、2019年に改訂2版、技術評論社、共著）、『Go 言語プログラミングエッセンス』（2023年、2025年に改訂新版、技術評論社、単著）がある。関西在住。 X:@mattn_jp GitHub プログラミング言語の学習において、チュートリアルや書籍で基本文法を押さえたあと、「手を動かして何かを作る」というのはよくあるステップです。しかし、基礎を終えたばかりのエンジニアにとって「何をつくればその言語の特性を深く理解できるのか
世間ではデータエンジニアリングが流行しており、エンジニアからは人気が出て、企業からはその能力が求められています。 データエンジニアは、データの収集、蓄積、分析、活用に必要なデータ基盤を構築・運用する職種です。データエンジニアとして活躍するためには、非常に幅広い知識と能力が求められます。 データベース プログラミング システム開発 クラウドサービス データ分析 etc……. 私は多少データエンジニアとして経験を積んできており、業務を行う上で読んで良かったと心から思える本があったのでこちらで紹介します。どなたかの一助になれば幸いです。 初級向けデータエンジニアリング 本ではありませんが、データエンジニアリングに必要な知識がスライドやPDFに綺麗にまとまっています。初めて学ぶ方には適しています。前半のデータエンジニアリングの箇所だけ参考にして下さい。（後半はAzure製品について記載されています
GitHub Next
GitHub Next investigates the future of software development
React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計｜ハイクラス転職・求人情報サイト アンビ（AMBI）
React＋Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 遷移なく表示コンテンツを変更できるシングルページアプリケーションでは、ページの状態管理が重要になります。現在はReactによるUI構築とReduxによる状態管理を選択しているChatworkは、jQueryなどの技術的負債と共存しながら、フロントエンド設計の見直しを重ねてきました。クライアントサイド・アーキテクトの火村智彦（@eielh）さんと、エンジニア採用広報の高瀬和之（@guvalif）さんによる解説です。 クラウド型ビジネスチャットツール「Chatwork」は、2011年3月にローンチされて10年以上にわたり開発を継続してきました。このように長く続くサービスがユーザーに価値を提供し続けるには、時間経過による変化に適応するため設計の見直しが必要になります。 しかし、設計を
株式会社JMDCでモバイルアプリエンジニアをやっている @mrtry です。入社した当初、モバイルアプリチームのエンジニアは私一人だったのですが、現在では4人になりました。最近はPull Requestのレビュー数も爆増しており、とても疲弊しがちです(嬉しい悲鳴)。たいへんポイントを減らすために、最近Pull Requestまわりの運用を整えたので、今日はその話をしたいと思います。 Pull Requestのレビューがたいへん 現在、モバイルアプリチームでは、3つのプロダクトの開発をしています。各プロダクトに1名ずつassignされており、リードエンジニアとして私が一通りレビューをしている状況です。そんなこともあり「Pull Requestのレビューがたいへん」というのが最近の悩みでした。 Pull Requestのレビューをするとき、私は以下のような観点でレビューしています。 機能仕様レ
概要 「マスタリング Linux シェルスクリプト第 2 版」を読みました。 感想を書きます。 マスタリングLinuxシェルスクリプト 第2版 ―Linuxコマンド、bashスクリプト、シェルプログラミング実践入門 作者:Mokhtar Ebrahim,Andrew MallettオライリージャパンAmazon 概要 前提 目的 前提知識 読了時間 感想 次に関連で勉強すること まとめ 前提 目的 CI/CD の実力を上げるための手段としてシェルスクリプトの知識を獲得したかった 出版された当初にネットで評判が良く（こちらの記事を参考にした）、おもしろそうに見えた 特に、sed、awk あたりを入門したかった 前提知識 調べることはあっても、シェルスクリプトを体系的に学ぶのは初めてでした。 一応、1 月に「シェル・ワンライナー 160 本ノック」を読んでいました。しかし、想定よりも難易度が高
「ゲームプログラムの8～9割はすでにAIが作る。必要なのは人間の“審美眼”」LV5日野社長が若手クリエイターを激励。人材育成プログラム“トップゲームクリエイターズ・アカデミー”入学式が開催【TGCA】 | ゲーム・エンタメ最新情報のファミ通.com
一般社団法人コンピュータエンターテインメント協会（CESA）は2024年度より、世界で評価されるオリジナルのゲームIP（知的財産）・コンテンツを創出できる若手クリエイターの育成を目的に、文化庁、独立行政法人日本芸術文化振興会と連携して、ゲーム分野のクリエイター等育成プログラム“Top Game Creators Academy（トップゲームクリエイターズ・アカデミー）”（略称TGCA）の活動を行っている。 そしてこのたび、公募・選考を経て、当プログラムの対象者となる“育成クリエイター”10組（チーム5組、個人5組）と、当協会の理事会社などに所属する現役クリエイターを中心に構成される“伴走支援アドバイザー”35名が決定。その発表を兼ねた入学式が、2025年4月25日に都内で行われた。
Günther Brunner (グンタ) 株式会社サイバーエージェント | CTO室・Developer Productivity室 「日本の開発文化を最先端に」をミッションに、Developer Experience…
GitHub Copilot 導入して1ヶ月経ったので振り返ってみた - Gaudiy Tech Blog
こんにちは。ファンと共に時代を進める、Web3スタートアップのGaudiyでエンジニアをしているkodai（@r34b26）です。 今年に入ってから、AIの話題が尽きることのない、楽しい日々を送っています。それにしても目まぐるしく発展していっていますね〜 Gaudiyもちょうど1ヶ月前にプレスリリースで発表しましたが、全社的にChatGPT PlusとGithub Copilotを導入して、時代の変化に合わせたプロダクト開発スタイルを模索しているところです。 prtimes.jp （最近AIツールの模索にハマりすぎて3時に寝落ちる日々を送っています。） Twitterでも、#GitHubCopilot使えます のタグをよく見かけますし、GitHub Copilotを使い始めている企業が続々と増えているようです。 ということで、今回は、GitHub Copilot導入後ちょうど1ヶ月の運用を
モデリングとアーキテクチャの知見を積み上げて基幹システムに可変性を注入する - MonotaRO Tech Blog
こんにちは。 この記事では、2024/5/22に開催された「アーキテクチャを突き詰める Online Conference」で弊社CTOの普川がお話しした内容（ビジネスの構造をアーキテクチャに落とし込みソフトウェアに可変性を注入する〜モノタロウ基幹システム刷新の実践例）を、現場目線から改めてご紹介します。 なお、本稿の執筆は頼と尾髙が分担しておりまして、途中で急に文体が変わったな？と違和感を持たれることもあろうかと思われますが、ご容赦いただけますと幸いです。 本稿をさらに深掘りするイベントを10/4(金)に開催いたします。 ご興味ある方はぜひご登録ください。 https://connpass.com/event/328360/ 問題領域は関連システムの密結合点 分割を試みる 最初のモデルを手に入れる レイヤードアーキテクチャに沿って実装 レイヤードアーキテクチャのメリット モデルを洗練させ
はじめに こんにちは、ダイニーの ogino です。 TypeScript のコンパイラは今まで TypeScript で実装（セルフホスト）されていました。 それが TypeScript 7.0 から、Go による実装に移植され、10 倍高速になります。 本記事は、移植に関して筆者が疑問に感じた点を、GitHub discussion や TypeScript lead architect のインタビュー動画などから調べてまとめたものです。 移行の背景 今回 Go に移植される背景は、大規模な TypeScript コードベースをコンパイルする際のスピードの遅さにあります。 例えば VSCode のコードベース (150 万行) に対して tsc を実行すると、約 80 秒もかかります。 TypeScript のコンパイルは大きく以下の段階に分けられ、その内の check が特に複雑で重
t-wadaさん「質とスピード」カケハシ社内講演会 - KAKEHASHI Tech Blog
2023年9月25日、和田卓人さん（t-wadaさん）をお招きし社内講演会を開催しました。 和田 卓人さん / プログラマー、テスト駆動開発者 学生時代にソフトウェア工学を学び、オブジェクト指向分析/設計に傾倒。執筆活動や講演、ハンズオンイベントなどを通じてテスト駆動開発を広めようと努力している。 『プログラマが知るべき97のこと』（オライリージャパン、2010）監修。『SQLアンチパターン』（オライリージャパン、2013）監訳。『テスト駆動開発』（オーム社、2017）翻訳。『事業をエンジニアリングする技術者たち』（ラムダノート、2022）編者。テストライブラリ「power-assert-js」 作者。 Twitter: @t_wada GitHub: @twada 開催のきっかけ カケハシでのシステムの質とスピードの前提知識を理解し、改めてシステムの質についてチームで会話するきっかけにな
こんにちは、@TakaakiKakei です。 AIモデルが外部ツールやAPIと連携するためのプロトコルであるMCP (Model Context Protocol) は非常に便利です。しかし、従来の方法では利用時にローカル環境へ認証情報を保存する必要があり、その管理や展開に手間がかかるという課題がありました。 Cloudflareが提供するツールを活用すれば、この課題を解決し、ローカルに認証情報を持つことなくMCPを利用できる環境を構築できます。 Cloudflareによる解決策 Cloudflareは、リモートで動作するMCPサーバーを構築するためのソリューションを提供しています。詳細は以下の公式ブログ記事で解説されています。 https://blog.cloudflare.com/remote-model-context-protocol-servers-mcp/ 従来、MCPは下図
※この記事は生成AIの力を借りて編集しています。 こんにちは！「チームみらい」サポーターのせいと申します！ 普段は静岡県の沼津市でフルスタックエンジニアというシステム開発の何でも屋みたいなことをやっています。 「チームみらい」の参議院選挙に向けて「アクションボード」「AIあんの」の開発のお手伝いをさせてもらいました。 今回はその中で「AIあんの」の仕組みについての解説と、そのチャットボット版についての作り方をご紹介します。 わからないことがあればなんでも遠慮なくXで聞いてみてください！ 2025年参院選のAIあんのの最後の様子は以下で見ることができます。 はじめに - なぜ私がAIあんの開発に参加したのかきっかけは新党「チームみらい」の発表2025年の参議院選挙に向けて、昨年の東京都議選に出馬した安野たかひろ氏が率いる新党「チームみらい」が発表されました。 静岡県沼津市在住の私、去年の都議
WasmバイナリをWin/Mac/Linuxで実行可能なバイナリファイルへ変換可能に「Wasmer 3.0」正式リリース
スタンドアロンのWebAssemblyランタイム「Wasmer」の最新版「Wasmer 3.0」が正式リリースされました。 Announcing Wasmer 3.0https://t.co/Nay8Po9FXk — Wasmer (@wasmerio) November 23, 2022 Wasmerはオープンソースで開発されているWebAssemblyランタイムです。 WebAssemblyの動向を調査しているThe State of WebAssembly 2022によると、WasmerはWebAssemblyランタイムとして事実上の参照実装であるWasmtimeに続いて2番目に人気のあるランタイムとなっています。 参考：WebAssemblyアプリ開発ではRustが一番人気、用途ではサーバレスが急上昇、ランタイムはWasmtime。The State of WebAssembly
ローカルで動く大規模言語モデル(Rinna-3.6B)を使ってあなただけのAIパートナーを作ろう - Qiita
はじめに はじめまして。株式会社ずんだもんのアルバイトエンジニアのinadaです。 今日は誰でも作れるずんだもんと題してローカルPCにずんだもんAIを作ります。この記事はそのチュートリアル記事です。 (誰でもと書いてますが、RTX 3060(12G)搭載以上のPC推奨です。CPUマシンでも出来る部分はありますが非推奨です。RTX 3060(12G)のグラボは5万ぐらいで買えるので持ってなければ買っちゃいましょう。) 対象読者/記事の範囲 ローカルPCで動かせる大規模言語モデルを、学習用のデータの用意から、学習、動かすところまで一通りどんなものか、お試ししてみたい人。 自分だけの世界にただ一人だけのうちの子、またはパートナー(うちの嫁)を作り育てたい。そんな沼にはまりたい、興味がある人。 AIの仕組みや用語は当記事では解説しません。AIの用語(モデル, loss, epoch, checkp
わたし Cursor に乗り換えます
こんにちは。@tetsuro_b です。 ついについに・・・！ 私はメインの AI を Claude Code → Cursor に戻すことを決断しました！！ 長い付き合いだった「VSCode x Claude Code」とは、しばらくお別れです...。 その理由を紹介していきます。 新機能 Multiple Models の体験が良すぎる 2025年10月29日 Cursor 2.0 が発表され、その中でも「Multiple Models / Multipel Agent」機能がぶっ刺さりました。 Multiples Model は何ができる機能かと言うと「同じプロンプトで複数のモデルに対して処理を実行できます。」 例えば「Claude 4.5 Sonnet と GPT-5 Codex」を指定してプロンプトを投げると... Claude 4.5 Sonnet と GPT-5 Codex
Next.jsをVercelからCloudflareへ移行し、90%のコスト削減を実現した話 - Hello Tech
酒井です。ハローでは、プロダクトのローンチ前からAutoReserveの開発に関わっています。 この記事では、Next.jsアプリケーションであるautoreserve.comをVercelからCloudflareに移行し、月額コストを約90%削減した背景と実装の詳細を共有します。 Next.jsは比較的セルフホスティングが難しいフレームワークとして知られており、Vercelへのベンダーロックインが懸念されることがあります。Next.js 16でBuild Adapters APIが導入されるなど、セルフホスティングのハードルは徐々に下がっていますが、実運用では課題が多いのが現状です。 VercelからOpenNext + Cloudflare Workersの構成に本番環境を移行したため、現場でのNext.jsのセルフホスティングの実際について紹介できればと思います。 背景 AutoRe
可燃性が高い記事なので、長めに前提と注意を書きます。 Unreal Engineは、以下UEと略します。 前提と注意 総合的にどちらが優れているか、みたいな話はしません。 それぞれのゲームエンジンの思想については公式が言及しているものではなく、個人の感想です。 この記事にはsimpleとeasyという言葉がでてきます。こちらのスライドをご覧ください。 SimpleとEasyは違う / Simple is not Easy ですが、自分はスライドにある「easyよりsimpleを選択しよう」は必ずしもそうではないと考えています。 時間は有限なので。 グラフィックの話はしません。 AAAゲームの話もしません。開発チームが10人以下の小規模開発を想定しています。 そのため、UE本体(エンジン)のコードに手を入れるのも最終手段として考えています。実際みんなどれだけ手を入れているのだろう？ Unit
はじめに ブラウザ上で動くゲームボーイエミュレータを OCaml で書きました。以下のページで試せます。 デモページ いくつかの homebrew ROM も一緒になっているのでいろいろ遊んでみてください。おすすめは「Bouncing ball」と「Tobu Tobu Girl」です。最近のスマホならだいたい安定して 60 FPS 出るはずなので、スマホでも遊べます。 レポジトリはこちらです。 スクリーンショット なぜ OCaml でゲームボーイエミュレータ？新しいプログラミング言語を学ぶ過程で以下のように思ったことはないでしょうか？ 簡単なプログラムなら書けるが、中規模以上のコード1をどうやって書けばよいのか分からない 発展的な言語機能2も勉強しなんとなく理解した気になったが、実践のなかでどのように活用すればいいのかが分からない OCaml を本格的に勉強し始めてた数ヶ月前の筆者はまさに
RustでAPIサーバーを書くのが思ったより良い
最近いろんなところで採用事例が増えてきたRustですが、Webサービス開発でのAPIサーバーを書くのにRustは向いてないと言われたりします。Rustの第一のターゲットはシステムプログラミングでありGCがないためAPIサーバー開発でシビアなメモリ管理はしたくないというのは一理あるのですが、RustでAPIサーバーの開発を実際にやってみるとむしろ開発体験が結構いいなと感じます。パフォーマンスのために難しい所有権を無理にがんばるみたいなマイナスのイメージはほとんど当てはまらなかったです。 Rustの難しいライフタイム、所有権があまり出てこない Rustにおいて難しいとされるライフタイム、所有権といった概念があり私も書く前はかなり身構えていたのですが、これに苦しむことは思ったよりも少ないです。その要因はWebサーバーで扱う処理のほとんどがリクエスト・レスポンスモデルでデータの流れが一方向でシンプ
生成AIなんでも展示会 Vol.4 LT資料
はじめに GoogleからClaude CodeライクなCLIのCoding Agentの Gemini CLIが出ましたね。オープンソースで無料から使えるというのはとても魅力的です。 とはいえ、無料の場合は学習に使われるため、会社での利用は難しいケースもあります。 ホロラボでは社内でGemini CLIを使えるように情シス確認をしましたので、その記録として残しておきます。 各社対応は異なると思いますので、最終的には各社で調査してください。また、間違いなどあればコメントもらえると助かります。 (話のネタ的にこの記事もGemini CLIで書いてもらおうと思ったのですが、冗長になったので全部消して手書きにしてます) 結論 結論としては下記で考えています。 まずはGemini API(無償)を使って学習されても良い範囲でCoding Agentの雰囲気を試し、定額のGoogle Workspa
人「プログラムは実行してみれば良くて，『案ずるより産むが安し』です」→「機械学習の人々がこう思っているので，うちの大学のコンピュータは電気代が年間9億円かかっています」
ゆかたゆ @yukata_yu ぼんやりと考えるのが好き。数学も好き。 (欲しい→ amzn.asia/4IMLKvp) | VRChat: @yukata_yu_vrc | GPG: F40DC9582D35F123 youtube.com/channel/UCraAP… ゆかたゆ @yukata_yu 人「プログラムは実行してみれば良くて，『案ずるより産むが安し』です。」 私「機械学習の人々がこう思っているので，うちの大学のコンピュータは電気代が年間9億円かかっています。」 2022-10-07 00:25:14
AIネイティブ世代が実践してる。スマホでバイブコーディングする方法【Gemini-CLI】｜Holy_fox
はじめにこんにちは。 いちプログラマの高校生として普段から感じてる問題があります。それが外でコーディング（プログラミング）ができない！という悩みです。 電車やバス、レストランででかいMacを取り出してコーディングするような度胸は私にはありません。（邪魔になりますし…） でも、思いついたアイデアはすぐに形にしたい！ そんなこともあり、数ヶ月前から「スマホやタブレットで気軽にコーディングができたらいいな」と思っていました。この悩みが5日前に解決したので、ぜひ皆さんにも共有したいと思います 今回はこれのやり方を説明します↓ 概要 - この記事でやることわかる人にはこの項だけで伝わるようにサクッと説明します。 今回やることは 「TailscaleとOpenSSHを利用し、自宅のミニPCにスマホなどからSSH接続して、ミニPC上でGemini-CLIを使ったバイブコーディングを行う」 です。自分的に
「Ruby」開発者・まつもとゆきひろが語る、「Winny」事件の理不尽な逮捕劇「プログラミングを奪われることほど残酷なことはない」｜最新の映画ニュースならMOVIE WALKER PRESS
2002年、「Winny」と呼ばれるファイルを簡単に共有できるソフトが開発され、試用版が「2ちゃんねる」に公開される。本人同士が直接できる革新的なシステムは瞬く間にシェアを伸ばして注目を集めるが、映画やゲーム、音楽などが違法にアップロードされる事態が続出し、深刻な社会問題へ発展。著作権侵害による逮捕者もが現れるなか、開発者である金子勇も著作権法違反幇助の容疑で逮捕されてしまう。 この事件を映画化したのが『Winny』(公開中)。『ぜんぶ、ボクのせい』(22)で商業映画デビューした松本優作監督のもと、主人公の金子を東出昌大、サイバー犯罪に詳しい弁護士、壇俊光を三浦貴大が演じ、警察や検察の圧力、苛烈なマスコミ報道にもさらされながら裁判に臨む姿が描かれていく。 あるツールが犯罪に使用されるとその開発者にも罪があるのか？そして、金子の逮捕は日本の技術発展を妨げてしまったのではないのか？そんな痛烈な
はじめに こんにちは！株式会社ダイニーの Platform Team に所属しています。0tanyです。 モダンなモジュラーモノリスアーキテクチャでは、環境変数の管理が重要な課題の一つです。事業成長とともにサービス数と環境数が増加すると、その管理複雑性は指数関数的に増大していきます。 本記事では、この移行を通じて得られた知見を共有します。同様の課題を抱えるチームの参考になれば幸いです。 従来のアーキテクチャの問題点 環境別の.env ファイルと Docker イメージの管理地獄 上記が従来のアーキテクチャです。ダイニーでは飲食店向けのモバイルオーダーサービスを 4 つの環境（develop/staging/beta/production）で運用しており、それぞれの環境に対して 4 つのサービス（web、backend、backend-online-payment、backend-reser
ヤフーのユーザー5,400万人から"同意"を得るための技術（HTML/CSS/JavaScript）
こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同意」をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫について、実装上の不具合も交えてご紹介します。 なお、ご紹介する内容は、UIT × Bonfire Front-end Meetup #1 での発表が起点となっています。詳細についてより深く知りたい方は、発表資料 や Podcast をあわせてご参照ください。 会社合併と、新プライバシーポリシーのご案内 LINEとヤフー、それぞれで同意モジュールがあります。Web向けのほか、iOS・Androidアプリ向けにも提供しました。 Webの同意モジュールでは「Modal版」と「Ful
TypeScript を学習中の方に勧められる練習問題集として手頃なものがないなと思い、作ってみました。 TS の問題集としてはtype-challenges がよく話題に上がりますが、実用上あそこまでの型パズルを使うことはあまりないため、最初に取り組むにはハードルが高いです（もちろん知っていたら便利ではありますが、初学者向けではない）。 想定読者 JavaScript を書くことには慣れている TypeScript はこれから・まだ慣れていない TypeScript の基本的な型についてはすでに知っている はじめに JavaScript の機能に関する問題は扱いません。TypeScript の型システムに関する問題のみ扱います。 そもそも TypeScript についてよくわかっていない場合、サバイバル TypeScriptなどで学習から始めてみてください。 「型がつけられると何が嬉しい
HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経験したことがある人も多いのではないでしょうか？ 不要なスクロール領域ができていた スクロールバーの切り替わりで画面がガタつく これらの問題を防ぐためには、対処法のほかにどんな環境で発生するのかを知っておく必要があります。本記事では、スクロールバーの簡単な説明と、2つのよくある問題と対処法について紹介します。 スクロールバーの簡単な説明と、制作時のポイント よくある問題を紹介する前に、スクロールバーの簡単な説明と、macOSで制作する時の注意点について触れておきたいと思
Git 2.38がリリースされました。 このバージョンから大規模Gitリポジトリの操作を高速化するscalarが同梱されるようになりました。 今回はこのscalarによって、どれぐらいGitの操作が高速化されるのかを簡単に検証します。 結論から言うとgit statusが約43秒かかっていたのが約1秒で操作できるようになります。 Install Git 2.38 Git 2.38からscalarが同梱されましたので、各自の環境にあわせてInstallなりVersionUpなりをしてください。 $ git --version git version 2.38.0 Before 大規模Gitリポジトリとしてchromiumを利用しました。 普通にgit cloneしてきて、git statusを実施すると約37秒かかります。 ❯ time git status On branch main Y
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【あるある】同僚「すごい！あれだけ苦労したエラーが一瞬で解決した！？」俺「エラー文を読んだだけだが？」
AIコーディング時代の開発手法を再考する：スクラムよりウォーターフォールが向いている？ - Qiita
「仕事の助け合い」が上手なチームになろう────プロダクトマネジメントコーチ森雄哉さんに聞く。
【検証】Claude Code vs Codex：同じアプリを作ってコード品質を比較してみた - Qiita
【Go言語】死なないジョブワーカー処理～数万並行処理でも落ちない設計～
2024年版：データエンジニア向け推薦本リスト｜zono
Pull Requestの質を向上させるために行った戦略/戦術の話 - JMDC TECH BLOG
「マスタリング Linux シェルスクリプト第 2 版」感想 - msksgm’s blog
大手企業のAIツール導入の壁を越えて：サイバーエージェントのCursor活用戦略
Web版「Visual Studio Code」がオフライン動作に対応 ～PWAとしてインストール可能に／指定サイズ以下のリポジトリコンテンツを自動DLして高度な検索・定義移動も利用できる
TypeScript の Go 移植に備えて知っておくべきこと
Cloudflareで実現！ローカル認証情報不要のMCP | DevelopersIO
プログラミングなしで作る「AIあんの」（チャットボット版）｜せい
UnityエンジニアがUnreal Engine入門してみて感じた思想の違い - きゅぶろぐ
OCaml でゲームボーイエミュレータを書いた話 - Qiita
【初心者向け】ローカルLLMの色々な動かし方まとめ
Gemini CLIを会社で使う場合のプラン選択方針
🧹.env にさよなら！全てのサービス開発者が実感するビルドプロセス改善🔐⏱️⚙️
【初学者向け】具体例で学ぶTypeScript練習問題集
HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA
git statusが43秒かかっていたのを1秒に高速化する大規模Gitリポジトリの操作を高速化するためのscalarを紹介 | Act as Professional
girlsreport.net
courrier.jp
news.web.nhk
robo-navi.jp
lexusdrive.net
darucoro9216kun.hatenablog.com