グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ 『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。 このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
自分の声を美少女ボイスやイケメンボイスに変換してくれるボイスチェンジャーは、ライブ配信やムービー投稿の際にありがたい存在です。しかし、ボイスチェンジャーによって変換できる音声は固定されており、自分好みの音声に変換できるボイスチェンジャーを見つけるのは困難です。天王洲アイル氏は、この問題をAIを用いて解決する方法について解説し、さらにAIの力で自分の声を好みの声にリアルタイム変換できるボイスチェンジャー「MMVC」を公開しています。 VRChatなどの登場によって誰でも好きなアバターを使って好きなキャラクターになりきることが可能となりました。また、自分の声を美少女ボイスやイケメンボイスに変換できるボイスチェンジャーも多くの種類が存在しています。しかし、既存のボイスチェンジャーには「理想的な結果を得るためにはボイスチェンジャーに合わせた発声練習が必要」「リアルタイム変換が不可能なため、会話やラ
Markdown to PDF Markdownで書きたいけど、PDFで出力したい という機会はエンジニアはよく出くわすと思います。 「Markdown to PDF」といえばGitBook CLIが有名ですが、こちらはメンテナンスがストップされているため推奨されません(環境依存による不具合などが解決されない)。 GitBookほど多機能でなくても良いですが、綺麗にいい感じに出力したい…!と探し回っていたところ md-to-pdf が最も私の要件に合致したので使ってみました。 そんな私の要件はこちら。 CLIから出力したい ページ内リンクが作れる ページ分割ができる ページ数表示が簡単にできる 全体に対して簡単にテーマをCSSで適用できる いざという時にはHTML+CSSでカスタマイズができる それに対して md-to-pdf は以下のような機能があります。 ディレクトリ内のMarkdow
Spotifyが無料で使えるオープンソースのAI搭載ツール「Basic Pitch」を公開しています。 Basic Pitchは、SpotifyのAudio Intelligence LabとSpotify傘下のSoundtrapが共同で開発したオーディオをMIDIに変換してくれるツール。ユーザーが楽器や声といったオーディオファイルをBasic Pitchのサイト上にアップロードすると、そのオーディオファイルをAIに搭載された機械学習モデルが分析。MIDIファイルとして書き出してくれます。 例えば、ユーザーがギターのメロディーフレーズの音源をBasic Pitchにアップロードすると、Basic Pitchは、その音源を分析し、アップロードされたギターのメロディーフレーズをMIDIに変換。ユーザーはそのMIDIファイルを自由にDAWに取り込み、シンセなど別の音源に割り当てて再生することがで
Markdownでテーブルを表現するにはつらみが深すぎる みなさんはMarkdownでテーブルを書くことは得意ですか? 私は苦手です。 簡単なテーブルは簡単に書けるのですが、以下のようなテーブルを書くことには抵抗感があります。 行数、列数が多い セル内に書くテキスト量が多い セル内でリストを表現する 一方、私は先日、「Markdownで手順を書いています!」とこちらの記事で伝えました。 そんな私に対して、 「オイオイオイ。 Markdownでもなんでもいいけどよォ... テーブルを使いたい場面は多いんだぜ。」 というセリフが聞こえてくる気がします。 私のようなMarkdownでテーブルを書くことにつらみを覚える方への解決策として、以下記事で紹介している「MarkdownTableMaker」があります。 このアドオンを使うことで、選択したスプレッドシートをMarkdownに出力してくれます
Ankerのモバイルバッテリーに付属してきた変換アダプターがUSB Type-Cの仕様に全く準拠していない最悪の代物だったので、何が最悪なのか解説します。 問題の変換アダプターが付属してきたモバイルバッテリー 今回取り上げるのは「Anker PowerCore 10000 PD Redux 25W (モデル番号:A1246) 」に付属してきた変換アダプターです。 今回問題視しているのは、USB Type-Cケーブルと一緒に付属してきたこの変換アダプターです。 この変換アダプターは2つの点で明確にUSB Type-Cの仕様に違反しています。 そもそも禁止されているタイプの変換アダプター まず1つ目の仕様違反は「USB Type-Cの仕様で禁止されているタイプのアダプターである」という点です。 USB Type-Cレセプタクル (USB Type-Cメス) to USBレガシーのアダプターは仕
ここ数ヶ月のAIの進展は凄まじく、毎日のように新たな魅力的なプロダクトが公開され世間をざわつかせているのはもはや言うまでもない。そんな中、最近よく耳にする音声AIやテキストAIとはまた違ったアプローチのAIツールが話題になっている。 それは通常の画像をラスター画像に高精度で変換してくれる「Vectorizer.AI」というもので、現在無料で利用することができる。 ベクター画像とは、フォントと同様に座標や数式で保存されており、それをもとに描画をするため、ラスター形式と呼ばれる通常のPNGやJPEGなどとは異なり「ぼけ」が生じず(理論上)無限に拡大することができることが特徴だ。本サービスはそんなベクター画像をAIを活用することでノイズやボケが含まれる低画質画像からでも生成することができるという。 [GDC_row] [GDC_column size=”half”] 今回は同じくAIを活用したキ
Type-C(オス)をType-C(オス)にするためのアダプタ ニッチな使い道のために存在していると思われる、ルーメンのUSB Type-Cアダプタ「LAD-CMCF」がテクノハウス東映に入荷。税込490円で販売されている。 USB Type-C(メス) to Type-C(オス)のコネクタを備える、USB Type-C接続のアダプタ。Type-C(オス)に装着してType-C(オス)として使うという、いわば“変換しない変換アダプタ”だ。ストレートタイプのため方向を変える機能もなく、ショップによれば「メーカー担当者も困惑気味だった」とのこと。アダプタとしては結線をすべて備えているようで、充電とデータ通信の両方に使用できる。 ちなみに同店では、USB Type-A(メス) to Type-A(オス)コネクタを備える“変換しない変換アダプタ”を取り扱っており、今回はそのType-C版が入荷した
ffmpeg.wasmffmpeg.wasm is a pure WebAssembly / JavaScript port of FFmpeg enabling video & audio record, convert and stream right inside browsers! Data Securityffmpeg.wasm runs only inside your browser, data security is gaurantee as no data is sent to remote server. Powered by WebAssemblyffmpeg.wasm transpiles ffmpeg source code to WebAssembly code using Emscripten to achieve optimal performance.
こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を切り出して公開しました。 ほかのサービスや技術と何が違うの? 技術書をマークアップテキストで書くプラットフォームとしては、Re:VIEW、Vivliostyleなどがありますが、FlightBooksは「出版やDTPに関する知識がなくても印刷所にだしたい」というエンジニア諸氏のために開発されました。 「商業印刷」にどこまで向き合うか ご家庭のプリンタに印刷を指示すると、ファイルの情報がプリンタドライバに送信され、そこでインクの出し方を制御するためのデー
PICK Pick a bitmap image that you want to vectorize and drag and drop it onto the page. Bitmap images, such as JPEGs and PNGs, are represented as a grid of little squares called 'pixels', each with its own color. PROCESS We analyze, process, and convert your image from pixels to geometric shapes. The resulting vector image can be scaled to any resolution without getting blurry, and can be used to
動画や音声ファイルを無料のツールだけで編集しようとすると、目的に応じてたくさんのツールをインストールしなければならない場合がありますが、Firefoxの拡張機能「Media Converter and Muxer - Audio Tools」をインストールすれば動画や音声ファイルのフォーマットや、解像度の変更、音ずれ修正、動画ファイルのカット編集など10種類の機能を無料で使うことができます。 Media Converter and Muxer - Audio Tools – ? Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/media-conversion-tool/ 目次: ◆インストール手順 ◆MP3 Converter:MP3変換 ◆Custom Converter:動画の変換 ◆Audio Ex
セガサターンや初代Xboxを今,遊びたい! とアップスケーラーで環境を構築した話。まさかケーブルが問題になるなんて…… ライター:BRZRK 突発的に数世代前のゲームを遊びたくなる。そんな経験をした人も,4Gamer読者であれば決して少なくないだろう。かくいう筆者もむかぁぁし購入したセガサターンやドリームキャスト,初代Xboxが突然遊びたくなってしまって悶絶していた。 しかし,今の環境でそれらを遊ぶには,いくつかのハードルを越える必要があり,実現には四苦八苦してしまった。この経験は誰かの参考になるかもしれないと考え,今回はその時のことをまとめてみた次第である。 押入れから引っ張り出したセガサターンのコレクションの一部。遊び倒しておきたいゲームがまだまだイッパイあるぜ! まずは映像を映し出せるようにしたいね レトロなゲーム機を現代の環境で遊ぼうとすると,問題になってくるのが映像関連だ。昨今の
import React from 'react' import { View, Text, Image, StyleSheet } from 'react-native' import { Svg } from 'react-native-svg' export default function FigmatoReact () { return ( <View style={FigmatoReactStyles.FigmatoReact}> <Text style={FigmatoReactStyles.Title}> Figma to React </Text> <Inputfield /> <Button /> <View style={FigmatoReactStyles.TabMenu}> <TabButton /> <TabButton /> <TabButton /> </V
markmap markdown + mindmap Visualize your Markdown with mindmaps Try it out → Try markmap in VSCode
はじめに 大学の講義ノートをいくつかGitHubで公開しています。 講義ノートをMarkdownで書いてGitHubで公開、というのをしばらく続けて、いろいろノウハウが溜まったので共有してみようと思います。 大学の講義ノートをどうするか問題 昔から大学の講義ノートを公開する人は結構多いです。最初期は、LaTeXで書いてPDFで公開することが多かったように思います。これはこれで良いのですが、基本的にはダウンロードして印刷して読む前提であり、ウェブで気軽に読める形ではありませんでした。その後、LaTeX2HTMLを使って、LaTeXファイルをHTMLに変換して公開するケースが増えました。これによりウェブで講義ノートが気軽に閲覧できるようになったのですが、いかにも「LaTeX2HTMLを使って変換しました」という外観になるのと、(少なくともデフォルトでは)レスポンシブではなく、スマホ非対応になる
VTuberやゲーム実況などの世界で、自分の声をリアルタイムに別の声に変換してくれるボイスチェンジャー、いわゆるボイチェンが流行っている中、一昨年、声優さんの声などにリアルタイム変換するアプリ、Voidolが登場して大きな話題になりました。これはクリムゾンテクノロジーが開発した技術、リアチェンボイスをエンジンとして組み込んだアプリだったわけですが、そのクリムゾンテクノロジーがまた面白いiPhoneアプリを開発し、8月31日に無料でリリースしました(アプリ内課金あり)。 今回登場したmimivo(ミミボ)は、自分の歌をアーティストの声質にリアルタイムで近づけることができるというもの。たとえば荒井由実、宇多田ヒカル、小田和正、Offical髭男dism、Suplerfly、星野源、松田聖子、山口百恵……といった声で歌えてしまうという、これまでにないユニークなものです。でも、ホントにそんなことが
By uploading a video or URL you agree to our Terms of Service. To learn more about how Unscreen handles your personal data, check our Privacy Policy. Producing background-free video used to require complex and fiddly techniques like chroma keying and greenscreens. With Unscreen you can record your footage anywhere, then simply get rid of the background.
オミータです。ツイッターで人工知能のことや他媒体の記事など を紹介していますので、人工知能のことをもっと知りたい方などは @omiita_atiimoをご覧ください! 他にも次のような記事を書いていますので興味があればぜひ! 「募ってはいるが、募集はしていない」 人たちへ GANにもオーギュメンテーションは超有効だった!DAだけでSoTA達成した最新論文を解説! GANへの新しい正則化「ICR」が期待大な件&解説 U-Netを識別器に!新たなGAN「U-NetGAN」を解説! 画像認識の大革命。AI界で話題爆発中の「Vision Transformer」を解説! 「Toonify Yourself!」というWebサイトをご存知でしょうか。顔の画像をアップロードすると瞬時にディズニー顔に変換してくれるというもので、Twitterなどで話題になっていたのをご覧になった方も多く居るかと思います。
VISUALLY CONSTRUCT FILTERSNo more unintuitive filter syntaxFFmpeg's filter syntax is unintuitive, ugly, and can get extremely complicated quickly. Build filters using a GUI which automatically generates the FFmpeg filter command for you. AUTOCOMPLETIONGo fasterImmediately get autocomplete feedback on which filters, arguments, etc... No more having to flip to the FFmpeg documentation and back.
ts-migrate is a tool for helping migrate code to TypeScript. It takes a JavaScript, or a partial TypeScript, project in and gives a compiling TypeScript project out. ts-migrate is intended to accelerate the TypeScript migration process. The resulting code will pass the build, but a followup is required to improve type safety. There will be lots of // @ts-expect-error, and any that will need to be
Linuxは、標準機能や膨大な数のフリーソフト、Linuxならではの多彩なコマンドラインツールを使うことで、より便利にカスタマイズできる。この特集では、そうした数々の「便利ワザ」を紹介する。それぞれの難度は、簡単に使いこなせる「Lev.1」からある程度の専門知識が必要な「Lev.3」の3段階のレベルで示している。 13 画像ファイルをコマンドで加工する(Lv.2) 多数の画像ファイルを加工したいときは、「convert」コマンドを使うと便利です。convertは、画像処理用のツールを集めた「ImageMagick」に含まれるコマンドです。ImageMagickは、次のコマンドでインストールします。
Try Basic Pitch, a free audio-to-MIDI converter with pitch bend detection, built by Spotify. Learn more or follow the instructions below. Press record and sing a ditty into your computer. Or drop a recording of any single instrument (piano, guitar, xylophone, you name it).Then get a MIDI version back. Just like that.Download the MIDI file to fine tune and make corrections in your favorite digital
transformは、なんでもデータ変形サービスで、JSONからYAML、HTMLからJSXへの変形はもちろん、JSONやGraphQLのIDLからTypeScriptのinterfaceを生成するようなものまで手広く対応しているサービスだ。 特別なツールをインストールする必要はなくブラウザだけで動作する。 現在、42種類のデータ変形に対応しており、対応している変形パターンは下記のとおり: SVG to JSX SVG to React Native HTML to JSX JSON to React PropTypes JSON to Flow JSON to GraphQL JSON to TypeScript JSON to MobX-State-Tree Model JSON to Sarcastic JSON to io-ts JSON to Rust Serde JSON to
この記事は、Raspberry Pi Advent Calendar 2022の15日目の記事です。 USB Raw GadgetというLinux kernelの機能を使ってUSBモデムをエミュレーションするプログラムを実装し、Raspberry Pi上で実行することで、PlayStation 2専用ゲーム「アーマード・コア2 アナザーエイジ」のモデム対戦をTCP/IPネットワーク上で利用できるようにした話をします。 記事の前半では、開発に至るまでの経緯と、PS2専用モデムのプロトコル通信の解析について説明をします。 USB Raw Gadgetのことだけ知りたい、という場合には目次から「USB Raw GadgetによるUSBモデムエミュレータの実装」の項へ飛んでください。 開発に至るまで フロム・ソフトウェアが開発した「アーマード・コア」シリーズの作品のうち、「アーマード・コア2 アナ
ジェネリクスを持つ多くの言語では括弧の種類が足りなかったり、既存の文法との互換性を保つために <> をジェネリクス引数に使っている。この文字は比較演算子やシフト演算子にも使われるため、多くの場合は構文的曖昧性の問題がある。 // ジェネリクス引数 (convert<int, string>(number)) // 比較演算子 (score < MAX_SCORE, score > (MIN_SCORE)) 各言語でこの問題をどのように解決しているか調べる。 関連する問題として < > を含むトークン (<<, >> など) をどう分割するかという問題があるが、こちらは本スクラップでは扱わない。
ユーザーが画像を投稿する系のサイト、ユーザーのアイコンなどが存在するサイト そんなサイトよくあると思うんですが、みなさんサムネイルの生成はどうしてますか? 古の時代はアップロードされた時に同時にサムネイル用の画像を生成する~なんてやり方をしていましたがその方法はすでに失われた太古の技術であり令和にもなった現代でやっているような人はいないはずです。いないですよね? さて、現代においてはURLにパラメータを含める~など https://.....jpg?width=1000 すると自動でリサイズしたりcropしたりする手法が一般に取られがちですが、この「動的リサイズサーバー」を自前で作るのはちょっと面倒ですし、外部サービスを使う場合は個人や弱小起業が払うには高すぎたりします(月x万円とか) ということで誰でも10分あれば建てられる&月額1000円で転送量無制限の動的リサイズサーバーを実現する方
This is my branch of pdf2htmlEX which aims to allow an open collaboration to help keep the project active. A number of changes and improvements have been incorporated from other forks: Lots of bugs fixes, mostly of edge cases Integration of latest Cairo code Out of source building Rewritten handling of obscured/partially obscured text - now much more accurate Some support for transparent text Impr
実際、コード量に比例して遅くなります。 これは tokenize のステップがなく、すべての構文ルールが正規表現を個別に実行するのが遅い理由でした。またそのせいで空白制御のために構文定義が冗長になっていました。 そのため、事前に tokenize ステップを用意し、pargen を事前に分割された token 列を受け取るパーサコンビネータとして再実装しました。(元の pargen はあれはあれで使いやすいので別実装になってます) mints v0.1 の ベンチマーク 試した環境は MacBookPro M1 Max 64GB です。 --------- 2416chars [tsc] 58ms [esbuild] 14ms [mints] 6ms [mints_para] 12ms --------- e2981chars [tsc] 14ms [esbuild] 1ms [mints
Background Remover Easily Remove the Background from an image
爆速でデザインをコードに変換するPloxyはフロントエンドの開発におけるルーチンワークを自動化し、 アプリケーションの開発効率を向上させる開発支援サービスです。 Ploxyはフロントエンドの開発フローの一部を自動化し、アプリケーションの開発効率を向上させる開発支援サービスです。 デザインツールで作成されたプロトタイプをコードに変換FigmaやXDなどのツールで作成されたデータを取り込むだけで、ReactDOM、ReactNative、SwiftUIなど、アプリケーションとしてビルド可能なUIコードを生成します。 ※Beta版はFigmaのみ対応
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く