超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

2023/01/12 273 users 快適 操作 オンラインツール カラー テーマ

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレット...記事の続きを読む 続きを読む

画像の処理内容を数珠つなぎに設定して複雑な処理を一発実行できる無料ツール「chaiNNer」を使ってみたよレビュー

2022/11/12 207 users リサイズ 数珠つなぎ ウェブページ ワンクリック フォルダ

画像をウェブページの作成や資料作成用に編集する際は、「画像をリサイズ」「名前を変更」「フォルダを移動」などの複数の処理を行う必要があります。無料で公開されているソフトウェア「chaiNNer」を使えば、複数の処理内容を数珠つなぎにしてワンクリックで実行できるとのこと。日々の繰り返し作業が楽になりそうだっ... 続きを読む

画像に含まれる不要物を違和感なく完全削除できる無料ツール「Lama Cleaner」のインストール手順＆使い方まとめ

2022/10/30 455 users GitHub 不要物 被写体 画像 文字

写真に写り込んだ不要な被写体や、画像の中に含まれる邪魔な文字など、画像の一部を消したい状況は多く発生します。画像の中の不要な部分をキレイに削除できる無料ツール「Lama Cleaner」を見つけたので、PCへの導入方法や使い方をまとめてみました。 GitHub - Sanster/lama-cleaner: Image inpainting tool powered by ... 続きを読む

画像からテキストを抽出、ファイル名を一括変更…Windowsを快適にする公式無料ツール「PowerToys」おすすめ機能7選 | 文春オンライン

2022/09/16 138 users PowerToys かゆいところ Microsoft 抽出

「PowerToys」という無料ツールをご存知でしょうか。Windowsをさらに使いやすくする十数個の機能をまとめた、Microsoftの公式ツールです。カユイところに手が届く数々の機能はいちど使うと手が放せなくなるほどで、どうしてこれがWindowsに最初から組み込まれていないのだろうと首をひねってしまうほどです。 そんな「Po... 続きを読む

満足度の高いPDF編集ツール　本家のAcrobatを抑えて1位になった無料ツールは【2022年9月版】

2022/09/15 551 users Acrobat 本家 Microsof ITreview 1位

ユーザー満足度の高いPDF編集ツールはどれ？　IT製品レビューサイト「ITreview」に寄せられたレビューを基に、ランキング形式でまとめた。 PDF編集ツールは、アドビシステムズが開発した文書フォーマットPDF（ポータブルドキュメントフォーマット）を編集できるツールだ。PDF形式ファイルは、テキストファイルやMicrosof... 続きを読む

便利な無料ツールが登場！ Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer

2022/07/25 251 users CSS 検証 登場 スタイル定義 一貫性

1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI,... 続きを読む

レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App | コリス

2020/06/24 435 users コリス レスポンシブ 本命 デバイス Windows

レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です！ Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど... 続きを読む

面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes | コリス

2019/06/10 57 users コリス リーダビリティ 配色 アクセシビリティ カラースケール

このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツール... 続きを読む

Webデザイナーの制作現場で役に立つ18の無料ツール | UX MILK

2019/05/27 60 users UX MILK Webデザイナー 制作現場 ウクライナ 情熱

Natalyは、ウクライナのSevastopolのWeb開発者で、WordPressとITの執筆に情熱を注いでいます。彼女は自分のLand-of-Webを運営して、制作に役に立つ記事やチュートリアルなどを掲載しています。 デザイナーは彼ら自身を表現しようと常にもがいています。心や魂をプロジェクトに込めることが彼らのモットーです。 すべての... 続きを読む

デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer | コリス

2019/05/27 400 users コリス 補色 Color Designer 組み合わせ ベース

色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの...記事の続きを読む 続きを読む

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs | コリス

2019/02/25 703 users コリス dependencies Issue 階層 言語

フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、... 続きを読む

色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス

2019/02/04 62 users 適用 要素 ベース 組み合わせ オンラインツール

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -... 続きを読む

無料キーワード提案ツール UbersuggestでSEO対策

2018/12/20 69 users SEO対策 Ubersuggest PPC クリック単価 全て

UbersuggestLooking for more keyword ideas? Type in a keyword below to start generating more suggestions. キーワード概要効果的なSEO対策やPPCに不可欠な詳細キーワードデータを提案してくれる無料ツールをお探しですか？Ubersuggestなら、検索ボリュームから季節性やクリック単価まで、キーワードに関する全ての... 続きを読む

音声を自動でテキスト化→解析　無料ツール、ユーザーローカルが公開 - ITmedia NEWS

2018/11/05 83 users 解析 音声 ユーザーローカル ITmedia News てき

ユーザーローカルは、テキストを解析できる無料のWebツールに、音声を自動でテキスト化する機能を追加した「音声認識テキストマイニング」を公開した。 ユーザーローカルは、テキストを解析できる無料のWebツールに、音声を自動でテキスト化する機能を追加した「音声認識テキストマイニング」を公開した。会議音声をテキ... 続きを読む

便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール | コリス

2018/08/29 156 users コリス ハンバーガーメニュー スマホアプリ SVGアイコン

SVGアイコンは美しく軽量で、非常に便利です。Webサイトでもスマホアプリでも、SVGアイコンを使用している人は多いと思います。 SVGアイコンをアニメーションさせるには、どうしていますか？ 例えば、ハンバーガーメニュー...記事の続きを読む 続きを読む

キーワードプランナーの代わり！｜正規の検索数がわかる無料ツール | うるチカラ

2018/08/20 78 users 肝心要 チカラ Googleキーワードプランナー 仕様 検索数

「もうGoogleキーワードプランナーは使えない！」 このように思っておられる方はたくさんいらっしゃるのではないのでしょうか。2016年夏、キーワードプランナーの仕様が変更されて以来、キーワード調査で肝心要の検索ボリュームが、正確に見られなくなってしまいました。 そのため、「キーワードプランナーの代わりにな... 続きを読む

驚くほど簡単！コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches | コリス

2018/07/25 97 users Stitches コリス 積み木感覚 コーディング作業

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが...記事の続きを読む 続きを読む

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール | コリス

2018/04/20 848 users コリス Bootstrap 積み木 CSS HTML

さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む

こういうのを待ってた！日本語フォントで、レスポンシブ用の文字の指定を調整できる無料ツール -Archetype | コリス

2018/02/28 172 users line-height Archetype コリス 見出し

文字の指定をいろいろ調整できる無料ツールは他にもありますが、ようやく日本語フォントに対応したものがリリースされていたので、紹介します。 文字のサイズやline-heightをはじめ、見出しレベルによるサイズの拡大率など、 ...記事の続きを読む 続きを読む

[CSS]簡単で便利！ページで使用されていないCSSのセレクタを見つける無料ツール -Unused CSS | コリス

2018/02/19 79 users セレクタ コリス CSS Unused CSS 複数

指定したWebサイトで、使用されていないCSSのセレクタを自動で検出する無料オンラインツールを紹介します。 ページ内部のリンクも再帰的に調査し、複数のページにも対応しています。 Unused CSS finder Unused CSS finderの特徴 Unused CSS finderの使い方 Unused CSS finderの特徴 Unused CSS finderは指定したWebサイトの... 続きを読む

これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic | コリス

2017/11/20 121 users コリス Bootstrap コンポーネント 変数 テンプレート

Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap... 続きを読む

かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス

2017/09/19 759 users コリス XAMPP PHP WordPress Windows

WordPressのローカル環境を構築するといえば、 XAMPP や Instant WordPress を利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 U... 続きを読む

ウェブデザイナーが配色に困らない、実践向き無料カラーツール14個まとめ - PhotoshopVIP

2017/06/21 78 users PhotoshopVIP ツールキット ウェブデザイナー

配色は、デザイナーが扱うツールキットの中でも強力なアイテムのひとつで、習得するのが難しいコンセプトでもあります。 可能な色の組み合わせは無数にありますが、 ウェブサイトやアプリで使用する色を決めるときに悩んでしまう こともしばしば。 デザイン作業を簡単にする、配色カラーパレット作成に適した無料ツール をまとめてご紹介します。制作時間の短縮につながる実践的なツールの使い方を学びましょう。 http:... 続きを読む

画像の加工・編集を簡単に行える無料ツール「Canva」が便利 - Togetterまとめ

2017/05/28 58 users canva Togetterまとめ 加工 編集 画像

リンク www.canva.com 131146 220 users Amazingly Simple Graphic Design Software – Canva Canva makes design simple for everyone. Create designs for Web or print: blog graphics, presentations, Facebook cove... 続きを読む

Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。 - PhotoshopVIP

2017/04/21 550 users PhotoshopVIP 爆速 Photoshop作業 素材

デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「 拡張プラグイン 」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「 アクション 」、独自のコントロールパネルで機能を提供する「パネル」の... 続きを読む