2025年デザインはもう融けた。｜坪田 朋
年末年始に、知人デザイナーたちと話して盛り上がった内容をまとめてみる。この記事は2016年に発売された「融けるデザイン」のアンサーnote。 融けた時代のデザイン戦略『融けるデザイン』が発売されてから10年弱。いま2025年を迎え、「デザインはもう融けた」と感じる。 当時は「デザイナー＝ 見た目をキレイにしてくれる人」というイメージが圧倒的に強かったので、僕もデザイン組織の作り方や体験の重要性を発信してきた。 ただ、最近は周りを見渡すと、経営者やプロダクトマネージャーやBizDev、エンジニアたちまで「どうしたらユーザー体験を最高にできるだろう？」と考えているし、デザインを軽視する人はもう少ない。 たとえば、IoT家電を作るときにデザイナーがハードウェアだけ考える仕事がピンとこないのは、ユーザーにとってはハードの見た目だけではなく「アプリの操作感」や「クラウドに連動したサービス体験」の方が
ESLintがセグフォする件を調査していたら、Node.jsにコントリビュートしていた話 - CARTA TECH BLOG
はじめに こんにちは、サポーターズでエンジニアをしている@y_chu5です。 本記事では、当初ESLintのバグと思われていた問題が、実はNode.jsのバグであることが判明し、その修正に至るまでの過程をご紹介します。この体験を通じて得られた知見は、小中規模なプロジェクトのデバッグ手法として参考になるかもしれません。 まず、この問題の発見と初期調査において、VOICEVOXコミュニティのコミュニティサーバーの方々の多大なる貢献があったことを深く感謝申し上げます。彼ら彼女らの綿密な調査と報告がなければ、今回の問題解決には至らなかったと考えています。 問題との出会い 私の所属している VOICEVOX（テキスト読み上げ・歌声合成ソフトウェア）のコミュニティである 「VOICEVOX Communty by Discord」の開発雑談チャンネルで、とても気になるIssueについての話題が挙がって
Arcブラウザを仕事で使う
ArcはChromeをベースにしたWebブラウザです。ベースこそChromeですが、独自に大幅なカスタマイズが施されており、見た目や使い心地はChromeと大きく異なります。 一方で、拡張機能はChromeのものがそのまま使えるため、移行は比較的スムーズに行えるでしょう。 Arcは独特のUIを採用しているため、最初は少しとっつきにくいと感じる方もいるかもしれません。そこで本記事では、Arcを仕事で活用するための具体的なテクニックを紹介します。 Spaceを分ける Arcには「Space」という機能があり、用途ごとにブラウザの作業環境を完全に分離できます。Spaceを切り替えると、タブやピン留めしたページなどのコンテキストがすべて切り替わるため、「開発業務モード」と「その他の業務モード」を明確に切り替えられます。 私の場合は下記のようにSpaceを使い分けています。 開発業務のSpace そ
Gooseとは何か block.github.io BlockのAIチームが開発していたAIエージェント「Goose」が先日公開された。 これは、Rustで書かれたコマンドラインとウェブサーバーのコアモジュール、それを呼び出すElectron製のデスクトップアプリという構成になっている。 ユーザーは対話型シェルやデスクトップアプリのチャットUIを通じて、Cline*1やOnlook*2のようにローカルファイルを編集しながらコーディングをアシストしてもらう。 12月時点ではコアがPythonで書かれていたが、ベータリリース時にRustで書き直された。どうやらユーザー環境にPythonをインストールしてもらう必要があるのを避けたかったようだ*3。 github.com Gooseのコントリビューターなんか大人数で作っている・・ Gooseの目新しい点は、VS Codeなどのエディタから独立した
型安全にクエリパラメーターを扱う nuqs
型安全にクエリパラメーターを扱う nuqs 2025.01.25 フロントエンドの状態管理のパターンとしてクエリパラメータを信頼できる唯一の情報源(single source of truth)として扱うことがあります。ですが、クエリパラメーターの型が文字列であるため、型安全性が保証されないという課題があります。この記事では `nuqs` というライブラリを使用してクエリパラメーターを型安全に扱う方法について解説します。 フロントエンドの状態管理のパターンとしてクエリパラメータを信頼できる唯一の情報源(single source of truth)として扱うことがあります。つまり、useState などの React の状態管理フックを使用してメモリ上に保持した状態を使用するのではなく、location.search などでクエリパラメーターを取得し、それの情報を元に画面を描画するというこ
公開日 2025/01/10更新日 2025/01/09AWS Amplify Gen 2入門- AWS社員が解説する詳細ハンズオン みなさんこんにちは。AWS Solutions Architectの吉村です。 私たちは、お客様から日々開発に関するさまざまな相談をいただきます。例えば、バックエンドエンジニアの方であれば、「バックエンド環境構築のためのコマンドリストやドキュメントの作成、整備はとても負担」。フロントエンドエンジニアの方であれば、「UIやロジック開発についてよくわかるが、AWSサービスを利用したバックエンド構築は複雑でよくわからない」「チーム開発をしており、検証用のバックエンド環境をAWS上に用意したいが、開発者同士でAWSリソースの競合が発生したり、環境を壊してしまったりしないか不安」などです。本記事では、これらの問題を解決する一つのアプローチとして、AWS Amplify
DeepSeek API 価格表 （2025/01/20時点） ちなみに、V3モデルはキャンペーン価格で2月8日まで割引価格となっており、さらに安価に利用できる。 例えば Claude 3.5 Sonnet は、1M入力 $3 、1M出力 $15 （非キャッシュ価格）なので、V3が超低価格なのはもちろん、推論モデルのR1ですら競合他社のチャットモデルより大幅に安価になっている。 DeepSeek API を LibreChat で使う：カスタムエンドポイント作成手順 APIを使用する例として、当サイトでも過去に紹介したことのある「LibreChat」にて、DeepSeekのAPIを使って、R1モデルとV3モデルを呼び出せるようにしてみる。 LibreChatは、あらゆるLLMのAPIを、一つのWebインターフェースで利用できるようにするオープンソースのチャットUIだ。 OpenAI Cha
歌えるAI作曲ソフトにオープンソースの波。SunoとUdioのライバル「YuE」は日本語楽曲にも対応（CloseBox） | テクノエッジ TechnoEdge
歌詞と音楽スタイルを入力すると、ボーカル入り楽曲を生成できるAI作曲ソフトにおいてはSunoが頭一つ抜けていて、Udioがそれを追う形です。オープンソース版としてはStable Audioなどがありますが、まだ質が低く、歌唱もできない状態。 そこに、オープンソース版でSuno並に品質が高くて歌もうたえるAI作曲ソフト「YuE」が登場。Multimodal Art Projectionと香港科技大学（HKUST）が共同開発したものです。 Yueとは、音楽を意味する中国語。英語、中国語（広東話・普通話）、日本語、朝鮮語をサポートしています。 GitHubでコードを、チェックポイントはHugging Faceで公開しています。現行バージョンでは30秒の楽曲を生成するのにRTX 4090でおよそ6分かかります。 生成可能な曲の長さは最長で5分。Sunoが4分なのでそれ以上ということになります。 現
TypeScriptで作る自動運転UI
こんにちは！チューリングでソフトウェアエンジニアをしている太田です。 自動運転システムの開発を手がけるチューリングでは、大規模な GPU クラスタでトレーニングされたモデルが日々リリースされ、実車環境でのテストが行われています。 自動運転と聞くと、ハードウェア寄りの技術を連想するかもしれませんが、チューリングの自動運転開発においてWeb系の技術もさまざまな場面で活用されています。 近年、UI開発においてWebブラウザが利用される場面が広がっています。チューリングの自動運転システムにおいても例外でなく、Webフロントエンドの技術を用いてUI開発が進められています。この記事では、チューリングの自動運転システムのUIに焦点を当てて、その背景や構成をコードとともに解説します。 1. E2Eモデル チューリングでは「E2E(End-to-End)」と呼ばれる自動運転モデルを開発しています。カメラ画像
はじめに 今回は、いつも楽しく拝見させていただいている「100秒テック」のakiさんとコラボしました！ まずは、とにかく動画をご覧ください！ 他にも役立つフロントエンド関連の技術動画がたくさんあるので、いいねとチャンネル登録をよろしくね！（言いたかったｗ） この記事では、タイトル通り、React19のチートシートとして活用いただけるように仕上げました。またサンプルコードは、できるだけ理解しやすいようシンプルにして、React環境にコピー&ペーストするだけで動作するようにしました。 動画と合わせて、この記事もReact 19の理解を深めるのに役立てていただけると嬉しいです。ぜひ、最後までご覧ください！ アクション アクションは、React 19を理解する上で欠かせない重要な概念です。このアクションを基盤として、様々な機能が追加されています。そのため、React 19で追加された機能を活用する
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? タイトルは私の主張ではないです。 “Don’t Start a Career as an AI Prompt Engineer"「プロンプトエンジニアをめざすな」からの引用です。 https://spectrum.ieee.org/prompt-engineering-is-dead "AI Prompt Engineering Is Dead"というなかなかなタイトルの記事です。 3行で プロンプトエンジニアリング(LLMに最適な指示（プロンプト）を与え、望む出力を得るためのテクニック)はchatGPT登場あたりにめっちゃもてはやされ
Jack Wallen （Special to ZDNET.com） 翻訳校正： 編集部 2025-01-16 07:00 5. 「GNOME Tweaks」 「GNOME」デスクトップをカスタマイズ デスクトップでも、さまざまなものを自分の望み通りにカスタマイズしたい人にとって、GNOME Tweaksは必須のアプリである。GNOME Tweaksでは、GNOMEデスクトップの外観、フォント、キーボードとマウス、PCの起動時に立ち上げるアプリケーション、ウィンドウのタイトルバー、ウィンドウ、電源設定、タッチパッドの動作など、さまざまなものをカスタマイズできる。 GNOMEを最大限に活用したいのなら、GNOME Tweaksは最初にインストールすべきアプリの1つだ。GNOME Tweaksはディストリビューションの標準リポジトリーに含まれているので、GNOMEベースのすべてのデスクトップマ
この記事は、Liam ERDのブログ Introducing Liam ERD からの翻訳記事です。 私たちは Liam ERD というデータベース設計のための新しいツールを開発しており、ついこの度リリースしました！その紹介をさせてください。 TL;DR データベースのテーブル構造を可視化する ER 図を自動生成するツール Liam ERD をリリースしました Web 版: パブリックリポジトリの場合は https://liambx.com/erd/p/github.com/mastodon/mastodon/blob/main/db/schema.rb ですぐに試せます CLI 版: プライベートリポジトリ用として、Prisma + GitHub Actions + Cloudflare Pages のデプロイ方法も紹介 なぜLiam ERDを作ったか ソフトウェア開発において、ER 図
こんにちは。食べログでAndroidアプリのテックリードをしているsadaです。 今回は食べログAndroidアプリの自動テスト戦略についてご紹介したいと思います。 目次 そもそもテストコードはなぜ必要なのか テストコードにおいて大事なこと 自動テストの信頼性 できるだけ早い段階で検出する 継続的な保守 食べログAndroidアプリの自動テスト戦略 テストコードを書く文化を根付かせる 一番欲しいフィードバックを考える バランスよく積み上げられる 実際進めてどうなったか まずはSmallテスト主軸に 次にMediumテストでカバー範囲を広げる 今後の展望 Largeテストを作り、手動テストを減らしていく フィードバックを早める テストの信頼性をより高める まとめ そもそもテストコードはなぜ必要なのか まず自動テスト戦略のお話をする前に、テストコードがなぜ必要なのかについて考えてみましょう。
1月20日（日本時間）に登場した大規模言語モデル「DeepSeek-R1」に、AI開発者やユーザーたちが驚いている。中国のスタートアップDeepSeekが開発したこのモデルは、分野によっては米OpenAIの「o1」に匹敵するとうたう性能が特徴。モデルは無料でダウンロードも可能で、商用利用も認められている。 DeepSeekはChatGPTに似たチャットUIも無料で提供しており、同サービス上では、現時点ではo1と併用できないWeb検索機能も利用できる。つまり、OpenAIをはじめとした他社のハイエンドモデルに近い性能のモデルがスタートアップから突然公開され、さらに同等以上の機能とコストパフォーマンスを持つサービスとしてもリリースされたわけだ。 それだけでも衝撃だが、開発コストや地政学的リスクなど、業界に影響を与える話題は枚挙にいとまがない。世界中のハイテク株に影響を与えた可能性も出ており、S
画像生成AIのFlux Pro 1.1を使用したAIロゴジェネレーター「Logo-creator.io」が登場、ハイクオリティなロゴが数秒でザクザク生成可能
オープンソースの生成AIモデルを構築するためのクラウドプラットフォームTogether AIが、画像生成AIの「Flux Pro 1.1」を利用して、サクサクロゴ生成ができるAIロゴジェネレーター「Logo-creator.io」を公開しました。 Logo-creator.io – Generate a logo https://www.logo-creator.io/ Logo-creator.ioを利用するには、上記URLにアクセスして「Sign in」をクリック。 サインインにはGoogleアカウントもしくはメールアドレスを利用します。今回はGoogleアカウントを利用するため、「Continue with Google」をクリック。 「次へ」をクリック。 するとLogo-creator.ioが利用可能となります。 まずは画面上部の「COMPANY NAME」部分に、作成したいロゴの
Browser UseのWeb UIを使いながらAIエージェントの業務システムへの適用を考える | DevelopersIO
はじめに ブラウザ操作を自動化する「Browser-Use」は、Pythonコードから呼び出すことができるツールです。生成AIの機能を使って非常に簡単にWebサイトを操作することができます。今回は、この機能を更に簡単に利用するためのWeb UIが公式からリリースされましたので試してみます。動作確認をしながら業務システムへの適用も考えてみたいと思います。 セットアップ Githubから必要なコードを取り出してセットアップを行います。 PC環境は以下です。 ・macOS Sequoia 15.2 pip install --upgrade pip pip install uv uv venv --python 3.11 source .venv/bin/activate git clone https://github.com/browser-use/web-ui.git cd web-ui
遠回りしたことは決して無駄にはならない。Vue.jsに魅せられ、OSSをライフワークにした私のキャリア - Findy Engineer Lab
はじめまして、川口（@kazu_pon）です。私はソフトウェアエンジニアとして現在株式会社プレイドで働いています。OSS活動としては、Vue.jsコアチームメンバー、Nuxtエコシステムメンバーであり、Vue.js 日本ユーザグループ、そしてVue Fes Japanというカンファレンスのオーガナイザーをしています。 この記事では、日々の仕事をこなしつつOSSとどう出会い、どのようなOSS活動をしているか、これらの両立をどうやって築いていったのかなど、私のこれまでのソフトウェアエンジニアとしてのキャリアを振り返りつつ紹介します。 プロのソフトウェアエンジニアとして働くということ 始まりはゲームを作ってみたいという想いから 私がソフトウェアやIT業界に興味を持ったのは、幼少期に遊んでいたテレビゲームがきっかけでした。小学校の頃はファミリーコンピュータが全盛期で、ゲームがどうやって作られている
“バズらせ名人”の苦悩。れとるときゃりー氏が向き合う、個人開発サービスの残酷な壁【フォーカス】 レバテックラボ（レバテックLAB）
“バズらせ名人”の苦悩。れとるときゃりー氏が向き合う、個人開発サービスの残酷な壁【フォーカス】 2025年2月6日 個人開発者 れとるときゃりー Webエンジニア・デザイナー。個人開発者として、学生時代にTwitter（現X）に特定の投稿を促すボタンをつくれる「みんなのボタンメーカー」や、フォロワーと手軽に通話できる「TwiCall」など、様々なWebサービスを開発し話題を集める。「TwiCall」をAppBrew社に事業売却後、同社にJoinし、2021年4月から2023年5月までPdM・Webエンジニアとして活動。2023年6月よりフリーランス。 X 個人開発者のれとるときゃりーさんは、大学生時代に数々のWebサービスやアプリを開発し、SNSを中心に脚光を浴びてきました。2018年に公開した「みんなのボタンメーカー」というサイトは連日Twitter（X）でトレンド入りする大反響。202
この記事は「はてなエンジニア Advent Calendar 2024 - Hatena Developer Blog」の 41 日目の記事です。昨日は id:masayosu さんの「AWS EKS Automode のノード管理について」でした。 はてなのマンガアプリチームで Android エンジニアをやっている id:mangano-ito です。 スクワット最強説 スクワットは筋トレの中でもオススメらしいのです。 理屈はよくわかってないけど、筋トレやるならスクワットがオススメだよみたいなことはよくきくと思います: diamond.jp ので、自分は風呂前や風呂中に気休め程度にスクワットをやっている。たまに変な腹筋もやっていますが…自分のヘソを見つめるやつ。 www.nisshin.com それはさておき、スクワットのいいところとしましては、映像をみながらやりやすいということです。
【ワシントン＝大内清】トランプ米大統領は6日、米国内に広がる「反キリスト教的な偏見」を根絶するためとして、連邦機関でのキリスト教差別などを取り締まるタスクフォース（TF）を司法省内に設置すると明らかにした。トランプ氏を支持するキリスト教右派勢力が主張する米国の「キリスト教国家化」に沿ったもので、憲法が定める「政教分離」の原則に抵触する可能性が高い。 首都ワシントンで毎年開かれる全米祈禱（きとう）朝食会の関連イベントで表明した。トランプ氏は、司法省や徴税機関の内国歳入庁（IRS）、連邦捜査局（FBI）といった機関が「キリスト教徒を標的にし差別している」と主張。これらを「即座にやめさせる」ため、ボンディ司法長官に直属するTFを設置するとした。キリスト教徒に対する暴力には「完全な訴追」で対応するとも語った。 米憲法は「国教樹立の禁止」など政教分離の原則を定め、政府が特定の宗教・宗派を後押しするこ
Flutter x GraphQLで大変革！求人アプリのアーキテクチャ刷新秘話 - Techouse Developers Blog
はじめに はじめまして、ジョブハウスでエンジニアリングマネージャーをしているhira22です。Techouseには2023年に入社し、ジョブハウスのモバイルアプリ開発を担当してきました。 2023年10月にリリースしたジョブハウスアプリは、FlutterとGraphQLを組み合わせたモバイルアプリとして開発を進めています。ユーザーが手軽に求人情報を検索・応募できるように毎月機能を追加しながら、成長を続けてきました。 この記事では、アプリをさらに速く改善しやすくするために実施した「アーキテクチャの変更」について紹介します。ジョブハウスアプリの技術スタックや主要なパッケージについては以下に列挙しますが、詳細な説明は省略します。ここでは「なぜアーキテクチャを変える必要があったのか」「旧アーキテクチャと新アーキテクチャはどのように違うのか」を中心にお伝えします。 Flutter: https://
Google Chromeの開発マネージャーであり、The CSS Working Groupのメンバーでもあり、VisBugやOpenPropsなどの開発者でもあるAdam Argyle氏による、2025年のUI/UX案件に役立つCSSのスニペットを紹介します。 一手間加えてCSSアニメーションを気持ちよく動かすスニペット、大きく進化したCSS変数の効果的な使い方、簡単にできるページ遷移、ポップオーバーやdetailsの遷移アニメーション、これまでより美しいCSSグラデーションの実装など、次のプロジェクトで試してみたいことばかりです。 6 CSS Snippets Every Front-End Developer Should Know In 2025 by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳していま
GitHub - nextjs/saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ServiceWorkerの課題を解決する!? Static Routing APIを使ってみた - Repro Tech Blog
はじめに こんにちは、Repro Booster という製品の開発責任者／プロダクトマネジメントを担当しているEdward Fox（@edwardkenfox）です。 今回は、ServiceWorkerに組み込まれた新機能「Static Routing API」を実際に試してみた件について説明します。Repro Boosterでの応用を通じて得た知見を共有できればと思います。 Repro Boosterとは Repro Boosterは、私たちが提供しているパフォーマンス最適化ソリューションです。サイトにタグを設置するだけで、読み込み速度が向上するというシンプルなコンセプトで設計されています。 その鍵となる技術の一つがServiceWorkerの活用です。ServiceWorkerはブラウザのバックグラウンドで動作し、リソースキャッシュやネットワークの中継など、従来のWebサイトでは実現で
サーバーレスのフルスタック開発プラットフォームの「Cloudflare Pages」は、フルスタックアプリケーションをわずかな時間で構築・デプロイ・配信できるにもかかわらず、無料プランも用意されています。なぜこれだけ寛大な無料プランが存在するのかについて、サイバーセキュリティの専門家であるマシュー・セイヤー氏が分析しています。 Why does Cloudflare Pages have such a generous Free tier? - mattsayar.com https://mattsayar.com/why-does-cloudflare-pages-have-such-a-generous-free-tier/ 数年前までホスティングサービスは有料で使用するケースがほとんどでしたが、近年はCloudflare Pagesをはじめとして、GitHub PagesやGitLa
こちらは「medicalforce New Year's Blog 2025」8日目の記事です。 今回はUI構造が変わっても状態を保持したいときに便利なReact-Reverse-Portalというライブラリを紹介しようと思います。 解決する課題 例えば、タブレット向けの画面実装で横向きのときは2-column型のレイアウトで表示して縦向きのときはタブを使ったレイアウトで表示したいということがあったとします。 Reactのコードで表現するとおおよそ以下のような実装になるかと思います。 export default Page = () => { // 中略 return isLandscape ? ( <Grid cols={2}> <GridItem> <Content1 /> </GridItem> <GridItem> <Content2 /> </GridItem> </Grid>
「ないなら作りますか！」と日本の開発者たちが立ち上がった 経営環境や顧客ニーズの変化に素早く対応することが企業の重要課題となる中で、柔軟性やスケーラビリティといったメリットを享受できるクラウドサービスを採用する動きが広まって久しい。 こうした時代において、企業の資産となるデータやデータベースを取り巻く現状と課題はどうなっているのか。日本発の次世代高速RDB「劔“Tsurugi”」（以下、Tsurugi）を開発したProject Tsurugiの責任者であり、ノーチラス・テクノロジーズ代表取締役会長の神林飛志氏はこう話す。 「OLAP（Online Analytical Processing）はクラウドサービスの活用が主流となっており、RDBそのものや、RDBの機能、性能に意識が向くことは減ってきています。そのため、RDBという言葉はOLTP（Online Transaction Proce
BlackBerryみたいなQWERTYキーボード付きモバイルPC「Mecha Comet」が楽しい（スマホ沼） | テクノエッジ TechnoEdge
スマホとSIMを求めて世界を取材中。メディアへ執筆多数。海外・中国通信関連の記事や講演承ります。noteや動画配信もやってます。 CES 2025でQWERTYキーボードを搭載したモバイルデバイスを発見しました。BlackBerryの再来？ いえ、こちらはLinuxで動くハンドヘルドコンピュータ。インドのスタートアップ、Mecha Systems社が開発した「Mecha Comet」と言います。 Wi-FiとBluetoothは搭載しますが、セルラー通信モデムは非搭載。学生の教育を目的としたデバイスで、Kickstarterで159ドル～。本体の厚みはありますが、スマートフォンではありませんからね。この厚みを生かし、有線LAN端子も備えています。 ディスプレイは3.4インチ、解像度は480×480ドットのタッチパネル。画面下にキーボードというスタイルはBlackBerryを思い出します。こ
こんにちは、株式会社ACES でテックリードをしている奥田(@masaya_okuda)です。 リポジトリで利用するライブラリを適宜バージョンアップするのは、現場によっては当たり前かもしれません。しかし、プロダクトを前に進めるため日々機能開発を行うスタートアップにおいて、継続してバージョンアップを実施するのは容易ではありません。 本記事では、入社後半年で全てのライブラリを最新にバージョンアップし、2024年1月からこの状態を保ち続けている取り組みについてご紹介します！ なぜライブラリのバージョンアップを継続的に行うのか？ 入社時は責任者が曖昧な状態 入社後半年で全てのライブラリを最新に CIで守りながら毎日自動でバージョンアップ ライブラリバージョン以外もメンテナンスする 技術ロードマップの策定 Takepepeさんを技術顧問に迎え、Next.js App Routerへ移行！ おわりに
「あなたのキャリアのなかで、特に印象に残るPull Requestは何ですか？」著名エンジニアの方々に聞いた【第二弾】 - Findy Engineer Lab
特定のリポジトリに対して機能追加・変更やバグ修正などを行う場合、エンジニアはPull Requestを発行します。プログラミングを続ける過程で数えきれないほど発行されるPull Requestは「エンジニアが歩んできた道のりそのもの」と言っても過言ではありません。 ならば、オープンソースコミュニティで活躍する方々が「特に印象に残っているPull Request」には、その人のOSS活動への思いや日々の研鑽が結実しているのではないでしょうか。今回は8名の著名エンジニアの方々に回答していただきました。 ※人名の50音順に掲載。回答者は敬称略。 k0kubunが紹介『Count trace_running for internal event』 github.com これは私が新卒1年目に初めてRuby本体に送ったPull Requestです。 当時、私は社内の開発者の生産性を改善するチームに所
Ruby on RailsでUIコンポーネント構築を効率化、ユーザ体験の仮説検証ループを爆速で回しちゃうぞ！ - Techouse Developers Blog
はじめに こんにちは、2023 年からジョブハウスで業務委託のバックエンドエンジニアをしている jxmtst です。 今日は、ジョブハウスで使用している Ruby on Rails の ViewComponent を用いて UI コンポーネントを実装する際に利用しているライブラリを紹介します。 ViewComponent（UI コンポーネント）× Lookbook（プレビュー）× rspec-snapshot（スナップショットテスト） という、フロントエンドエンジニアには馴染みのあるようなエコシステムを、Ruby on Rails 上で実現しています。 ViewComponent とは ViewComponent は、もともと GitHub のエンジニアによって開発されました。 大規模な Rails アプリケーションを扱う中で、ビューに関するコードの複雑化やメンテナンス性の低下といった問題
サービスの価格を決めるのは「ユーザーとの関係値」。TRPGの個人開発ツールが「文化のインフラ」になるまで【ココフォリア】 | レバテックラボ（レバテックLAB）
TOPインタビューサービスの価格を決めるのは「ユーザーとの関係値」。TRPGの個人開発ツールが「文化のインフラ」になるまで【ココフォリア】 サービスの価格を決めるのは「ユーザーとの関係値」。TRPGの個人開発ツールが「文化のインフラ」になるまで【ココフォリア】 2025年1月23日 ココフォリア株式会社 代表 鳥頭めう リプレイ動画ブームが起こった平成末期にTRPGと出会い、オンラインツール『ココフォリア』を開発する。2021年、ココフォリア株式会社を設立し同社の代表に。前職は、LINE株式会社（当時）でソフトウェアエンジニアとして従事。 サイコロと想像力で遊ぶテーブルトークRPG（TRPG）。コンピュータ上で動くRPGの始祖ともいえるこのアナログゲームは、今なお多くのファンを魅了しています。 そんな由緒あるカルチャーの中心地で存在感を放つ、個人開発から生まれたWebアプリがあります。それ
AIの急速な発達により、さまざまな分野において高度なパフォーマンスを発揮する言語モデルがいくつも誕生しています。しかし、言語モデルには得意、不得意があるため、特定のユースケースに適したモデルを選択することは、開発者にとって困難な課題となっています。新たに、MozillaのAI部門であるMozilla.aiが、機械学習の知識の有無にかかわらずAIモデルを選択する意志決定を行えるツール「Lumigator」を発表しました。 Lumigator is here! https://blog.mozilla.ai/lumigator-is-here-2/ Mozilla.ai Lumigator — Lumigator 0.0.1 documentation https://mozilla-ai.github.io/lumigator/ Lumigatorは、ユーザーがニーズに合った適切な言語モデル
1. Project Rules とは Cursor の Project Rules（v0.45~） は、Cursor Chat/Composer での対話において、必要なコンテキストを与えるための機能です Cursor > General > Project Rules から設定できます。 これまで、Cursor では Rules for AI, .cursorrules といったカスタムルールを用いて、プロンプトのコンテキストを与えていました。 Project Rules は、これらのカスタムルールに加え、より具体的かつ個別にコンテキストを与えることができる機能です。 もちろん、Rules for AI や .cursorrules を併用することも可能です。 各ルールの特徴 Rules for AI Cursor のアプリケーション自体に設定するカスタムルールです。 Cursor で
こんにちは。PortalKeyの植森です。 前回、PortalKeyの主要技術に関してざっくりと解説をしました。 今回は、その中のひとつであるConnectについて掘り下げていきます。 Connectとは？ Connectは、Buf Technologies社が開発したRPCフレームワークです。Protocol Buffersによって通信を定義し、効率的なサーバー/クライアント間通信を実現します。 まずはConnectの特徴について解説していきます。 Production-grade simplicity: 本番運用のシンプルさ Connectは本番運用でのシンプルさを特徴の1つとしています。 gRPCは通信するためにgRPCクライアントや grpcurl のようなツールを使わなければ通信することが困難であったり、Webから利用する場合 gRPC-Web を使う必要がありそのために Env
こんにちは、UIデザイナーの小高です。デザイン業務に邁進しながらも、技術情報に関する悩みを抱える日々を過ごしています。アシアルにはエンジニアが多く在籍していますが、デザイナーがエンジニアやプロジェクトマネージャー（PM）のスキルにもう少し近づくことで、プロジェクトにどのような相乗効果を生み出せるのかを普段からぼんやり考えていました。 でも、一体どこから手をつければ良いかわからない。そんなもやもやを解決すべく、デザイナーの視点から「テック相談」を持ちかけてみました。今回は、その第1回目です。 プロフィール デザイナー 小：UIデザイナー。デザインの表層分野を得意としていますが、骨格・構造・UXリサーチなど広い範囲でのデザインを担えるよう、日々取り組んでいます。現在は主にデザインフェーズに注力していますが、設計や開発フェーズでも貢献できる方法を模索中です。 エンジニア S：エンジニアからPMの
待望のBluesky写真特化クライアント「Atlas」リリース | Atlas - Navigate Your Inspirations in Bluesky
Copy permalink (strict) WhiteWind will show `Contents changed` badge if contents are edited Atlas - 待望の写真特化型Blueskyクライアント ビジュアルファーストなUIで写真共有が楽しくなる新しい選択肢 Yo, ブルスコしてるかい？ こんにちは。Ucho-ten開発者のばいそにです。 本日、Blueskyネットワークの新しいビジュアルクライアント「Atlas」をBetaリリースすることをお知らせします。 Atlasは、写真や作品を通じてインスピレーションを共有し、新しい発見を促進するために設計された、Blueskyの新しいクライアントアプリケーションです。 早い話 iOS、Android両方対応してはいますが、ベータバージョンです。 TestFlightにて限定配信中ですので試したい方は下
ドラッグ＆ドロップは、スマホやパソコンを日常的に使う私たちにとって、直感的で馴染み深いインタラクションの一つです。MDN Web Docs（ウェブ標準技術を解説する開発者向けリソース）では、ドラッグ＆ドロップを「開始時」「操作中」「終了時」の3つのアクションに分けて定義しています： 1. 開始時：マウスでドラッグ可能な要素を選択する 2. 操作中：その要素をドロップ可能な要素へドラッグする 3. 終了時：マウスボタンを離してドロップする MDN「HTMLドラッグ & ドロップAPI」これら一連のインタラクションを意識せずにデザインプロトタイプを作成すると、ドラッグ可能な領域だけを1画面としてデザインしてしまいがちで、実装段階で細かいデザインの見直しが必要になることがあります。そのため、すべてのアクションを意識したデザインを考えると、後の手戻りを防ぎやすくなります。 今回はデザイン・実装・ア
ラクスのプロダクトデザイン組織紹介― 顧客価値を高める新たな挑戦 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに ラクスのプロダクトデザイン組織マネージャーの小林です。 私たちの所属する「プロダクトデザイン課」は、お客様の業務課題を解決すべく、全プロダクトのUI/UXデザインを担うチームです。 2025年、プロダクトデザイン課はお客様への価値提供をより一層高めるため、新たな挑戦に踏み出します。 そこで改めて組織紹介も兼ね、ミッション・ビジョン、これまでの歩み、現在取り組んでいること、今後の挑戦についてお話したいと思います。 はじめに プロダクトデザイン課のミッション・ビジョン ミッション・ビジョン策定に至る経緯 顧客理解を高めるデザイナーの取り組み 顧客ニーズを踏まえ主体的な提案も増える UI刷新への挑戦 顧客価値を高める今後の取り組み プロダクトデザイン課のミッション・ビジョン 私たちデザイナーに共通するお客様の課題解決への思いと、 その実現へ向けてあるべきチームの状態を宣言しました。 ミ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rust製MCP対応AIエージェント『Goose』の技術概要 - laiso
AWS Amplify Gen 2入門- AWS社員が解説する詳細ハンズオン - Findy Tools
DeepSeek R1 完全ガイド：o1並みの推論モデルがまさかのオープンソース＆激安APIで新登場
100秒テックの「React 19 がでた」を見たので、チートシートを作成してみました
プロンプトエンジニアをめざすな～プロンプトエンジニアリングは死んだ～ - Qiita
「Linux」で真っ先にインストールすべき必須のアプリ10選
Liam ERDで綺麗でインタラクティブなER図を自動生成する
食べログAndroidアプリの自動テスト戦略 - Tabelog Tech Blog
AI業界に激震、突如公開の中華AI「DeepSeek」“驚きポイント”まとめ
2025年、それはスクワットの時代 🏋️ - マンガ〜ノ伊藤ノ〜ト
「米国に神を取り戻す」 トランプ氏が連邦機関での「反キリスト教」取り締まりを指示
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
なぜCloudflareのホスティングサービスは無料なのに帯域幅無制限なのか？
ReactでUI構造が変わっても状態を保持したい - React-Reverse-Portal -
日本発のオープンソースRDB「劔“Tsurugi”」正式版が登場 既存のものと何が違う？
半年でライブラリを最新化！スタートアップが実践する継続的メンテナンス - ACES エンジニアブログ
目的に合ったAIモデルを探せるツール「Lumigator」をMozilla.aiがリリース
Cursor の Project Rules 活用と改善
ConnectによるgRPCを超えたスキーマ駆動開発（Golang/TypeScript）
デザイナーからのテック相談 エピソード１：UIデザイナーが、要件定義・設計フェーズに関わるメリット
ドラッグ＆ドロップのUIを観察する｜トビ / Kazuhiro Tobita