タグ「便利ツール」

タグ便利ツール

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 177件)

UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

2024/04/03 206 users 色彩理論カラーパレット UIデザイン用プロンプト

AIによる便利ツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む続きを読む

Windows 11ユーザー必見！オススメ「フリーソフト」10選 (1/2)

2023/09/11 15 users フリーソフト SaaS 筆者頻度 Windows

20年ほど前は毎週のようにフリーソフト特集を執筆していたのだが、SaaSが普及するごとにフリーソフトを使う頻度が減ってきた。とは言え、今でもWindowsを快適に使うためにはなくてはならない便利ツールだ。今回は、筆者が仕事で使うWindows 11 PCに導入しているフリーソフト10個を紹介する。もし、ニーズに合うようなソ... 続きを読む

「Microsoft Edge」の増えすぎた便利ツール、大量リストラへ／数式を解く機能や品詞の色分け、キッズモードなどがターゲットに

2023/08/29 10 users 品詞色分け数式大量リストラターゲット

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

2023/07/24 21 users CLAMP font-size フォントサイズ CSS 関数

レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツール... 続きを読む

無料でAIがイラストを自動で色別レイヤーに分割してPhotoshopやクリスタで読み込めるようにしてくれる便利ツール「layerdivider」インストール＆使い方まとめ

2023/05/01 26 users グリスタ Photoshop 抹茶 PSD形式レイヤー

AIによって1枚のイラストを色や明るさに応じて自動でレイヤーにわけてくれるツール「layerdivider」を、抹茶もなかさんが無償で公開しています。ブラウザのUIにイラストを読み込ませてボタンをクリックするだけでレイヤー分けしてくれるだけでなく、Adobe PhotoshopやCLIP STUDIO PAINTで読み込めるPSD形式のデータにも... 続きを読む

ChatGPTで仕事を非効率化する｜かりみや｜note

2023/03/05 574 users chatgpt bot Note 使い道自社

このnoteで得られる情報・情報伝達を終わらせる方法このnoteの情報の使い道・自社を終わらせる・敵対企業のChatGPTのbotをハッキングしてこれにして終わらせるどうも。みなさん、ChatGPTで仕事効率化させてますか？世の中にはサイトを要約するとか、メールを要約するとか、そういう便利ツールが集まっていますね ... 続きを読む

「AIによる自動Webデザイン」についてChatGPTでブログ記事を書いた＋使ってみた雑感

2023/02/14 6 users OpenAI chatgpt 人工知能チャット形式文章

2023年2月14日 Webサイト制作, 便利ツールアメリカのOpenAIが公開した自然な文章を生成する人工知能（AI）、ChatGPT。チャット形式で質問に答えて自然な言葉で返してくれます。みなさんもう使ってみましたか？今回は「AIによる自動Webデザイン」について、ChatGPTにブログ記事を書いてもらいました！ChatGPTを使ってみ... 続きを読む

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

golangで便利ツール作ろうと思ったらos/execでハマった話 - Qiita

2023/01/16 23 users exec Qiita golang

はじめに PoCの初期段階などで、いくつかのシステムを組み合わせて動作させるような場面では、リポジトリが分散し、開発者ごとに違う言語で小規模なシステムを構築していることがあります。そんな中で、動作確認をしたり、不具合を再現させたりする際、以下のような手作業が発生していました。 1. システムAを実行して... 続きを読む

クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ

2022/11/03 111 users ラククリエイターインスピレーション時短作業

「こんなツール、あったの？」と思ってしまう、話題の最新オンラインツールをまとめてご紹介します。デザインのインスピレーションが欲しいときや、やりたくなり面倒な作業を一発完了したり、時短にもつながる便利ツールが揃います。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう... 続きを読む

カラー生成のこんな便利ツールがあったとは！ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

2022/08/22 285 users 半透明ダイアログシャドウ背後背景

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数...記事の続きを読む続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users CLAMP font-size CSS 関数メディアクエリ

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

電子書籍は自分のものにならない！？電子書籍の欠陥と紙の本の重要性について考察してみた！ | 秋葉原ＰＬＵＳ（＋）

2022/05/16 11 users 秋葉原ＰＬＵＳ欠陥約款本棚結論

電子書籍と言えば、本好きには本棚を圧縮出来て部屋がすっきりできるとともに、書店に行くことも無く手軽に読むことが出来る便利ツール。しかしながらその約款を見ていくと手元に残らないことが判明してきた。今回は10社程度の約款を調べてみた結果を報告していこう。電子書籍は「閲覧権」を付与されるだけ！結論から... 続きを読む

Web制作にすごい役立つ！コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean

2022/04/19 13 users フォーマッターデコード PDF変換コード Web制作

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、各種PDF変換など、Web制作に役立つツールがまとめて利用できるToolsOceanを紹介します。便利なツールが一箇所で利用... 続きを読む

知らなきゃ損！Web制作を爆速にする最新オンラインツール40個まとめ - PhotoshopVIP

2022/02/08 16 users わーコピペ人工知能 PhotoshopVIP cssツール

この記事では、「もっと早く知りたかった」と思ってしまう、Web制作が加速する便利な最新オンラインツールをまとめてご紹介します。面倒な設定をコピペで利用できるCSSツールや配色ツール、人工知能を使った便利ツールなどが数多く公開されており、ますますクリエイティブな表現が広がりそうなものばかり。自分のワー... 続きを読む

Alfredの代替としてRaycastを使っている - 詩と創作・思索のひろば

2022/02/01 357 users alfred Spotlight Raycast MacOS

新春ツール入れ替えシリーズです。macOS における Spotlight 的なランチャーツールとして Alfred を長いこと使ってきたが、最近 Raycast を使ってみてこれがよかったので、以来ずっと使い続けている。 Raycast - Supercharged productivity 開発者のための便利ツールという売り文句のようで、そういう点がまさに気に入っ... 続きを読む

CSSの便利ツールが登場！レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/01/31 225 users フォントサイズ CSS CLAMP レスポンシブ対応登場

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォント... 続きを読む

Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました | コリス

2021/07/15 25 users コリス border-radius clip-path 生成

CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形...記事の続きを読む続きを読む

ShowNote:「フロントエンド開発の便利ツール・設定・プラグインなど」を語るフロントエンドTechCafe #2 - HackMD

2021/06/16 8 users HackMD https プラグインフロントエンド開発設定

# ShowNote:「フロントエンド開発の便利ツール・設定・プラグインなど」を語るフロントエンドTechCafe #2 ## イベントページ https://rakus.connpass.com 続きを読む

開発で使ってる便利ツール - 書いたもの

2020/12/22 183 users 開発ニキシー管賞賛他人初回

この記事は CAMPHOR- Advent Calendar 2020 の23日目の記事です。22日目はれおまるさんの「ニキシー管の魅力」でした。ニッチ！！！！(賞賛) CAMPHOR- Advent Calendar には初回の2014年から参加していて7度目の参加になります。今回は普段の開発で便利に使っている周辺ツールを紹介します。他人の開発風景を見てい... 続きを読む

Googleフォントをサブセット化してページの読み込みをスムーズに | Webクリエイターボックス

2020/07/29 11 users フォント Googleフォント速度容量みなさん

2020年7月29日 Webサイト制作, 便利ツールおしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね？登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみ... 続きを読む

Dart Sass、使ってる？Preprosを使えばコンパイルも楽勝！ | Webクリエイターボックス

2020/06/15 21 users コンパイルコンパイラー楽勝 Sass import

2020年6月15日 CSS, 便利ツール最近Sass界隈が賑わっているように感じます。おそらく「Sassを@importから@useに置き換えるための手引き」という記事でDart Sassダートサスの存在を知った方も多いでしょう。今回はそんなDart Sassをザックリと、そして便利なコンパイラー「Prepros」について紹介します。 Dart Sassとは ... 続きを読む

幅いっぱいの画像に与えるさまざまなCSSグラデーションを簡単に生成できる便利ツール -The Hero Generator | コリス

2020/05/11 19 users ジェネレーターコリスグラデーション CSSグラデーション

ヒーローヘッダに使用する幅いっぱいの画像に与えるさまざまなグラデーションのスタイルシートを1クリックで生成できるジェネレーターを紹介します。グラデーションのカスタマイズや自分の画像をアップロードすることもできるので、出...記事の続きを読む続きを読む

Dockerメモ : awesome-dockerで紹介されているDocker関連の便利ツール - もた日記

2020/05/04 14 users Docker関連た日記

管理ツール lazydocker ctop portainer cadvisor ユーティリティ dive docker-slim docker-bench-security watchtower container-diff pumba container-structure-test Linter/Formatter hadolint dockfmt Dockerfileサンプルチートシート github.com awesome-dockerで紹介されているDocker関連の便利ツール、Dockerfil... 続きを読む