YouTubeの複数の動画を同時に一斉に再生したいということがありました。 ２つの動画くらいならブラウザを２つ並べて素早く操作すれば、ほぼ同時に再生開始できますが、７つの動画を同じタイミングで一斉に再生開始する必要があり、手動ではほぼ不可能でした。 具体的には、 QTTA（クッタ） × GEMS COMPANY「バレンタインイブ」 - YouTube の動画を７つ並べて再生したかったです。 スマホを７つ並べている動画もありますが、こういうイメージです。 複数の動画を同期させる必要があるので、一気に複数のYouTube動画を同時に再生させる方法を考えてみました。 基本的な考え方 色々と考えたのですが、 (1)ひとつのHTMLの中に複数の埋め込みYouTube動画を配置し (2)ボタン一つで複数の動画を一気に再生する という方法でいくことにしました。 (1)ひとつのHTMLの中に複数の埋め込み

朝日新聞社の文章校正AI 「Typoless（タイポレス）」 がMicrosoft Wordアドインとして使えるようになりました。あなたのWordに新聞社のAI校正を 株式会社朝日新聞社（代表取締役社長：角田　克）提供の文章校正AI「Typoless（タイポレス）」がMicrosoft Wordのアドインとして使用できるようになりました。これにより、Microsoft Wordでの文章作成中にリアルタイムでの校正が可能となり、より効率的な文書作成が実現します。 TypolessはこれまでWebアプリケーションで提供されていましたが、今回のアップデートにより、Microsoft WordのOfficeアドインとしてインストールできるようになります。Microsoft Word内で直接AI校正を利用できるため、作業効率が大幅に向上します。 この機能は現在の料金のまま、プレミアムプラン、エンター

官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱

Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( Locked padlock icon ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

原作 左藤真通 COMMENT 『この世界は不完全すぎる』アニメ化！？ うわー！ 動いてるハガちゃん達が見られるんですか？ ということで、お話をいただいた際は本当に驚きました。 ああいうとき人間って「あ～そうですかぁ～」と、 混乱しながらリアクションを取るものなんですね。 今はとにかくどういうふうなアクションになるのか、 早く観たい！ と毎日ワクワクしています。 原作もアニメに負けないよう、頑張っておりますのでよろしくお願いいたします！！ PROFILE 1980年生まれ。神奈川県出身。 第68回ちばてつや賞一般部門にて『無刻さん』が佳作を受賞。 モーニング連載作『アイアンバディ』を経て、『将棋指す獣』（新潮社刊）や『しょせん他人事ですから ～とある弁護士の本音の仕事～』（白泉社刊）では原作を担当している。 オープニング主題歌『No Complete』 Liyuu COMMENT Liyu

2024年5月に開催されたMicrosoft BuildでGPT-4oのGAが発表されました。 そこで、今回はGPT-4oを活用しテキストと画像を組み合わせ、回答を生成する方法を試してみました。 注意事項 Azure OpenAI Serviceのリソース作成には利用申請が必要となります。Azure OpenAI Serviceの利用申請については下記ドキュメントをご参照ください。 https://learn.microsoft.com/ja-jp/azure/ai-services/openai/overview GPT-4oがすぐに利用できるリージョンは一部のみで、東日本は現在すぐに利用できないことにご注意ください。（2024/5現在）本記事ではEast USリージョンのリソースを利用しています。 詳細については下記公式ドキュメントをご参照ください。 GPT-4o 2024年5月にリリ

プログラミングについて、最近考えてることについてのポエム。 基本的に、 GPT-4 と Claude-3-Opus を使った経験を念頭に置いて話をする。機械学習エンジニアではないので、あくまで利用者に徹した視点での話。仕事で生成AIを使ったパイプラインを作ったりはしている。 生成AIの進化速度を予測しておく 今大事なことは、今AIがどの程度の性能かという定点の話ではなく、その進化の速度を認識すること。 コード生成というタスクにおいて、生成AIモデルを人間に当てはめると、こんな感じの人物像を自分は持っている。 GPT-4: プログラミング経験2年目の大学2年生 Claude-3-Opus: プログラミング経験3年目の大学3年生 ここでいうn年目は、業務経験ではなく、プログラミングの単位がある大学での、教育課程としての経験年数。今のひたすら学習量を増やす方式だと、単に1年に1年分ぐらい賢くなっ

<span class=\"biz-smb-block\"><b>ビジネスに役立つ情報をメールでお届けします（無料）&nbsp;<br>\r\n </b><span class=\"biz-smb-fs-m2\">企業もしくは官公庁など、組織団体に所属している方を対象としています。</span></span></p>\r\n"}}" id="text-3ed182ab4e" class="cmp-text"> ビジネスに役立つ情報をメールでお届けします（無料） 企業もしくは官公庁など、組織団体に所属している方を対象としています。

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク

Mark Seemann　著、吉羽 龍太郎、原田 騎郎　訳、Robert C. Martin　まえがき TOPICS 発行年月日 2024年06月 PRINT LENGTH 312 ISBN 978-4-8144-0079-9 原書 Code That Fits in Your Head FORMAT Print PDF EPUB ソフトウェアは複雑さを増すばかりですが、人間の脳は限られた複雑さしか扱えません。ソフトウェアが思い通りに動くようするには、脳に収まり、人間が理解できるコードを書く必要があります。 本書は、拡張を続けても行き詰ることなくコードを書き、複雑さを回避するための実践的な方法を解説します。最初のコードを書き始めるところから機能を追加していくところまでを解説し、効率的で持続可能なペースを保ちながら、横断的な問題への対処やトラブルシューティング、最適化を行なう方法を説明します

「Firebase CLIのNext.jsデプロイ対応について調べる」ではCloud FunctionsにカスタムビルドしたNext.jsアプリがデプロイされていたが、Cloud Functions (2nd gen)でCloud RunベースになったのでNext.jsのデプロイもApp HostingでCloud Run版になった 基本的なデプロイまでの手順以下のドキュメントにある。本記事ではこれを参考に内部動作を調べる firebase-tools firebase-cliの最新版に以下のコマンドが追加されている ❯ firebase --help | grep apphosting: apphosting:backends:list [options] list Firebase App Hosting backends apphosting:backends:create [opt

aria-labelを使うな アクセシビリティを学ぶ中で、「aria-labelを使うな（ariaを使わないのが一番いい）」を見かけた方も多いのではないでしょうか。 この記事では実際にいろんなパターンを用意したページで実際にスクリーンリーダーと音声コントロールを使用してみて、どういう実装にしたら一番いいのかを体験していきます。 いろんなパターンを用意したページ https://shamokit.com/examples/a11y/aria-label 上記URLに以下の6パターンを用意しました。 ボタンタグ内に「カウントアップする」というテキストを入れる ボタンタグ内に「カウントアップ」というテキストを入れ、aria-label属性で「カウントアップする」というテキストを指定する ボタンタグにtitle属性で「カウントアップする」というテキストを指定する ボタンタグにaria-label属

小林 優多郎 ［Tech Insider 編集チーフ］ May. 14, 2024, 08:30 AM テックニュース 18,813 OpenAIは5月13日（現地時間）、新しい対話型生成AIサービス｢GPT-4o｣を発表した。 GPT-4oは有料版｢ChatGPT Plus｣や｢ChatGPT Team｣のユーザー向けに展開を開始しており、今後エンタープライズ向けにも提供予定。 無料版ChatGPTユーザーに対しても、1日で利用できるメッセージの数に制限をつけつつも展開する（OpenAIによるとPlusユーザーのメッセージ送信可能数は無料版の5倍でTeamsやエンタープライズ版はそれ以上）。 GPT-4oとは何なのか。また、そのGPT-4oの上で走らせたOpenAIの驚きのデモの様子を振り返りつつ解説しよう。

kmizu @kmizu A Software Engineer in Osaka (& Kyoto). Ph.D. in Engineering. Interests: Parsers, Formal Languages, etc. ツイートは所属先の見解と関係ありません．思いついたことをつぶやきます．人生を楽しく生きよう（New!） kmizu.github.io kmizu @kmizu GPT-4oの画像認識力と理解力をもってすればいけるやろと思ってやってみたら実際いけた。 ペーパープロトタイピングから最初のHTML書き起こすのにかなり使えるのでは。 つーか指示そのものを画像の中に書いたの読み取ってくれるの何か世界の壁を超えて対話してる感があって凄い #GPT4o pic.twitter.com/3XHMFg3yye 2024-05-14 12:49:41

その他のサンプル: Wikipedia:良質な記事, Wikipedia:長いページ 紹介 「テキストゆれないくん」は文章に含まれる表記揺れを検出するツールです。「コンピュータ」と「コンピューター」、あるいは「全て」と「すべて」といった同じ単語の別表記が使われていないかどうかをチェックできます。 「テキストゆれないくん」は元々このサイト (https://inzkyk.xyz/) の文章校正用に開発されました。機能が成熟してきたので UI を付けて公開します。 このページから手動で使う限り、「テキストゆれないくん」は商用/非商用を問わず自由に使って構いません。「テキストゆれないくん」は無保証で提供されます。 特徴 ウェブブラウザから使える このページをウェブブラウザで開いているなら、「テキストゆれないくん」は既に動いています。このページの最初にあるのは「テキストゆれないくん」を使うための完

はじめに GitHub Actions (GHA) 、便利ですね。 便利なんですが、動作確認するのに PR 出してマージするのが煩わしい...。そもそも PR する前に動作確認しておきたいし、やたらに PR 作りたくもない...。 そんな悩みを解消してくれるのが act でした。これならローカルで動作確認できるので GHA 開発が捗ります！！ act 使ってみた記事は沢山ありますが、動かすまでに詰まったポイントをお作法として整理 してみました。act の使い方に悩まれている方の参考になれば幸いです。 2024/5/8 追記 act の実行に IAM ロールに追加設定が必要な点を追記しました。 AssumeRole するために sts:TagSession 権限を付与する 対象読者 GitHub Actions を使っている / 使おうとしている方 GitHub Actions の動作確認に