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

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

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

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

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

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

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

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

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

クリエイターの作業をラクにする最新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になるまで少しずつ大きくなる、と... 続きを読む

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でレスポンシブ対応のフォント... 続きを読む

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

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

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

NoCodeというツールを活用する。｜三上蒼太 | yenta by Atrae｜note

2019/11/20 60 users nocode Stripe Trello MailChimp

他にもStripeや Pay.jpのようなpayment系、Typeformのようなアンケート作成系、Mailchimpやsendgridのようなメールツール系、AsanaやTrelloのようなタスク管理系もその類とする意見があります。 要は「便利ツール」たちといっても間違いないのかもしれません。 NoCodeの何が楽しいのか僕はデザイナーです。 一般的にデザ... 続きを読む

HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS | コリス

2019/03/28 445 users コリス CSS HTML CSSファイル ツール

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCS... 続きを読む

NumpyやPyTorchで使える超便利ツールを作った - シバニャンだニャン！

2018/12/06 81 users pip ツール GitHub CAMPHOR ジバニャン

この記事は，CAMPHOR- Advent Calendar 2018の7日目の記事です． この記事は，NumpyやPyTorchなどの開発に使える「shape_commentator」という便利ツールを使った話です．このツールはpipでインストールできるので，サクッと試してみたい方はGitHubのページに飛んで使ってみてください． はじめに こんにちは．シバニャン... 続きを読む

充実するフロントエンドの便利ツール、むしろエンジニアの新たな「悩みの種」に？｜WIRED.jp

2018/11/07 173 users エンジニア フロントエンド WIRED.jp

IMAGE BY CASEY CHIN プログラミング言語を習得するだけでは、ソフトウェアエンジニアになることはできない。いまの時代、ソフトウェアをつくるには、業界のエコシステムのなかで使用されているさまざまなツールを駆使する必要がある。 それらのツールには、プログラマーがコードを書くために使うプラグラムから、それを... 続きを読む

Googleドキュメントでブログを生成できるサービス「You Don’t Need WordPress」 | Webクリエイターボックス

2018/10/09 55 users Googleドキュメント Webクリエイターボックス 角度

2018年10月9日 便利ツール 手軽にWebサイトを作成するサービスは多々ありますが、「You Don’t Need WordPress」というWebサービスはGoogleドキュメントと連携させるという、今まであまり見なかった角度から発足したCMS。「WordPressは必要ないよ」という挑戦的なネーミングも気になったので、さっそく試してみました！ ... 続きを読む

【衝撃事件の核心】教員パソコンをカンニングで大阪医科大生逮捕　患者カルテなど４６万件流出（1/4ページ） - 産経WEST

2018/08/29 285 users カンニング 核心 大阪府警 バックアップ 産経ｗｅｓｔ

パソコン内のデータを別の場所に自動保存する「バックアップソフト」。インターネット上では無料ソフトも多数公開されている。本体故障時に役立つこの便利ツールを、あまりに不届きな用途に使った医大生が大阪府警に逮捕された。教員用のパソコンにこのソフトを仕込み、成績アップのためにデータを“カンニング”していた... 続きを読む

CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem | コリス

2018/07/09 131 users rem コリス フォントサイズ CSS 複利計算

フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素...記事の続きを読む 続きを読む

px, %, em, rem, vw, vhなど、CSSの異なる単位が互いにどのように変換されているかが分かる便利ツール | コリス

2018/03/07 86 users rem ビューポート コリス CSS 相対単位

絶対単位のpxをはじめ、%, em, remなどの相対単位、vw, vhなどのビューポートの幅と高さに基づいた単位などが、お互いにどのように変換されているかが分かる便利ツールを紹介します。 CSS unit conver ...記事の続きを読む 続きを読む

まだユニクロのヒートテックで消耗してるの？デザイナーの私がおすすめできない理由。危険性も解説。代替えのおすすめも紹介！ - 平均年収陸マイラーの毎年家族で海外旅行

2018/02/16 62 users ヒートテック sasasan ユニクロ bookmark 解説

2018 - 02 - 17 まだユニクロのヒートテックで消耗してるの？デザイナーの私がおすすめできない理由。危険性も解説。代替えのおすすめも紹介！ 旅行アイテム 便利ツール シェアする Bookmark! Facebook Twitter Google+ Pocket おはようございます！sasasanです。 ユニクロと言えば、今や日本No1のアパレル企業で知らない人はいないぐらいの巨大企業です... 続きを読む

goのgRPCで便利ツールを使う - Qiita

2017/12/24 56 users Qiita grpc RPC Scala RPCフレームワーク

gRPCについてはいろいろな記事で既に説明されているのでここではあまり詳しく説明しないが，googleが公開しているRPCフレームワークである． このRPCの定義をProtoco Bufferで定義でき，そこからサーバ&クライアントのライブラリを生成できる． ちなみにHTTP/2で通信するらしい． で，仕事では最近 scalaでgRPC していたりしたのだけれど，やっぱりgoで書くのが一番いろんな... 続きを読む

[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール | コリス

2017/11/01 51 users コリス クォート セミコロン Prettier CSS

コードを決められたルール通りに記述するのは、素晴らしいことです。 同じクォートを使い、セミコロンの後のスペースの有無、スペースやタブの数、改行の使い方など、統一するのは大変そうですが、ツールを使用すると簡単にできます。 コードを決められたルール通りに、見やすく整形できる便利ツールを紹介します。 Prettier + Stylelint: Writing Very Clean CSS 下記は各ポイン... 続きを読む

ツイキャス、Radiotalkはブロガーと相性抜群のツールだと思う - 甘夏ソースで召し上がれ

2017/09/09 84 users Radiotalk amanatu_sauce ご存じ 一言

2017 - 09 - 09 ツイキャス、Radiotalkはブロガーと相性抜群のツールだと思う ブログ運営 ブログ運営-便利ツール どーもこんにちは！甘夏( @amanatu_sauce )です。 突然だが 『ツイキャス』『Radiotalk』 というサービスをご存じだろうか？ 一言で言うと、誰でも無料で利用できる情報発信型サービス。 そしてここ最近、はてなブロガーの中でこのサービスを利用してる... 続きを読む

フロントエンドはブラウザの実装と普及に律速される… | Mon, Feb 20. 2017 - 氾濫原

2017/02/20 51 users 破壊 再生 Mon 年単位 評価

フロントエンドはブラウザの実装と普及に律速されるので、それほど急にできることが増えたりはしない。全てのブラウザに実装がのったとしても、十分に普及するには年単位で時間がかかる。なので急いで何かを覚える必要があるってことはまずない。 破壊と再生が繰替えされてるのは、実現性に影響するようなクリティカルな部分ではなくて、便利ツールとか便利な考え方とかの部分なので、不便を感じはじめるまで評価を遅延しても良い... 続きを読む

【画像付き】ディスククリーンアップで削除しても良いファイルと手順

2017/01/09 129 users ディスククリーンアップ 手順 デフラグ 画像付き HDD

よくデフラグと一緒に利用されている「ディスククリーンアップ」という機能があります。これはWindowsに搭載されている便利ツールです。 不要なファイルを安全に削除し、ハードディスク（HDD）の空き領域を増やす方法として、よく使用されます。デフラグを行う前にここへ訪れた方も一緒に、ディスククリーンアップを試してみましょう。 手順を紹介する前に、ディスククリーンアップを行う際、初心者の方は、削除してい... 続きを読む

ブログの画像ちゃんと圧縮してる？画像を圧縮するメリットと便利ツールを紹介するよ - MUTANT

2016/12/02 59 users 大掃除 WEBサービス 季節 文字 アプリ

2016 - 12 - 02 ブログの画像ちゃんと圧縮してる？画像を圧縮するメリットと便利ツールを紹介するよ ブログ運営 webサービス/アプリ こんにちは、てつです。 年末です。大掃除の季節です。 それに乗っかる形ではないですが、今日はブログで使用する画像を圧縮することについて話します。 ブログは基本的に文字で構成されますが、記事によっては画像を多用することも多いと思います。 画像を配置した方が... 続きを読む

【ポケモンGO】簡単に「かくれたポケモン」の位置がわかる便利ツールが公開

2016/08/13 270 users ポケモン ポケモンGO 位置 歩数 図形

ポケモンGOの「かくれたポケモン」の位置を、(多少の労力で)簡単に特定できる ツール が公開されました。 先日のアップデート以降「かくれたポケモン」の精度が上がり、これを利用して目当てのポケモンの場所を探す 手法 はすでに紹介しました。 しかしながらその方法では、距離を歩数で数えたり、図形を頭の中で描く必要がある、といった課題がありました。 それらを解決し、「かくれたポケモン」の位置特定が簡単にな... 続きを読む