楽曲を最大5トラック(ヴォーカル/ドラム/ベース/ピアノ/その他)に分離できる、高速かつ無料のオーディオ分離ツール「Spleeter」が公開。音楽ストリーミングサービス「Deezer」のエンジニアリングチームが開発。機械学習によって楽曲を分離するツールです。 「Spleeter」には、3つの事前トレーニングモデルが付属されており、以下の3タイプへの分離が可能になっています。 2つ(ヴォーカル/その他の伴奏) 4つ(ヴォーカル/ドラム/ベース/その他) 5つ(ヴォーカル/ドラム/ベース/ピアノ/その他) 実行例: https://waxy.org/2019/11/fast-and-free-music-separation-with-deezers-machine-learning-library/ 「Deezer」内の紹介文 https://deezer.io/releasing-sple
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「New recipe」を選択します。 続いてSTEP2、ここで実際にスクレイプするコンポーネントを登録していきます。 取得対象にカーソルを合わせてクリックすると フィールドとバリューが取得できます。 同じ要領で、ピックアップ全部のタイトルを選択しました。 なお、フィールド値は自由に設定可能。後にアウトプットデータのKey値になるので、取得しやすい英単語が好ましいでしょう。 続いてSTEP3は、リンク元を取得&サジェス
はじめまして。yamaimo (@yarnaimodev) です。Qiita 初投稿...というかネット上にちゃんとした記事を上げるの自体初めてな気がします。 1998 年生まれで、プログラミングとか Web デザインは独学で 3 年ぐらいやってます。TypeScript / Firebase / Node.js / React あたりが特に好きです。 この前 coliss で紹介された Can't Unsee を試してみたら 1 回目が 7,630 点、2 回目が 7,930 点でした。1 小規模ですが Mastodon インスタンスを管理してます。あと Helix キーボード をこの前組み立てた2んですがキー配列を変えたのがなかなか覚えられなくて死んでます。 開発環境は基本的に WSL + Hyper + fish shell と VSCode です。 今回 Puppeteer を使っ
指定したWebサイトで、使用されていないCSSのセレクタを自動で検出する無料オンラインツールを紹介します。 ページ内部のリンクも再帰的に調査し、複数のページにも対応しています。 Unused CSS finder Unused CSS finderの特徴 Unused CSS finderの使い方 Unused CSS finderの特徴 Unused CSS finderは指定したWebサイトの内部リンクを再帰的に調査し、複数のページで使用されていないCSSのセレクタを一覧表示するオンラインツールです。 Webページで使用されていないCSSのセレクタを一覧表示。 内部リンクを自動解析し、配下ページも解析(現在ベータ版で100ページまで)。 解析するCSSは最初に指定したWebページで読み込まれているCSSのみ。 配下ページのみのCSSは、対象外。 擬似クラス(:hover, :focus
ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で
ベテランのウェブデザイナーなら、CSSファイルはきちっと整理されていることでしょう。 セレクタは適切に配置され、プロパティも完璧…。 ですがそんな人でも、新規のWebプロジェクトを手掛けたときに、はじめは必要最低限のものしかなかったCSSが、次第に膨れ上がり、気づけばしっちゃかめっちゃかに……なんていう経験があるのではないでしょうか。 そんな状態では、全体の構造が極端に見えにくくなって、そうでなければありえないようなミスが増えても仕方がないでしょう。 このようなケースに対してすぐに思い付かれる解決策は2つ、逐一CSSを見直して再構築するか、サイトができてから最後に手直しをするかですが、いずれにせよ時間がかかります。 そんなときに便利なのが、以下に紹介する、CSSを整理してくれるツールです。 CSS Comb:CSSプロパティを適切な順番に整理する (※画像をクリックするとリンク先に飛びます
「また新しいブラウザー? もういいよ。」いえいえ、Bliskはちょっと違います。Web開発者向けに便利な機能を搭載した、開発者専用のブラウザーなんです。 日々のWeb開発にどんなブラウザーを使っていますか? 私がTwitter上で先日実施した投票の結果によると、開発者の4分の3は一般的なWebブラウザーを使っています。おそらく以下のような理由が想像できます。 1番よく使うアプリケーションである すでに自分が使いやすいように調整できている 優れた開発ツールが入っている(どれもそうですよね!) それらのユーティリティが快適である そもそも、好みのブラウザーである しかし、そのブラウザーはWeb開発作業に向いているのでしょうか? 私もそうですが、いつもブラウザーにさまざまなアプリやツール、あとで読もうと思っている記事(……でもほとんど読みませんけどね!)のタブを57個くらい開いているのでは? こ
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ&プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
SketchやPhotoshopでデザインしたUI、エンジニアとどうやって共有していますか? Sympliを使ったワークローなら、デザイナーもエンジニアも幸せになれるかもしれません。 2016年、デザインコラボレーションツールは大人気となっています。 一昔前は、カレンダーアプリとToDoリストアプリをうまく組み合わせたプロジェクトチームがほとんどで、その結果もたいていは良いものでした。しかし、デザイン・開発プロセスが複雑になり、特化したコラボレーションツールをめぐる論争はさらに激しくなっています。 では、現在利用可能な「完璧な」デザインコラボレーションプロセスとはどのようなものでしょうか。その定義は少し厄介かもしれませんが、最近デザインコラボレーションツール界の有望な選手を見つけたので、紹介しましょう。 デザインコラボレーションツールを選ぶ上で、好みの問題は大切な要素ですが、結局は誰にとっ
var testObj = { top:{ a: 1, b: { ba:1, bb:"bbtext" }, c:{ ca:1, cb:[1,2,3], cc:3, cd:{ cda:1, cdb:2 } } } } console.log(testObj); この結果をブラウザの開発ツールで見ると、いい感じに表示してくれてしまいます。 chromeだとこんな感じ。 普段は見やすく使いやすく有り難いのですが、そのままコピペ出来る見たままの文字列が欲しくなる時が有ります。 処理の結果として返ってきたオブジェクトをブログやドキュメントに貼付けておきたい場合などです。 最近Qiitaを初めたばかりなのですが、既に何回か出くわしました。 あと、APIの仕様でjsonを文字列として投げたい時。 今出くわして、自分の記事にたどり着きました。 書いた consoleの中にそんな機能は無さそうだったので、書
はじめまして! 2016年1月にBAKEに入った、平野太一です。 ふだんは「cake.tokyo」という、お菓子を紹介するウェブメディアを担当していますが、実はかなりのウェブツール好き。そんな好きが高じて、最近じぶんの中で話題になっているツールなどをTHE BAKE MAGAZINEで紹介させてもらいます。 初回は、プロジェクト管理ツールで困っていたBAKEの中で「使いやすい!」とすぐに浸透した「Asana(アサナ)」についてです! これまで、いろんなツールが乱立していた Jooto、Todoist、Wunderlist、Producteev、Trello、Backlog、Wrike、Redmineなどなど...世の中には、チームのプロジェクト進行を加速させるためのツールがありますが、自分たちの求めるツールを見つけるのは至難の業。 BAKEはオンラインや店舗、海外などさまざまな事業部があり
現代の音楽制作において、最終的な音圧を上げるというのは、非常に重要なテーマになっていますよね。でも音圧を上げることと、音質を保つことや音楽的なバランスを保つことは、ある種のトレードオフであるのも事実。そのため、どうやって音質・音楽性を崩さずに迫力ある音圧にするかを工夫しあっているわけですよね。 そんな中、ちょっと驚くべきツールが誕生しました。DeeMaxというVST(WindowsおよびMac)、AU(Mac)に対応したプラグインがそれ。いわゆるマキシマイザーとコンプレッサのいいとこ取りをしたような存在なのですが、扱い方は初心者でも超簡単。何の知識も経験もなくても、強烈なサウンドを作り出すことができるのです。そこで、ここでは、そもそも音圧とはどういうもので、マキシマイザーとはどんなツールなのかを振り返りつつ、DeeMaxがすごい理由について見ていこうと思います。 ※2015年11月20日
2014-09-25 Photoshopの抽出作業が捗る!Adobeのオンラインツール「Project Parfait」が便利 Web制作 スポンサードリンク Web制作に欠かせない開発ツールであるPhotoshopですが、コーディング時に必要な情報を確認する作業が非常に億劫だと感じたりしませんか? そんな作業を楽にできるツール Project Parfait(プロジェクトパフェ)を解説します。 「プロジェクトパフェ」は、AdobeのCreative Cloud Filesに作成したPSDファイルをアップロードして使用できます。アップロードしたPSDはブラウザ上で必要な情報を簡単に抽出したり、目的のレイヤーを書き出し、といった直感的な操作を可能にします。 ※Creative Cloud Filesの使用はAdobeアカウントの取得が必要です 従来のようにPhotoshop上で行っていたツー
メディアでも 掲載されています 2021年2月26日 フジテレビ 「めざましテレビ なにわ男子のなんでやねん! 人気のマイク&防音グッズ」 2020年5月26日 マイナビニュース 10万円の給付金で自宅に「プライベート空間」を簡単に実現 2020年5月19日 ベース・マガジン 予算10万円の機材選び-武田雄介(RADWIMPS) 2020年5月6日 日経トレンディ6月号 テレワーク実践講座 2020年4月13日 KFB 「ヨジデス なすび探偵がいく」 2018年4月13日 BSテレ東 「ワールドビジネスサテライト トレたま」 音にまつわる こんなお悩み ありませんか? 配信活動に 専念できる環境を 整えたい 音漏れに 気を遣う (特に夜の時間帯…) 防音室は欲しいが 100万円以上で 手が出せない レコーディングや 楽器演奏の スペースがほしい
5月も終わりに近づいてきました。今月もGoodpatch社内で共有された新しくておもしろいデザインやアプリ、Webサービスをご紹介します!今月は社内でSketch.appを始めとする様々なWeb制作ツールが共有されました。まだローンチされてないものもありますが、今後よく使うツールになるかもしれないものもあるかもしれないので要チェックです! 先月の同様のまとめ→ 「新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ」 Web制作ツール BRIEFS http://giveabrief.com/ プロトタイプが作成できるアプリです。iPhoneやiPadのデバイスで検証することが可能です。ちなみにこのアプリは最近リリースされ、Goodpatchが一番最初に購入したみたいです。 Sketch iOS Mirroring http://bohemiancoding
Photoshopでデザインカンプを作成して、いざコーディング!となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前(○○.jpgや○○.png)を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く