サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
主要なブラウザで WebGPU がサポートされるようになりました コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 公開日: 2025 年 11 月 25 日 ウェブ デベロッパーとユーザーの皆様にビッグニュースです。WebGPU（高性能 3D グラフィックスと汎用GPU 計算を実行するための強力な新しいAPI）が、Chrome、Edge、Firefox、Safari で正式にサポートされるようになりました。つまり、AAAゲーム、複雑な 3D モデリング、高度なAI アプリケーションなどのハイエンドのブラウザ内エクスペリエンスの未来は今なのです。 この重要なマイルストーンは、W3CGPU for the Web ワーキング グループによる長年にわたる広範な共同開発の結果であり、Apple、Google、Intel、Microsoft、Mozilla
個人の感想でありrantなのであまり真に受けないでほしいです。ちなみに私はフロントエンド専門ではないです。Vue.jsは仕事で5年ほど使っています。Reactは趣味でいじる程度。Reactはお作法を学び続けないといけないフレームワークReactを触れば触るほど、学ぶべき「お作法」が多いフレームワークだなと思う。例えば hooksの種類が多くて覚えきれない。それぞれの役割を理解するために、Reactの内部機構を多少理解している必要がある。例えば useReducer とか、useTransitionを名前から使い所を予想することは多分不可能だと思う。 hooksはコンポーネントの関数の中に書かないといけないので関心ごとにhookを書く場所を分けることができない。 ステートを変化させるたびにそのステートが描画に関係ない場所も再レンダリングされる。例えば<input> タグにステートをバイン
2025年のモーダルの実装方法のメモ書き。 <dialog> 要素の利用を前提とします。 Web アプリケーションでUI ライブラリを利用する場合は話が変わってきます。 1年前にdialog要素を使用したモーダルウィンドウの実装例を投稿しましたが、大幅にアップデートされているため、忘れても構いません。 結論<dialog>要素の開閉は command 属性を使用する<dialog>要素の外側をクリックした際に閉じる Light dismiss 機能は closedby 属性を使用するcommand 属性と closedby 属性はPolyfill を使用する開閉時のアニメーション、背面のスクロール抑制、スクロールバーの有無によるガタツキの防止はCSS で行う方針としては極力JavaScriptを書かないことを目指します。 次のようにHTMLを書くことで<dialog>要素の開閉および
追記5:投稿ルール違反とのことなので匿名ブログに移動します。 https://reform-trouble.hatenadiary.com/ 追記4:詳細を書きました。 https://anond.hatelabo.jp/20250207172425 リンク先のほうが読みやすいと思うのでこのエントリーは読まなくてokです。 追記3:元々の資料が経緯を知っている人向けが前提なので、簡単に前提条件を書きます。 カインズに外構工事を依頼 壁と擁壁の大部分が出来上がる工事の品質に問題がありそうだと気付くカインズと品質の相談している過程で法令違反の可能性に気付く問題点をまとめた「資料1」を作成し、カインズの店舗と対面で話をした後に資料を提出 ここから一ヶ月ほど放置される 各種消費者センター等に相談を始めるカインズの公式サイトの問い合わせフォームに問い合わせをする(A) (A)を起点とした問い合わせフ
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
映像編集をメインとしたMacintoshとカメラ、ワタシの興味関心の向く モノ関係の欲望とレビューのモノローグ SINCE 2006 このblogはアフィリエイト広告等の収益を得ています。収益はすべてモノローグに役立つ無駄遣いに使わせていただきます。 打合せや会議がZoomやGoogle Meetベースになってきて、GW明けからうちの大学でもオンライン授業が始まります。だけど、ワタシの書斎に鎮座する超弩級MacintoshであるMac Pro 2019にはカメラが付いていません。リーズナブルなWEBカメラは売り切れて手に入らず、先日書いたiPhoneをビデオ専用参加者にするのもありだけど、いまひとつスマートじゃない。 SIGMA fp を Web カメラとして使うのが流行っているよう（以下、UVCな話は丸投げで）ですが、そんな予算はない、HDMI to USBなキャプチャーツールを入れる
Facebook adds anAI assistant toits dating appFacebook Dating has added two newAI tools, because clearly a large language model is what the search for love and companionship has been missing all this time. The LCDSteam Deck is 20 percent off right nowSteam's seasonal sales are the peak moments to add new software to your library, but right now, Valve is offering a notable hardware discount.
要約 ヘッドレスChrome はChrome 59 でリリースされています。これは、ヘッドレス環境でChrome ブラウザを実行する方法です。つまり、Chrome なしでChrome を実行することになります。Chromium とBlink レンダリング エンジンが提供する最新のウェブ プラットフォームのすべての機能をコマンドラインにもたらします。 なぜこれが有用なのでしょうか。 ヘッドレス ブラウザは、可視UI シェルが必要ない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのPDF を作成したり、ブラウザが URL をレンダリングする方法を確認したりできます。 ヘッドレスの開始（CLI） ヘッドレス モードを開始する最も簡単な方法は、コマンドラインからChrome バイナリを開くことです。Chrome 59 以降がイ
不正送金やアカウントの乗っ取りなど、パスワードが原因の事件が後を絶ちません。高齢者など、IT リテラシの低い人でも簡単かつ安全に自分のオンラインアカウントを管理できる世界が理想ですが、まずはパスワードの不要な世界を実現するのが先決であることは、これまでのインターネットの歴史で証明されたと言えるでしょう。そして、ここに来てパスワード不要なログインを実現する技術として注目されているのが FIDO (= Fast IDentity Online, 「ファイド」) です。そしてその FIDO をブラウザから利用できるようにするのが WebAuthn (= Web Authentication、「ウェブオースン」)。報道内容などからこれらは指紋認証を実現するもの、と思っている人もいらっしゃるかもしれませんが、実際にはちょっと違います。 WebAuthn に関しては、すでに数多くの記事が出ていますので
最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返すAPI サーバーとなり、DB やバックエンドシステムのプロキシのような存在になりつつある。 私はサーバーサイドエンジニアとしてキャリアを積んできた。SPA が流行りだした頃、いずれサーバーサイドエンジニアは不要になって自分のキャリアを考え直さなくてはいけない時期がくるのではないかと戦々恐々としていた。 自分も元々、SPA を他サイトとの「差別化技術」と定義していた。ブラウザのタブページのライフサイクルにおいて、初期化プロセスを一回にまとめてシームレスな遷移を実現する技術。たとえ
CSSでブロック要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。すべてのモダンブラウザでベンダープレフィックスなしで動作します。 ▼CSS .container { display: flex;justify-content: center; align-items: center; } ▼ 画像をウインドウの上下中央に配置
Cosense turns experience into knowledge with effortless writing and linking. Cosense is a tool for the ingenious andcreative.The key to productivity is knowledge. The more experience you accumulate, the more you can do. And you grow faster when you fight together. Now you can share experience and compound knowledge in your organization easily. Becauseit’s so easy-to-use, your team behavior evolv
FBで昨日からケンケンガクガクの議論があったので、 ちょうど良い機会だし観測気球的に色んな人の意見を聞きたいなと思っているのでこのエントリを書きました。 広告まわりの話なので「興味ねーぞ！」って人は読まなくても良いと思います。 【発端】 宮脇 淳 -ヨッピーさんの衣装が謎すぎるけど、スポンサードコンテンツやネイティヴ広告に関する理解が進む良記事でした。... | Facebook ↑のリンク先が舞台ではあるのですが、死ぬほど長いし登場人物が何人かいるので、僕とおおつねまさふみさんのやりとりにフォーカスしておきます。 「タイトルにPRって入れるかどうか問題」については僕が以前にBuzzFeedのインタビューで話した事が僕のスタンスであります。 www.buzzfeed.com そもそも論として、PR表記をどうして入れなきゃいけないかというと、優良誤認を防ぐためでしょう。お金もらって宣伝して
ここ数日が色々と大変だったので備忘録的に書いておこうと思います。 個人的な話なのであっちのに書くわけにはいかないし、主にこれについて書く。 愚痴みたいなやつなのであんまりシェアはして欲しくないかもしれません。 普段僕をフォローしてる人達だけに読んで欲しいな、って感じ。 bylines.news.yahoo.co.jp 【なぜYahoo!ニュース個人で書いたか】 そもそも、「よし、書くか！」と思ってtwitterで「書きます」って宣言したのは良いけど、宣言してからもあちこちから色んな話が飛び出して来て、気付いた時は「火中の栗」どころかドロッドロに溶けたマグマに手を突っ込むような勢いになってて「延焼まったなしやんけこれ……！」と驚愕しました。 しかしながらそれだけ多数の人の注目を集めているという事の証左でもありますので、まず最初に書く媒体の候補として考えたのが有料noteです。 例えば、 そん
前回、簡単なDIコンテナを作ってみたので、次はこれを使ってWebフレームワークを作ってみたいと思います。 Webサーバーをつくる まず、WebフレームワークなのでHTTPサーバーが必要ですね。なので簡単なものを作ります。 とりあえずブラウザからリクエストを受け取ったら200 OKとHTMLを返すだけのサーバーです。 今回は、そこらのブラウザからアクセスできればいいや、ということで、RFCとかの仕様に準拠することは考えません。 public class Server { public static void main(String[] args) throws IOException { ServerSocket serverSoc = new ServerSocket(8989); for (;;) { Socket s = serverSoc.accept(); new Thread((
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
