はてなブックマーク

AI 業界の進化が著しい昨今、AI の研究開発企業として名高い OpenAI から Whisper というとんでもない自動音声認識モデルの発表がありました。（2022/09/22）Whisper は 68 万時間かけてトレーニングされた自動音声認識モデルでなんとオープンソース化されています。 公開されているサンプルでは早口や K-POP、フランス語、アクセントのある会話などを問題なく処理できることが示されています。また日本語に関しても高い精度を保持していることがグラフから見て取れます。 Whisper の GitHub リポジトリより引用 この記事で行うこと この記事では Whisper を Google が提供する Colaboratory で利用し、文字起こしツールを作成していきたいと思います。 今回やりたいことは以下の 3 つになります。 音声データから文字起こしができる 文字起こし

Shopify のテーマ開発環境はここ数年で大きく変わりました。Slate に始まり、Theme Kit そして現在（2023/10）では Shopify CLI が公式の推奨環境となっています。 本記事では Shopify CLI をベースに TypeScript や SCSS を利用したより効率的でモダンな Shopify テーマ開発環境を紹介します。リポジトリをテンプレート化しているのでご自身の環境で簡単にセットアップしてもらえます。 今回、Shopify テーマ開発用の環境を 2 つ用意しています。 shopify-quick-themeはスクラッチでテーマを開発したり、開発者が複数いない場合、テーマ構成フォルダーと開発ファイルを分離して開発したい場合にオススメのテンプレートです。 一方shopify-quick-theme-mixはチーム開発を前提としている場合や運用でコンテンツ

タブ UI を素の TypeScript(JavaScript）と WAI-ARIA で実装する方法についてまとめました。 主に HTML ベースでサイトのコンテンツを運用更新したい場合や特定のライブラリやフレームワークに依存したくない場合で参考にしていただけるかと思います。 この記事で行うこと この記事では以下の言語や仕様を使ってタブ UI を作成します。特に WAI-ARIA の利用が実装のコアになります。WAI-ARIA に対応することで、アクセシブルなコンポーネント実装を目指します。 HTML CSS TypeScript(JavaScript) WAI-ARIA HTML マークアップ HTML ファイルを作成し、以下のようにマークアップします。コンポーネントのラッパーに特定の ID を付与します。ここではsample-tabとしました。また、パネルコンテンツID, role,