無料で使えるMicrosoftの生成AI「Microsoft Designer」で始める画像生成【残業を減らす！Officeテクニック】
React 19によって状態管理はどのように変わるのか
React19のRCが発表され数ヶ月が経ちました。Next.jsではReact19のExperimentalな機能を使った実装をいち早くしていたので、少し馴染みのあるアップデートが多かったように思います。 Next.js（特にApp Router）においてReact19のAPIやHooksをどのように使うべきかはNext.jsのドキュメントを見れば大体のベストプラクティスが見えてきます。ですが、実際の開発現場ではApp Routerを採用しているケース以外にもVite+ReactやPages Router, Remixなどと様々な実装があるのが現実です。 そこでこの記事では、特にVite+Reactのスタックを前提にReact19の新機能をいかに活用できるか整理したいと考えています。 また、React19の新機能を見た時にTanStack QueryやSWRのようなサードパーティの状態管理
エンジニアを10年以上やって視力2.0を保つ秘訣
前書き エンジニアを始めて１４年、独立して９年経つ。 この仕事を始めた時に「さすがに眼が悪くなるかな」と思ったが、４０過ぎていまだに裸眼1.5／2.0だ。（昨年はどっちも2.0。） ↓今年の検査結果(右列が昨年) これはなんなら、始めた時より眼が良くなっている。（始めたころは1.2／1.5だった。） 先日知人のエンジニアと話していると、彼は２００人規模のエンジニアを抱える会社でリーダーをしているが「メガネをしてないエンジニアなんて会った事ない」と驚かれた。 実はそこに秘訣があるのでシェアしたい。 ちなみに妻はこの方法で片目だけだが0.9 → 1.2になった。 結論 「平行法を覚えろ」 これに尽きる。 遺伝の影響か ちなみに自分の親族・家族は実は須らく眼が悪い。 逸話的にも、若くして眼鏡を掛けていた父が、母をお見合いで最初に見た時に、「こいつも眼鏡掛けてる。」「もし子どもが出来ても全員目が悪
TypeScriptでUser-Agent Client Hintsを利用してブラウザ判定する際の注意点
はじめに User Agent Client Hints（以下 UA-CH）を使ってブラウザ判定を行なう処理の実装を行なった機会がありましたが、何点か注意した点があったのでまとめました。 UA-CH について 一言でいうと、OS やブラウザの情報を取得する事ができる JavaScript API です。 window.navigator.userAgentData を利用します。
"If" CSS Gets Inline Conditionals | CSS-Tricks
A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that caught my attention: A historical day for CSS 😀🎉 If you write any components used and/or styled by others, you know how huge this is! background: if(style(–variant: success), var(–green)); E
CSSに革命が起きようとしている ー if()を使える日がやってくる
7月10日、CSS Tricksが「If CSS Gets Inline Conditionals」と題した記事を公開した。この記事では、CSSの条件付きスタイル適用に関する新しい提案について詳しく紹介されている。 if() ー CSSにインライン条件式が導入される 6月13日、CSSワーキンググループ（CSSWG）がCSS Values Module Level 5仕様にif()条件を追加することを決定した。このニュースは、同日Lea Verouの投稿によって注目を集めた。 A historical day for CSS 😀🎉 If you write any components used and/or styled by others, you know how huge this is! background: if(style(--variant: success), va
IPAがPHPの緊急脆弱性の悪用確認、国内の複数組織が被害
IPA(Information-technology Promotion Agency, Japan：情報処理推進機構)は7月5日、「PHPの脆弱性（CVE-2024-4577）を狙う攻撃について｜情報セキュリティ｜IPA 独立行政法人 情報処理推進機構」において、2024年6月に公開されたPHPの脆弱性を悪用するネットワーク貫通型攻撃が確認されたとして注意を喚起した。IPAは国内の複数の組織においてWebシェルが設置されるなどの被害を確認したと説明している。 PHPの脆弱性（CVE-2024-4577）を狙う攻撃について｜情報セキュリティ｜IPA 独立行政法人 情報処理推進機構 ネットワーク貫通型攻撃とは ネットワーク貫通型攻撃とは、ルータやVPN(Virtual Private Network：仮想プライベートネットワーク)機器のようなインターネットに直接接続されたデバイスを侵害して、
SSH接続を10倍速くするたった3行の設定 - Qiita
今回は、SSH接続を劇的に高速化する方法をご紹介します。たった3行の設定を追加するだけで、接続時間を10分の1に短縮できます。しかも、2回目以降の接続では認証も自動的に行われるので、パスワードやパスフレーズの入力も不要になります。 要点 .ssh/configファイルのHost *セクションに以下の3行を追加するだけです。 詳しい説明 1. ControlMaster auto この設定で、1つのSSH接続で複数のセッションを共有できるようになります。新しくSSH接続を確立するたびに認証情報を入力し直す手間が省けて、接続がぐっと速くなります。具体的には： 初回の接続時のみ認証が必要 2回目以降は既存の接続を再利用するため、認証プロセスをスキップ パスワードやパスフレーズの入力が不要になり、接続がほぼ瞬時に完了 2. ControlPath ~/.ssh/mux-%r@%h:%p Contr
管理サイトのコンテンツをAppleがAI学習に利用するのを防ぐ方法
[レベル: 上級] 管理するウェブサイトのコンテンツが AI の学習に利用されないようにする方法を Apple は提供しました。 Applebot-Extended を新規導入 Applebot-Extended というユーザーエージェントのクローラを Apple は新たに公開しました。 Applebot-Extended について、Apple は次のように説明しています。 Appleは、二次的なユーザーエージェントである Applebot-Extended を導入しており、これによりWeb発行者は、Apple がウェブサイトのコンテンツをどのように使用できるかについて、より詳細な制御が可能になります。 Applebot-Extendedを使用することで、ウェブ発行者は、Apple Intelligence、サービス、開発ツールなどの Apple 製品全体で生成 AI 機能を強化する Ap
トロイの木馬化したjQueryがGitHubやCDN経由で拡散 米セキュリティ企業が警告
米セキュリティ企業のPhylumは7月3日（現地時間）、JavasScriptライブラリ「jQuery」の特定バージョンがトロイの木馬化され、GitHubなどで拡散していると警告した。 同社は5月26日、パッケージ管理システム「npm」でトロイの木馬化されたjQueryを確認。少なくとも1カ月にわたって、数十のパッケージで“汚染”されたバージョンが公開されているのを確かめた。さらに、GitHubやCDNサービス「jsDelivr」でも拡散していることが分かったとしている。 対象のパッケージには、悪意あるコードが追加されたjQueryのコピーが含まれていた。汚染されたバージョンはWebサイトのフォームデータを抽出し、外部に送信するという。 Phylumは「マルウェアを作動させるために必要な条件は限られているが、パッケージが広く配布されていることから、潜在的な影響は広く、多くの開発者に影響を与
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data The trojanized jQuery attack has been spread on npm, GitHub and elsewhere since May. A trojanized version of jQuery has been spreading on the npm JavaScript package manager, GitHub and elsewhere, for use in a jQuery attack, security researchers have discovered. Phylum researchers said they have been monitoring the “persistent supply chai
Do You Really Need Redis? How to Get Away with Just PostgreSQL
Do You Really Need Redis? How to Get Away with Just PostgreSQL There’s a tried-and-true architecture that I’ve seen many times for supporting your web services and applications: PostgreSQL for data storage Redis for coordinating background job queues (and some limited atomic operations) Redis is fantastic, but what if I told you that its most common use cases for this stack could actually be achie
PostgreSQL でメッセージキューイングを行う(LISTEN, NOTIFY)
postgres=# LISTEN channel; LISTEN postgres=# NOTIFY channel; NOTIFY PID 1311のサーバプロセスから非同期通知"channel"を受信しました。 postgres=# NOTIFY channel; NOTIFY PID 1311のサーバプロセスから非同期通知"channel"を受信しました。 postgres=# NOTIFY channel, 'payload'; NOTIFY PID 1311のサーバプロセスから、ペイロード"payload"を持つ非同期通知"channel"を受信しました。 postgres=# SELECT pg_notify('channel', 'pg_notify payload'); pg_notify ----------- (1 行) PID 1311のサーバプロセスから、ペイロー
Cocos CreatorでHello TypeScript - Qiita
今回は、Cocos Creatorのプロジェクトを作成する際の雛形プロジェクトHello TypeScriptの紹介です。 Hello TypeScriptは、所謂、Hello WorldのCocos Creatorプロジェクト版です。 Hello TypeScriptプロジェクト作成 まずは、Hello TypeScriptのプロジェクト作成からはじめます。 Cocos Dashboardを起動すると、下のようなウィンドウが表示されます。 「New」ボタンをクリックします。 次に、下のようなウィンドウが表示されます。 フォルダーアイコンのようなものが、３つ並んでいるうちの中から、「Hello TypeScript」を選択します。 選択したら、Name欄のプロジェクト名にHello_TypeScriptと入力します。（プロジェクト名なので任意です） Location欄は、プロジェクトを作成
橘花KIKKA GIN 700ml - 橘花 KIKKA クラフトジン 大和蒸溜所
奈良産の大和橘と大和当帰が、華やかさとみずみずしさ、そして深みを感じさせてくれるKIKKA GIN。 アルコール度数は59％と一般的なジンより高く、芯の強さを感じさせる味わいです。 使用ボタニカル：ジュニパーベリー・大和橘・大和当帰 (700ml、59%) ・箱入り商品
食堂 丸山 (花隈/居酒屋)
リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パームガーデン舞洲【公式サイト最安値】｜関西・大阪グランピング、日帰りバーベキュー
カクテルレシピ | カクテル モクテル レシピ
ゲームでも使われているTypeScript
