ブラウザ上で動画編集が可能なオープンソースアプリ「omniclip」を使って動画に字幕を付けてみた
動画編集アプリは数多くの種類が存在しますが、「動画に字幕だけを付けたい」といったちょっとした編集のために動画編集アプリをインストールするのは面倒です。「omniclip」はブラウザ上で動作するインストール不要の動画編集アプリとのことなので、実際にomniclipを使って動画に字幕を付ける編集をやってみました。 GitHub - omni-media/omniclip: Open source video editing web application https://github.com/omni-media/omniclip 今回は、以下の動画に字幕を追加してみます。 ビワマスを釣り上げる寸前に逃げられた - YouTube まず、以下のリンクをクリックしてomniclipを開きます。omniclipはChromeとEdgeに対応しているので、どちらかのブラウザを使ってアクセスしてくださ
Cloudflare、ヘッドレスブラウザ「Browser Rendering API」正式リリース。Puppeteerライブラリも提供開始
Cloudflare、ヘッドレスブラウザ「Browser Rendering API」正式リリース。Puppeteerライブラリも提供開始 Cloudflareは、同社のサーバレス基盤であるCloudflare Workersを通じてヘッドレスブラウザを操作できる「Browser Rendering API」の正式サービス化を発表しました。 これまではBrowser Rendering APIはオープンベータとして提供されていました。 Good morning! We'll keep it short: Browser Rendering API is now available to all paid Workers customers with improved session management. https://t.co/TP2W2KtgOx #DeveloperWeek — C
Google Apps Script で Web アプリを作る
今回は Google Apps Script で Web アプリを作ります。 目次 Web アプリの基本 Web アプリを公開する 他のWebページに埋め込む Web ページからデータを送信する Web アプリの基本 Web アプリは、コンテンツが固定されている単純な Web ページに対して、 アプリのようにコンテンツが変化したり、投稿・編集などができたりするもののことを言います。 Web アプリでは次図のように、Web ページを見たいというリクエストが送られてきたときに Web ページのデータを送り返します。 これを Google Apps Script で行うことができる仕組みが用意されています。 Google Apps Script による Web アプリの流れ GAS で作ったプログラムは実行ボタンかトリガーによって実行することが多いですが、 Web アプリを作る場合には実行の仕方
サンプリングに使える素材をテキストプロンプトや音声ファイルを基に自動生成するAIサービス「Soundry AI」
パーカッションやブラスヒットなどジャンルを絞りつつ、AIで自動生成された好みのサンプリング用素材をダウンロードできるサービス「Soundry AI」が公開されています。「ワンショット」「ループ」などのタイプや「シンセ」「ベース」などのジャンルを指定して生成することが可能です。 Soundry AI https://soundry.ai/ Making Music using AI | Introducing Soundry AI - YouTube Soundry AIはブラウザで動作するデモ版とダウンロード版が存在しますが、今回はブラウザから「Start for free」をクリックしてデモ版を使います。 ログインを求められるので、アカウントを作成するために「Sign up instead」をクリック。 メールアドレス・パスワードを決めて入力し、利用規約・プライバシーに関する注意・16歳
無料で15年分！Cloudflareの無料SSL証明書を使ってみる | SERVERSUS
公開日: 2019.11.13 静的コンテンツのビルド・デプロイ。・ホスティングサービスNetlifyが、ビルド時間の制限・課金を新設しました。課金は2019年12月課金サイクルからスタートとのことです。 編集ノート: SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 CloudflareのSSL証明とはCloudflareは、DNSサービスをメインとしていて、その機能の中にはProxyサービスがあります。 このプロキシサービスを使うことで、非HTTPSサイトでもフロントにCloudflareをかますことでユーザーからのアクセスをSSL通信化することが可能です。 イメージとしては、 ユーザー >> HTTPS >> Cloudflare >> HTTP >> サーバー というような形になっていま
Cloudflareを使ってウェブサイトを無料でHTTPS化してみた | DevelopersIO
Cloudflare は様々な SSLオプション(HTTPS化)を提供しています。 今回は、ウェブサイトを SSL 化 する構成パターンをご紹介します。 すべて無料プランで利用可能です。 前提 大前提として、CloudFlare からトラフィックを配信するよう、ウェブサイトを Cloudflare に登録します。 具体的には、以下を行います。 Cloudflareアカウントを作成してWebサイトを追加 ドメインのネームサーバーをCloudflareに変更 オリジンサーバーをサブドメイン「www.」で登録 Cloudflare フルマネージドの無償 SSL 証明書 追加したドメインが「example.com」の場合、 example.com *.example.com に対応した証明書(Universal Certificateと呼びます)が DigiCert から無償で発行されます。 証明
AIアシスタント「Copilot」の基本操作をチェック ChatGPTとの使い分けはどうする？
AIアシスタント「Copilot」の基本操作をチェック ChatGPTとの使い分けはどうする？：ChatGPT使いこなし術 Microsoftは、同社製のブラウザ「Edge」などにひもづいたAIアシスタント機能として「Microsoft Copilot」（以下、Copilot）を提供している。この機能は「ChatGPT」に近い感覚で利用できる上に、ChatGPTの有料プランで使える上位モデル「GPT-4」をベースにしており、さらにネット上の最新情報も結果に反映されるなど、ユーザーにとってメリットが多い。本記事では、こうしたCopilotを実際に使うための基本操作について紹介していこう。 なお、Copilotについての概要については、連載過去回にて解説済みだ。概要説明を知りたい場合には、そちらをご覧いただきたい。 「Copilot」はどこから使える？ Copilotを使える場所は複数存在する
静的サイトジェネレータ Hexo をWindowsにインストールする【はじめて超初心者向け】
静的サイトジェネレータとは WordPressはプログラムで動いていて、アクセスがあるたびにPHPファイルが実行されてその都度ページが作られます。これを『動的（どうてき）サイト』といいます。 反対に、『静的（せいてき）サイト』とは、出来上がっている、アクセスの度に変化しないHTMLサイトを言います。 静的サイトのほうが、圧倒的に”軽い”です。 ただし、HTMLを書くのは大変面倒なことです。 そんな面倒な作業を、簡単にしてくれる、というのが『静的サイトジェネレータ』です。 ジェネレータとは、何かを自動で作ってくれる仕組みのことです。 ホームページ作成ソフトとは違う パソコンにソフトをインストールして、ソフトを起動させて作る『ホームページ作成ソフト』とは作り方が全然違います。 静的サイトジェネレータ HEXOをインストール 静的サイトジェネレータは数多くありますが、今回はHexo（ヘクソ）を利
気になったウェブサイトや写真をわかりやすく整理しつつ保存して共有もできる「Journal」レビュー
気になったウェブサイトや書籍、ムービーなどを後から見ようと思った際、ブックマークやメモ帳へ適当に保存すると、後から見返した時に「これは何だっけ？」と混乱してしまうこともあります。「Journal」はウェブサイトや手持ちの写真をボードに貼り付けるように保存し、スマートフォンからのアクセスや他人との共有も手軽なウェブサービスとなっているとのことで、実際にどんなサービスなのか使って確かめてみました。 Journal 2.0 for Desktop - Bring your projects to life | Product Hunt https://www.producthunt.com/posts/journal-2-0-for-desktop ◆アカウント作成 Journalはダウンロードが必要な各種OSやスマートフォン向けのアプリだけでなくブラウザ版も用意されているため、ブラウザから公式
グリッドシステムのフレームワークを作ってみた
はじめに この記事では私が普段使っている、グリッドシステムを使ったレスポンシブなデザインカンプのフレームワークを紹介します。主にデザイナー初心者や1~2年程の経験者向けの内容です。 フレームワークを作成した経緯 私は仕事で主に所謂Web制作と言われるWebサイトのデザインと実装を両方やっており、業界的に納期が短い中でいかに高いクオリティのものを作るのかが課題だと感じています。深夜や休日も使ってなんとか仕上げることも業界全体の傾向では少なく無いと感じますが、どうしても限界があるので何かしら効率的なものが必要だと思いました。 そこでデザインカンプを作成するときにデザインの情報としての配置にデザイン4原則を取り入れて、ロジックに則ったレイアウトを設計できるフレームワークを作り、レイアウトに迷う時間を短縮しようと考えました。フレームワークを元にすることで、そのサイトならではのコンセプトを体現したレ
Oktaが無料のパスワードマネージャ「Okta Personal」を公開
ID管理サービスや認証サービスなどを提供しているOktaが、個人向けのパスワードマネージャ「Okta Personal」を公開しました。 Okta PersonalはWebブラウザのプラグインなどと組み合わせて利用することで、Webサイトごとのパスワードの自動生成、パスワードの保存、ログイン時のIDとパスワードの自動入力などを行ってくれます。 現在ではソーシャルメディアから業務アプリケーションまで、多数のWebサイトにログインして利用することが一般的になっています。 このとき、推測されにくい十分な長さを持つ複雑なパスワードをWebサイトごとに重複しないように使い分けようとすると、現実的には記憶に頼るだけでは難しく、メモを取っておくなどパスワードを確実に記録しておく手段が必要となります。 一般にパスワードマネージャは、こうした推測されにくいパスワードの自動生成と安全な保存、そしてログイン画面
「英語仕事効率化」のための必携ツール7選: DeepL、Grammarly、Quillbotなどの活用方法 - ENGLISH JOURNAL
英語を活用する仕事に関連するツールの中から、特に人気で効率的な7つをピックアップ。DeeplとGrammarlyの併用方法やQuillbotの使い方、そしてOtter.aiでの仕事効率化のコツなど、多様なニーズに応える情報を詳しく解説します。 英語の仕事効率化に役立つツール7選: 効率&品質アップの秘訣DeepL：外部翻訳支援ツールと連携、AI 翻訳のマストツールhttps://www.deepl.com/ 訳文の自然さで知られるAI翻訳ツール。対応言語は30弱、全部で700の組み合わせの翻訳が可能となっている。SNSや掲示板などの生の対話から学習をしているため、非常に今日性の高い訳文が取得できると評判だ。それ故に、時折過剰にネットスラング的な表現が提案されることもあり、「常に正確性の高い英文が取得できるわけではない」ということは認識しておきたい。 ブラウザ版とデスクトップ版（Window
Microsoft UpdateカタログからWSUSへの更新プログラムのインポートが新方式に変更、その手順を詳細解説
Microsoft UpdateカタログからWSUSへの更新プログラムのインポートが新方式に変更、その手順を詳細解説：企業ユーザーに贈るWindows 11への乗り換え案内（18） Windows Server Update Services（WSUS）では、毎月のセキュリティ更新プログラム（Bリリース）など、重要な更新プログラムが同期対象になりますが、オプションの更新プログラム（Cリリース）は対象外です。対象外であっても、Microsoft Updateカタログから更新プログラムを手動でインポートすることで、WSUSによる配布が可能になります。そのインポート方法が2023年7月末に変更されました。 企業ユーザーに贈るWindows 11への乗り換え案内 IE依存の旧インポート方式からようやく解放、今後はPowerShellベースに これまでの「Windows Server Update
新ブラウザ「Arc」ついに正式リリース！今すぐ乗り換えるべき4つの理由 | ライフハッカー・ジャパン
著者Khamosh Pathak - Lifehacker US [原文]翻訳長谷睦（ガリレオ） 2023.08.04 lastupdate 公開はされたものの数カ月にわたり招待制という形をとっていた、The Browser Companyが開発するブラウザ「Arc」が、ようやく正式リリースされました。 Macユーザーなら誰でもすぐにブラウザをダウンロードでき、今のところ無料で使えます（ちなみにWindowsバージョンは現在ベータ版の状態です）。 でも、ダウンロード可能になったからと言って、「Chrome」からArcへ完全に乗り換えてしまっていいものでしょうか？ 私はぜひそうすべきだと考えています。以下にその理由を説明しましょう。 インパクト抜群の新鮮なUIArcには、斬新で生き生きとしたムードがあります。かつてのApple製ソフトウェアを思わせるフィーリングです。 Arcの外観は、ほかの
マイクロソフト「Dev Box」正式リリース。開発環境を丸ごとクラウドPC化して提供。開発環境をそのままアーカイブ保存など
マイクロソフト「Dev Box」正式リリース。開発環境を丸ごとクラウドPC化して提供。開発環境をそのままアーカイブ保存など 最近のアプリケーションの開発環境は、コードエディタおよび文法チェックやフォーマッタなどの拡張機能、ソースコード管理ツールとの連携、ビルドツールや自動テスト環境などをはじめとするさまざまなツールによって構成されています。 そしてこれらのツールチェーンを適切に稼働するように設定するだけでもある程度の専門的な知識が必要で、手間のかかる作業になっています。 Dev Boxはこうした開発環境やツールチェーンを、あらかじめ整備された仮想マシンとして用意することで、開発者はすぐに適切な開発環境を立ち上げて開発にフォーカスすることを実現するものです。 Dev Boxの仮想マシンはWindows 365上で構築されるクラウドPCと同じ仕組みを用いてデスクトップ仮想化の仮想マシンが用意さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーアドレスになって社員がどこにいるのか分からないので座席管理アプリ作ってみた。｜Solution - ソリューション｜株式会社イージェーワークス
CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう
EdgeのAI機能「Bingチャット」が進化、自分で読まなくても英文PDFの内容が分かるぞ！【イニシャルB】
ChatGPTとBardを同じプロンプトで同時に使用し、結果を比較できるChrome拡張・「Bard GPT」
Google、「Chrome for Testing」を発表 ～ブラウザー自動化とテストに特化したバイナリ／自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放
