CSSはこんなにも進化していたのか！ CSSのかなり高度なテクニック -Expert CSS: The CPU Hack
当ブログの記事でも、JavaScriptで実装していたのがCSSで実装できるようになりました、と今までにいくつか紹介してきましたが、今回紹介するのはそれらとはかなり異なるCSSのかなり高度なテクニックです。 CSSでCPUのようにデータを継続的に解析し、状態を再評価します。簡単に言うと、スクリーンの高さや幅を取得したり、マウスの座標を取得したり、さらにはブロック崩しなどのゲームもCSSのみで実装できます。 もう私が知っているCSSをはるかに超えたCSSです。 Expert CSS: The CPU Hack br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSのエキスパート: The CPU Hack 5つの観測可能性 The CPU Hackの始まり The CPU Hack 終
【文系でもわかる】ChatGPTのキモ「Transformer」「Attention」のしくみ
第1回は、さまざまなタスクをこなす万能型ジェネレーティブAIツール「ChatGPT」の性能の鍵を握る「トークン長（GPTが文脈を意識できる過去の単語数）」やGPTの歴史的経緯について解説しました。第2回はGPTを支える自然言語処理 の分野で使用される深層学習モデル「Transformer」とその根幹となる「Attention機構（そのタスクにおいてどの単語の重要度が高く、注目すべきか決める仕組み）」についてです。TransformerとAttention機構の仕組みを定性的に把握し、それを踏まえてGPTの能力と可能性について考察したいと思います。テクノロジー領域に明るくない人でもわかる記事を目指します。
OpenInterpreter / ついにAIがガチのアシスタントに!これは凄い、というか凄すぎる｜shi3z
凄いものが出てきてしまった。 ChatGPTの「Code Interpreter」が話題になったが、あれはあくまでクラウド上で動いているだけ。それを模してローカルで動作するようになった「Open Interpreter」は、衝撃的な成果である。 Open Interpreterのインストールは簡単。コマンド一発だ $ pip install open-interpreter起動も簡単 $ interpreter -yこれだけでOK。 あとはなんでもやってくれる。 たとえばどんなことができるのかというと、「AppleとMetaの株価の推移をグラフ化してくれ」と言うとネットから自動的に情報をとってきてPythonコード書いてグラフをプロットしてくれる。 凄いのは、ローカルで動くのでたとえばApplescriptを使ってmacOSで動いているアプリを直接起動したり操作したりできる。「Keynot
ReactカスタムフックからヘッドレスChromeまで！リアルタイム静止画編集機能の作り方を、リチカのエンジニアに聞いてきた
――現在、どんなプロダクト開発に従事していらっしゃいますか？ 杉本：誰でもかんたんにマーケティング動画や静止画を作れるWebサービス『リチカ クラウドスタジオ』を開発しています。 『リチカ クラウドスタジオ』は、業種別や配信媒体別の数多くのフォーマット（型）をベースに、クオリティの高い動画を誰でもかんたんに作成できるのが特徴です。当社は元々制作会社だったため、社内にプロのクリエイターが多数在籍しているので、彼らによって制作されるフォーマットが大きな強みのひとつです。 朝賀：昨年後半からは、『リチカ クラウドスタジオ』の新機能の開発プロジェクトが進行していて、現在は主にそちらの開発に従事しています。 ――どのような新機能か、伺ってもよろしいですか？ はい、大きく分けて2つありまして、静止画のリアルタイム編集機能と、比率違いの静止画を一括制作できる機能です。 これにより、ブラウザ上で作成したイ
Elasticsearch vs OpenSearch ー パフォーマンス比較の結果が公開
8月8日、ElasticsearchとOpenSearchのパフォーマンスとリソース利用に関する分析結果が発表されました。 この比較によると、ElasticsearchはOpenSearchに比べて40％〜140％高速であり、より少ない計算リソースを使用しています。 この記事では、テキストクエリ、ソート、日付のヒストグラム、範囲、および用語などの6つの主要な領域でのパフォーマンス比較結果を詳しく紹介します。 以下に詳細をご紹介します。 Elastic社は、2023年8月9日、ElasticsearchとOpenSearchの性能とリソース利用に関する比較結果を公開した（Elasticsearch vs OpenSearch: Performance and Resource Utilization Analysis）。 Elasticsearchは、Elastic社によって開発された検索エ
TypeScript 5.2 RCがリリース ー usingキーワード、デコレーターメタデータなど多くの新機能
8月10日、TypeScriptは5.2のリリース候補版を発表しました。 このバージョンでは、新機能や変更点がいくつか追加されており、TypeScriptユーザーにとって注目すべき内容となっています。 詳細は以下の通りです。 TypeScript 5.2 リリース候補の発表 8月10日、TypeScriptチームはTypeScript 5.2のリリース候補（RC）を発表した。 TypeScript 5.2の新機能の一覧は以下の通り。 using宣言と明示的リソース管理の使用 デコレータメタデータ 名前付きと匿名のタプル要素 ユニオン配列のより簡単なメソッド使用 TypeScript実装ファイル拡張子を使用した型のみのインポートパス オブジェクトメンバーのコンマ補完 インライン変数のリファクタリング 継続的な型互換性の最適化チェック 互換性のない変更と正確性の修正 using宣言と明示的リソ
Terraformワークフローの成熟化に関する公式ガイドラインが公開
Terraformワークフローの成熟化について 8月3日、Terraformワークフローの成熟化に関する情報が発表されました。 高度なクラウド成熟度を持つ組織では、Terraformを使用してインフラストラクチャとコンプライアンスルールをコード化し、開発者がコードを書くことによってビジネス価 HashiCorp社は、Terraformのワークフローの成熟化に関するガイドラインを8月2日に公開した。このガイドラインは、組織がHashiCorp Terraformモジュールを活用してスケールを拡大し、迅速なリリースサイクルを実現するための手助けとなるものだ。 このガイドラインは、プラットフォームチームの広がりと共に、よりスケーリングされた組織が目指すレベルに到達する際に生じる課題を解決するために提供されている。その中で、主題の専門家がサポート依頼で多忙になる問題や、ガバナンスチームがリリースサ
Rust 1.71.1がリリース ー 緊急度の高い脆弱性を修正、早めのアップデートを
8月3日に、Rustはバージョン1.71.1をリリースしました。 このリリースでは、バグ修正とセキュリティの脆弱性の修正が含まれています。 Rust 1.71.1のアップデートは、ユーザーにとって重要な修正が行われているため、早急にツールチェーンを更新することをおすすめします。 8月3日に、Rustはバージョン1.71.1をリリースしました。 Rustは、システムプログラミングからWebアプリケーションまで幅広い用途に使用されており、メモリ安全性と並行性を重視した設計が特徴である。 このリリースでは、バグ修正とセキュリティの脆弱性の修正が含まれている。 Rust 1.71.1のアップデートは、ユーザーにとって重要な修正が行われているため、早急にツールチェーンを更新することが推奨されている。 アップデート方法 既にrustupを使用してRustをインストールしている場合は、以下のコマンドを実
C++23発表：新しいC++標準の登場
8月6日、C++23はC++20の次の標準として発表されました。 C++23はC++の進化の一環として重要な役割を果たし、C++の機能を改善することを目的としています。 C++23はC++98やC++03ほどの大きな変更はなく、C++17の伝統に則ったものです。 本日、C++コミュニティが待望の次期C++標準、「C++23」を発表した。C++は長い歴史を誇るプログラミング言語であり、C++23はその進化の中でも特に重要な節目となる。C++23はC++98やC++11、C++20ほどの大規模な変更は見られないが、C++17の伝統を継承している。 C++の歴史的進化 C++は1980年代末にBjarne Stroustrup氏とMargaret A. Ellis氏によって執筆された「Annotated C++ Reference Manual (ARM)」によって誕生した。この書籍は当時多数存
Chrome 116においてWebGPUがWebCodecsと統合 ー 新たなWeb体験の創造に期待
8月8日、WebGPUは新機能を発表しました。 WebGPUは、ビデオ処理アプリケーションの開発をサポートし、ビデオフレームの効率的なサンプリングやビデオ再生のスムーズさを向上させることができます。 WebGPUの新機能、WebCodecs統合が発表される 2023年8月8日、Chrome 116において、WebGPUとWebCodecsの統合が発表された。これにより、Web開発の新たな可能性が広がることとなる。 WebCodecs統合の詳細 WebGPUは、ウェブブラウザ上で高性能なグラフィックス処理を可能にするAPIである。これにより、3D描画や高度なビジュアルエフェクトをウェブアプリケーションで実現することができる。一方、WebCodecsはウェブブラウザ上で動画処理をサポートするAPIであり、動画のエンコード、デコード、および再生を効率的に行うための機能を提供する。 今回のアップデ
Stable Diffusionの最新モデル「SDXL 1.0」と過去モデルの生成画像をひたすら比較して進化を実感してみた - Qiita
Stable Diffusionの最新モデル「SDXL 1.0」と過去モデルの生成画像をひたすら比較して進化を実感してみたPythonPython3StableDiffusion Supershipの名畑です。週刊少年ジャンプ34号に掲載された小園江ナツキ先生の読切漫画「殺陣ロール」好きです。 はじめに 7月27日についにStable Diffusionの新モデルSDXLの1.0がリリースされました。当初の予定よりは遅れたものの、0.9がリリースされた6月23日から1月程度での高速リリースです。 SDXL 0.9の際に「Stable Diffusionの最新モデルSDXL 0.9と過去モデルで生成画像を比較してみた」という記事でStable Diffusionにおける生成画像の変遷をまとめましたが、今回もSDXL 1.0でどのように変わったのかを記録に残します。 画像の生成はPythonで
Terraformが考える、インフラセキュリティを強化する6つのポイント
HashiCorpが、「Terraformによるインフラストラクチャのセキュリティ強化に関する6つの手法」というブログ記事を公開しました。この記事では、クラウド環境への移行に伴うセキュリティ上の課題に対処する方法が具体的に述べられています。 HashiCorpが、Terraformによるインフラストラクチャのセキュリティ強化に関する6つの手法を公開しました。 この記事では、クラウド環境への移行に伴うセキュリティ上の課題に対処する方法が具体的に述べられています。 HashiCorpの調査によれば、セキュリティはマルチクラウド環境の成功に不可欠な要素として挙げられており、Terraformを活用することでセキュリティとコンプライアンスを重視したインフラストラクチャのプロビジョニングプロセスを実現することができます。 1. プロビジョニングスキルのギャップを埋める 調査によると、スキルギャップが
React Server Componentsについて理解する ー パフォーマンスとバンドルサイズの課題を解決する、次世代のReactアーキテクチャ
この記事は、Vercel社が公開したブログ記事を元に、React Server Components（RSCs）について解説するものです。より理解を深めるためにも、元記事も必ず参照してください。 この記事は、Vercel社が公開したブログ記事（元記事のURL: Understanding React Server Components - Vercel）を元に、React Server Components（RSCs）について解説するものです。より理解を深めるためにも、元記事も必ず参照してください。 React Server Componentsとは？ React Server Components（RSCs）は、Reactを純粋なレンダリングライブラリの枠を超えて、データ取得やリモートクライアント・サーバー間の通信をフレームワーク内で統合する機能です。これにより、従来のクライアントとサー
React 18で使える新たなCSSユーティリティ「CSS Components」が公開 ー React 18以降主流になりつつあるサーバーコンポーネントに対応、CSS-in-JSのDX課題を解決
8月1日、React向けの組み合わせ可能なCSSコンポーネントの作成について発表がありました。 React 18のリリースにより、サーバーコンポーネントが一般的になり、Reactアプリを作成するためのデフォルトの方法になりました。 [LogRocketのブログ](https://blog.logrocket.com/writing-composable-css-components-react/)で、ReactとCSSを組み合わせるための新たな選択肢 「CSS Components」に関する解説記事が公開されています。 本稿では、日本のエンジニア向けに記事を要約して紹介します。詳しくは原文を参照してください。 CSS Componentsは、ReactコンポーネントにCSSクラスの組み合わせを行うための小型（2.3Kb）なモダンユーティリティです。このユーティリティは、開発者エクスペリエン
新しいChromiumベースのウェブブラウザ「Arc」が登場 ー 革新性が評判に
The Browser Companyは7月31日に革新的なウェブブラウザ「[Arc](https://arc.net/)」を発表しました。この新しいブラウザは、従来のウェブブラウザが持つタブの管理方法を覆す新しいアプローチを取っており、近代的なデスクトップOSのデザインコンセプトをウェブブラウザ内に取り込むことを試みています。 The Browser Companyは7月31日に革新的なウェブブラウザ「Arc」を発表しました。この新しいブラウザは、従来のウェブブラウザが持つタブの管理方法を覆す新しいアプローチを取っており、近代的なデスクトップOSのデザインコンセプトをウェブブラウザ内に取り込むことを試みています。 Arc：ウェブブラウザの新しい挑戦者 Arcは、The Browser Companyによって開発された新しいChromiumベースのウェブブラウザです。このブラウザは、他の競
ChatGPT の仕組みを理解する（後編） - ABEJA Tech Blog
こちらは「ChatGPT の仕組みを理解する」の後編記事になります。 前編は以下の記事をご参照ください。 tech-blog.abeja.asia 前半記事では、自然言語の基礎的な部分から GPT-3.5 まで説明していきました。GPT-3.5 の次としては、ChatGPT の元になっている InstructGPT を説明したいところなんですが、InstructGPT では強化学習の手法を使用しているので、後半記事では一旦自然言語から離れて強化学習の基礎から PPO までを説明し、最後にメインコンテンツである InstructGPT → ChatGPT を説明します。 強化学習の基礎事項 強化学習のモデル化 環境のマルコフ性とマルコフ決定過程（MDP） 価値関数 強化学習手法の分類 価値ベースの強化学習手法 方策ベースの強化学習手法と方策勾配法 アクター・クリティック手法 TRPO [Tr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Java 21はガベージコレクタが大きく進化 ー Generational ZGCが導入、G1 GCが大幅に改善
Deno 1.36がリリース ー Node.jsとの互換性向上、テストとベンチマークのAPI改善、`--deny-*`フラグによるセキュリティオプションが追加
新しいReactドキュメンテーション、SPA（Single-page application）の利用を中止 ー SPAに代わるアーキテクチャの採用を加速
グーグルの生成AI「Bard」は「ChatGPT」より悪用されやすい？ 海外企業の調査
