保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR（拡張現実）のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの
📃 Webページをそのままの状態でローカルに保存するツールを作った話 - Qiita
はじめまして。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サービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
全てのWindowsユーザを幸せにするツールたち - Qiita
僕個人がWindowsマシンにインストールしていて、 これが無くなったら困るなあ・・・という、 そこに当たり前に存在する幸せ（ツール）を紹介します。 プログラマでなくても幸せになれるツールを選びたかったので、 敢えてプログラマ向けとせず「全てのWindowsユーザ」としております。 Clover Chrome風のエクスプローラーです。 標準のエクスプローラーはフォルダごとにウィンドウが表示されるので、 気づいたらいくつもウィンドウが無数に増えて、 今見たいフォルダがどこにあるかわからなくなることが多々あります。 Cloverを使えば、タブで管理されるのでウィンドウは１つ（任意で増やせます）、 目当てのフォルダもすぐに見つかってイライラから解消されます。 さらに、Chromeのショートカットも使えるため、 例えば、一度消してしまったタブをShift+Ctrl+Tで復活、なんてこともできます。
コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita
普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの１つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO
てっとり早く Windows を使いやすくする定番ツール集 - Qiita
はじめに てっとり早く Windows を使いやすくしたい方向けに、定番ツールを紹介します。 本記事のコンセプト 三行以内でエッセンスを伝える 自分が使っているものを厳選して紹介する 業務利用も可能なフリーソフトのみを紹介する 簡単に使える（インストール+α程度）ソフトのみを紹介する 本記事のターゲット Linux/Mac ユーザーだが、やむを得ず Windows も使わないといけない方 Windows は使いづらい、使いやすくしたいけど勉強するのはだるい、手早く改善したいと思っている方 Widnows ユーザーで、定番ツールについて知りたい方 ソフトの探し方 本筋とは少し逸れますが、ついでにフリーソフトの探し方を簡単に挙げておきます。 ソフトライブラリから探す Vector …… ソフト数は随一 窓の杜 …… 編集部が厳選しているので品質高い ｋ本的に無料ソフト・フリーソフト …… Ve
スケジュール管理が捗る！便利なガントチャートツール10選
プロジェクトの進行においてスケジュール管理というのはとても重要になります。スケジュールをしっかりと把握しておかなければ効率よく業務を進めることもできなくなってしまいます。このスケジュール管理をするために使うと便利なのが「ガントチャート」です。 ガントチャートとは ガントチャートは横軸に日付、縦軸にタスクを並べ、各タスクごとに予定を記入したり進捗を記入することで、プロジェクト全体のスケジュール管理ができる表のことを指します。１つのプロジェクトを進める上で多くの作業（タスク）がありますので、一目でスケジュールの進捗を把握し、各タスクのスケジュール調整を適宜行うことができるのが利点です。 エクセルなどでも作ることは可能ですが、１からガントチャートを作るのはなかなか骨が折れる作業になります。そこでおすすめなのがガントチャート専用のツールやサービスです。 以下に、国内外のガントチャート管理ツールを紹
月40時間→5時間にバックオフィス業務を短縮。クラウドツールで組織運営を”極限まで”効率化する方法 | 未来を変えるプロジェクト by パーソルキャリア
doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 これまでメールやオフラインで行われていたコミュニケーションがチャットに置き換えられて円滑になったり、Skypeなどビデオ会議システムが導入されたことでリモートワークが実現したり、あるいはGoogleドキュメントなどドキュメンテーションツールによって情報共有がスムーズになったり･･･ テクノロジーの進歩により私たちの仕事の仕方はこれまでとは大きく変わりました。 「テクノロジーを “極限まで” 駆使すれば、業務はもっと効率化できる」と話すのが、スマホ向けブラウザ「Smooz（スムーズ）」を開発するベンチャー、アスツール社代表の加藤雄一さんです。同社では、会計データの保管・共有は「MFクラウド」、契約書は「クラウドサイン」、稼働
Dropbox Paper を使うときに知っておきたい 15 のヒント
0 0 223 0 本記事は Dropbox Paper チームのリーダーのカビータによってこちらで執筆された記事の和訳です。 Dropbox Paper の最も優れた点のひとつはシンプルさですが、逆に言えば、Paper がシンプルであるために、よく利用しているユーザーさえも気づいていない機能が実は多いということです。最近、お客様とのミーティングで、Paper の「知られていない」機能をいくつかお知らせしたところ、大変ご好評をいただきました。そこで、こちらでも皆様にご紹介させていただきます。 今回ご紹介する機能は、私たちも毎日使用している便利なものばかり。これらの機能で、スピーディーかつ簡単に仕事を進められるようになりますので、ぜひお試しください。 1. Markdown による書式設定 Paper が Markdown をサポートしているのをご存じでしたか？ Markdown 書式設定の
自分の性格や思考の癖を把握しよう
※この連載は、『ITエンジニアのためのチームリーダーシップ実践講座』（上村有子著）の第1章～第3章を、著者と出版社の許可の下、一部修正して転載するものです。 周囲に与える精神的な分かりやすさ、すなわち「信念」を明確にするには、自分の価値観をしっかり認識しておく必要がある。価値観を認識することで、メンバーとの意見の対立の理由が見えてくることもある。性格や思考の癖と併せて自分の価値観を再点検し、周囲に示すべき姿を確認しておこう。 価値観は人それぞれ リーダーは、チームの代表者として、しばしば意思決定をする機会に見舞われます。判断の基準となるのは、通常、組織の規則や慣習、自分の経験ですが、ここぞというときによりどころとなるのは、自分の価値観です。 価値観をかみ砕いて表すと、「何を大切にするか？」あるいは「何にこだわるか？」と言えます。例えば、仕事とプライベートのどちらを大切にするか？ 仕事におい
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
タスク管理ツール「Trello」をもっと使い倒す！ガントチャートも作れる応用編を紹介 | SELECK
タスク管理ツール「Trello」の使い方の、応用編です。Trelloは日本語に対応して、より一層使いやすくなりましたね。今回は、無料版でも使える、Trelloの一歩進んだ使い方を紹介します。 この記事を読むと、こういったことがわかります。 「もっと見る」の中にある、「ラベル機能」を活かせるようになる 「絞り込み機能」で期限切れのタスクなどを可視化できるようになる Chrome拡張を使って、Trelloをガントチャートに落とせるようになる ▼「Trelloってそもそも何？」という方は、こちらの記事をどうぞ Trello（トレロ）でタスク管理がラクになる！無料版の使い方・始め方を解説 ▼Slack連携など、さらなる応用編はこちらの記事をどうぞ ついに日本語化！「Trello」の便利なChrome拡張・Slack連携を紹介します！ ▼他の企業が、Trelloをどのように使っているかも紹介していま
写真の色情報を調べよう！カラー成分測定「色とりどり」：色抽出アプリ
配色事例 ｜ パステルカラー ｜ ビビットカラー ｜ アースカラー ｜｜ ロリポップ！のドメインは選べる全104種類！！ 色を見る、色を楽しむ、色を判定する！写真や画像の彩りを解析します！Web画像解析ツール 写真画像のカラーデータを分析します。写真やイラストに使われている「主色」テーマカラーとその割合・カラーコードを教えてくれます。いろいろ調べてみましょう。こんな色が使われていたのかという色との出会いが待っています。 （選択した画像ファイルを送信前に確認できるようになりました： 2019.5.29） 画像ファイルを選んで下さい↓（アップしたデータは解析後に自動削除されます） ＋＋画像ファイルを選択 画像ファイルの選択後、下の「画像のカラー成分を抽出」ボタンを押してください。 色について知ろう カラー成分測定「色とりどり」は画像の色をデータ分析し色を判定するツールです。 色との出会い 色の
もう迷わない→勘が役に立たない状況での意思決定のツールとステップ
世の中には、そして人生には、そもそも正解があり得ないような問題がたくさんある。 問題がきちんと定義できなかったり、それぞれ別の面で他よりも優れている解決策が並立したり、どうすれば望ましいのかが今後の自分ではコントロールできない不確定要素に左右されたりする場合がそうである。 そうした場合、少なからぬヒトは、意思決定をやり過ごす。 「人生ってこんなもんさ」とか「悪い状態も今だけだ」とか「いずれ運が向くだろうさ」とか「いくら考えたって答えなんて出ない」などと自分に言い聞かせて、選択することを先送りにし現状維持を決め込む。 しかし本当は、リスクを取らないこともまたそれなりにリスキーであるのと同様に、「選択することを先送りにする」こともひとつの選択であり、しかも悪い選択であることが多い。 未来はどこまで行っても不確実だが、それは意思決定しない理由にはならない。 むしろ不確実だからこそ、意思決定の余地
認知療法の３神器（ツール）活動記録、コラム法、損得比較表＋１４の技法：認知行動療法・認知療法の道具箱
認知行動療法・認知療法を やるための すぐに使えるツール・簡単な説明・疾患別説明・セルフヘルプ向け図書・専門家向け和書・専門家向け洋書・リソース集・実施機関リスト・歴史／まめ知識 認知行動療法 ３種の神器（ツール）＋その他のツール 活動記録表・コラム（思考記録表）・損益比較表 ぐずぐず主義克服シート・不安（恐 怖）階層表（週間版）・趣味・娯楽リスト・最高最悪 シート・対人躊躇対策シート・バー ンズ・チェック・リスト・コーピング・カード・ ・マイナス思考をプラスに・反応的行 動から主体的行動へシート・心配事をできることにシート・問題解決シート・行動実験シート・行動支援シート・中核的信念シート・機能分析シート 認知行動療法は書くことにはじまり、書くことに終わります。 ここでは最もよく使う３つのツールを紹介し、すぐに使えるフォーマットを用意しました。 その後ろに、便利に使えるツールを並べてありま
Web制作時に使える定規ツール『Linear』が便利すぎる
Webのデザインを作ってる時とか、コーディングしている時に知りたいのが各要素の高さや幅などの長さ。 特に他のサイトやデザイン物を参考にしてる時にこの『Linear』を使うと便利です。 各要素の大きさや要素間の間隔、余白の高さや幅などなど、知りたい長さがとっても簡単に分かります！ Linearの特徴と使いかた Linearは無料で使える定規アプリ。 OS X 用の単体アプリとして動作他のアプリ上でオーバーレイ（半透明）で表示される作った定規を右クリックでDuplicateすればコピー可能複数の定規を同時に使用可能ウィンドウ右下の「○」でカラーを白と黒で切り替え定規の単位はpxとemショートカットで新規定規作成、表示非表示の切り替えが可能 使い方の動画も公開されてます。 ▼ How to use Linear ダウンロードはこちらから。 → Linear App インストール方法は簡単で、ダウ
社内の面倒な手作業はZapierにやらせようーーノンプログラマーでも業務自動化ができるツールを導入してみて
社内の面倒な手作業はZapierにやらせようーーノンプログラマーでも業務自動化ができるツールを導入してみて QA Author: tadashi-nemoto0713 これは Mercari Advent Calendar 2017 22日目の記事です。 こんにちは、メルカリのQA-SETチームで自動化をぶりぶりしている tadashi0713 です。 前回は業務自動化の1つとして、Seleniumを使ったブラウザ操作自動化についてご紹介しました。 tech.mercari.com コメントや反応を見ますと、最近はRPA(Robotic Process Automation)をはじめとした業務自動化に関心が高い印象を受けました。 メルカリでは1ヶ月ほど前にZapierというツールをTeam Planで導入しました。 zapier.com このツールを使って、社員がより簡単に業務自動化ができ
フランクリンが友人に教えた線１本で作る意思決定ツール
まだアメリカ独立戦争が始まってなかった1772年、ベンジャミン・フランクリン（危険な雷実験を敢行し避雷針を発明、サマータイムなどを発明したが、特許は取得せず、利益をいきなり社会に還元した）が、イギリスの友人である化学者ジョセフ・プリーストリ（酸素の発見者、消しゴムや炭酸水の発明者でもある）に手紙を書き送り、そのなかで勧めた「心の代数」(Moral Algebra)、といってもピンと来ないかもしれない。 だが、以下の説明を見れば、おそらく聞いたことがあるか見たことがあるではないだろうか？ 中には既に使っている人もいるに違いない。 １．まず紙の真中に縦の線を一本引こう。準備はこれだけである ２．そして、いま決定したい事項について、賛成する理由を線の左側に、反対する理由を線の右側に、それぞれ書いていく。 フランクリンは、この作業に時間をかけるよう勧めている。「数日に渡り，折に触れては、賛成の側、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
未完成でも進捗を気軽に報告できる「進捗ノート」が神ツールの予感！絵描きや衣装製作、研究活動にも「やる気製造装置！」
イラストやマンガや同人誌にかなり使える！下絵・塗り・背景に役立つPhotoshopのアクションのまとめ
