ニュースイミー

もう querySelector に頼らない!Svelte開発を支える bind:this

qiita.com

Svelteでの開発において、`querySelector`を使わずに要素を操作する方法を紹介します。 Svelteのリアクティブな記述を活かして、要素へのフォーカスやスクロール、サイズの計測を簡単に実現します。 フロントエンドエンジニア向けの技術情報です。

FAN+TECH NIGHT #ファンタスティックナイト

yumenosora.connpass.com

「FAN+TECH NIGHT #ファンタスティックナイト」は、エンタメ業界のエンジニア向けテックイベントです。 イベントでは、エンタメ業界の企業エンジニアが登壇し、プロダクトへのこだわりや業界ならではの取り組みについて議論します。 LT大会も開催され、LT登壇者も募集しています。

Google Cloud Partner Tech Influencer Challenge 2025 / Next LasVegas '25 関連コンテンツのご紹介

cloud.google.com

Google Cloud Partner Tech Influencer Challenge 2025とNext LV ’25に関連する技術コンテンツを紹介しています。 Google Cloud、Google Workspaceに関する技術的な内容や、導入事例に興味のある方におすすめです。 記事は、エンジニアから非エンジニアまで、幅広い層を対象としています。

グーグル・クラウド・ジャパン合同会社 <name>平岡 一成 </name><title>Google Cloud Japan パートナーエンジニア</title><department></department><company></company>

[Frontend Replace] アーキテクチャ設計篇

zenn.dev

この記事は、フロントエンドのアーキテクチャ設計に焦点を当てています。 開発効率と保守性を向上させるための、アーキテクチャ設計の重要性を解説します。 フロントエンドエンジニア向けの記事です。

初心者向け!宣言的にコンポーネントを実装するために心がけていること

zenn.dev

Reactでの宣言的なコンポーネント実装について、初心者が陥りやすい問題と解決策を共有しています。 バックエンドエンジニアからフロントエンドに挑戦し始めた方を主な対象としています。 宣言的にコードを書くためのヒントが提供されます。

Reactコンポーネントのレンダリング最適化(UTS Portalでの具体的事例)

techblog.lycorp.co.jp

Reactコンポーネントのレンダリング最適化に関する記事です。 UTS Portalでの具体的な事例を通して、React.jsのパフォーマンス改善について解説します。 フロントエンドエンジニア、バックエンドエンジニアなど、Webアプリケーション開発に関わるエンジニア向けの記事です。

Emacs Lispにnamed-letが追加されてた

zenn.dev

Emacs Lispにnamed-letが追加されたことについて紹介しています。 Schemeのletのような機能で末尾再帰を実装できるようになるものです。 Emacs Lispでのプログラミングに興味がある人、Scheme経験者に向いています。

ピクシブ株式会社 にゃんだーすわん

Material 3 Expressive実装例 : まとめ

qiita.com

Material 3 Expressiveの実装例を紹介するシリーズのまとめ記事です。 Material 3 Expressiveの変更点と実装例を解説しています。 デザインやフロントエンド、モバイルアプリ開発に興味のある方におすすめです。

Safariの `contrast-color()` など: Cybozu Frontend Weekly (2025-06-10号)

zenn.dev

2025年6月10日のFrontend Weeklyで取り上げられた記事や話題の紹介です。 React Aria Componentsをベースにした、shadcn/uiのようにコピペして使用できるUIライブラリについて解説します。 フロントエンドエンジニア向けのニュースです。

Webpackのバンドルサイズを大幅に削った話

zenn.dev

この記事は、Webpackのバンドルサイズ削減によるフロントエンドのパフォーマンス改善について解説しています。 国際化リソースのコード分割、APIクライアントのコード分割、moment.jsのロケールファイル最適化など、具体的な改善策を紹介しています。 フロントエンドエンジニアやWebアプリケーション開発に携わる方を対象としています。

Material 3のSliderの見た目をMaterial 2時代の見た目にする

qiita.com

Material 3のSliderをMaterial 2のように見せる方法を紹介する記事です。 Material 3のデザイン変更に対応しつつ、既存のUIとの整合性を保ちたい開発者向けです。 見た目のカスタマイズ方法に焦点を当てています。

#技術書典18 ブース施策チームレポート

toranoana-lab.hatenablog.com

技術書典18のブース施策チームレポートです。 虎の穴ラボが技術書典18で行った施策や、非公式後夜祭、寄贈について紹介しています。 技術書典やAI活用に関心のある方、虎の穴ラボに興味のある方を対象としています。

Next edit suggestions available in Visual Studio GitHub Copilot

devblogs.microsoft.com

この記事は、Visual StudioのGitHub Copilotにおける新しい編集提案機能(Next Edit Suggestions、NES)について解説しています。 NESは、コードの挿入、削除、変更を予測し、開発者のコード編集を支援します。これにより、リファクタリングや構文の更新などが効率的に行えるようになります。 この記事は、Visual Studioを使用している、またはGitHub Copilotに関心のある開発者向けです。

Vertex AI と Cloud Run を使用して共有可能な生成 AI アプリケーションを 60 秒未満で作成する方法

cloud.google.com

この記事は、Google CloudのVertex AIとCloud Runを使用して、生成AIアプリケーションを迅速に構築し、共有する方法を紹介しています。 主な対象者は、生成AIのアイデアをWebアプリケーションとして実現したい開発者です。 Vertex AI Studioの「アプリとしてデプロイ」機能により、インフラ設定なしで、インタラクティブなWebアプリケーションを簡単に構築できます。

グーグル・クラウド・ジャパン合同会社 <name>Justin Mahood</name><title>Product Manager, Cloud Run</title><department></department><company></company>

【日経×NTTドコモビジネス×東京海上日動システムズ】Webプロダクトの多層防御〜品質向上に向けて〜

nikkei.connpass.com

本記事は、Webプロダクトの多層防御と品質向上をテーマにした技術イベントの告知です。 Webプロダクトの開発・運用に携わるエンジニア、セキュリティエンジニア、プロダクトマネージャーなどが対象です。 多層防御戦略やソフトウェアサプライチェーンセキュリティに関する設計思想や技術的アプローチ、組織内連携について議論されます。

フロントエンド × AI - 品質と効率を高める生成AIの活用

yumemi.connpass.com

フロントエンド開発における生成AIの活用について、グッドパッチとのコラボレーションによる勉強会です。 生成AIの活用方法や、AIスキルアップに興味のあるエンジニアを対象としています。 LT大会や懇親会を通じて、情報交換や交流の機会を提供します。

TypeScript をより型安全に扱うプラクティス #TSKaigi #TSKaigi2025_kataritai

speakerdeck.com

TypeScriptを型安全に扱うためのプラクティスに関する記事です。 TSKaigi 2025 事後勉強会での講演資料が公開されています。 フロントエンドエンジニアやTypeScriptに興味のある方々を対象としています。

入門 ESlint Typegen #TSKaigi #TSKaigi2025_kataritai

speakerdeck.com

ESLint Typegenに関する入門記事です。 TSKaigi 2025事後勉強会での登壇資料です。 フロントエンドエンジニアやTypeScriptに興味のある方におすすめです。

FlutterNinjas Tokyo 2025 参加レポート

developers.cyberagent.co.jp

FlutterNinjas Tokyo 2025の参加レポートです。 Flutterに関するセッション内容やイベント全体の様子を紹介します。 モバイルエンジニア、フロントエンドエンジニア、プラットフォームエンジニアにおすすめです。

GraphQLスキーマから作ったモックサーバーをSSTでデプロイする

qiita.com

GraphQLスキーマから作ったモックサーバーをSSTでデプロイする方法に関する記事です。 GraphQL API開発初期のモックサーバーの重要性と、Apollo Serverを活用したデプロイについて解説します。 フロントエンドエンジニアやバックエンドエンジニアなど、GraphQL APIを利用する開発者向けの記事です。

CA.flutter #4

cyberagent.connpass.com

Flutterに関する技術共有会です。 モバイルアプリ開発者向けに、Flutterでのファイル/画像処理、UI、AI活用など、実践的なノウハウを提供します。 オフライン/オンラインで参加可能、懇親会も予定。

【入社エントリ】ユーザーに見える部分の開発とその結果がダイレクトに分かることが嬉しい/エンジニア/10問10答

note.com

ユーザーに見える部分の開発とその結果がダイレクトに分かることへの喜びが語られています。 入社したエンジニアが業務内容について10個の質問に答える形式です。 エンジニアを目指す人や、企業のエンジニアリングチームについて知りたい人におすすめです。

Astro 5.9

astro.build

Astro 5.9のリリースに関するニュースです。 コンテンツセキュリティポリシーへの実験的なサポート、コンテンツローダーでのMarkdownレンダリングなどが追加されました。 フロントエンドエンジニア向けの最新情報です。

Visual Studio Code、Web標準の「Baseline」チェックに対応。コード内のHTMLやCSSにカーソルを合わせれば説明表示

www.publickey1.jp

Visual Studio Codeで、HTMLやCSSがWeb標準のBaselineに対応しているかをチェックできるようになりました。 これにより、主要なWebブラウザでの表示を簡単に確認できます。 フロントエンドエンジニアやWeb開発者向けのツールとして役立ちます。

Publickey jniino

採用チームに「AI戦力」はいるのか? 「やってみよう」を後押しする、エンジニア採用の新しい選択肢

lapras.connpass.com

本記事は、AIを活用したエンジニア採用に関するイベントの告知です。 採用業務の効率化に役立つAIの活用事例や、参加者同士の交流について紹介しています。 エンジニア採用の実務担当者や採用広報担当者向けのイベントです。

FlutterとServerpodで始めるWeb開発入門

toranoana-lab.hatenablog.com

FlutterとServerpodを用いて、ログイン機能付きのシンプルなメモアプリを開発する手順を解説しています。 ServerpodはFlutter向けにDartで作られたオープンソースのwebフレームワークです。 この記事は、モバイルアプリ開発者やバックエンドエンジニア、フロントエンドエンジニア、データベースエンジニア、プロダクトマネージャー、デザイナーを対象としています。

Web Stream APIを使ってサーバーのメモリより大きなデータを扱う

zenn.dev

Web Stream APIを紹介する記事です。 Web Stream APIの概要と、それを利用するメリットを解説しています。 フロントエンドエンジニアやJavaScriptに興味のある読者向けです。

Cybozu Frontend Monthly#59

cybozu.connpass.com

サイボウズフロントエンドエンジニアによる月例の情報共有会。その月に気になったフロントエンドの情報が共有されます。YouTube Liveで配信され、Twitterでの交流も予定されています。 フロントエンド技術に関心のある方々にとって、最新情報を得る良い機会です。

Yahoo!検索が生成AIで実現する「食べたいを選ぶ」新体験

lydesign.jp

Yahoo!検索が生成AIを活用し、都道府県別のおすすめ料理や名物などのグルメ情報を表示する機能を提供開始。 旅行などの際に、その地域ならではのグルメ情報を簡単に得られる。 飲食店探しにも役立つ。

Windowsのメモ帳(Notepad)がMarkdown形式をサポートへ。Windows Insider向けに配布開始

www.publickey1.jp

Windowsのメモ帳がMarkdown形式をサポートするようになりました。 Windows Insider向けに配布が開始されています。 主にITエンジニアやデザイナーなど、文章作成を頻繁に行う方を対象としています。

Publickey jniino