はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
選択 ベクター化したいビットマップ画像を選んで、このページにドラグ・ドロップしてください。 JPEG や PNG などのビットマップ画像は、それぞれの色を備えた「ピクセル」と呼ばれる小さな正方形のグリッドで表現されています。 処理 画像は、分析、処理され、ピクセルから幾何学的図形に変換されます。 その結果生成されたベクター画像は、ぼやけることなくどんな解像度でも拡大・縮小することができ、印刷、切り抜き、刺繍、その他に使用することができます！
劇場映画やテレビ番組を制作するハイエンドのプロの多くが、他のソリューションではなくDaVinci Resolveを使用しています！その理由は、DaVinci Resolveの驚異的な品質とクリエイティブなツールが、ライバルたちの遥か先を進んでいるからです。エミー賞™受賞作品も生み出したDaVinciイメージテクノロジーは、32-bit浮動小数点処理、特許を有するYRGBカラーサイエンス、巨大な広色域カラースペースに対応しており、最新のHDRワークフローをサポート。さらに、高品質で名高いFairlightオーディオ処理によって、業界最高水準のサウンドを作成できます。プロのカラリストやエディター、VFXアーティスト、サウンドエンジニアたちが毎日使用するのと全く同じツールで、自分の映画や配信用テレビ番組を仕上げられます！ DaVinci Resolve 19は、パワフルなDaVinci Neur
Macの「アクセシビリティ」にあるズーム機能を使えば、画面を拡大表示することができますが、ちょっと物足りないなーと感じたときは「Zoom It」を使うと便利ですよ！ 使い方は簡単です。まず「Zoom It」を起動し、メニューバーにあるアイコンをクリックします。「Show/Hide Loupe」にある「option」＋「Z」キーを同時押しすると、画面上の一部を拡大表示することができます。 画面の拡大表示は「システム環境設定」にある「アクセシビリティ」からも利用できるのですが「Zoom It」を使うとルーペの倍率やサイズ、形状といった細かいカスタマイズを簡単に設定することができます。 実際に「option」＋「Z」キーで使ってみると、小さなPNG画像がこんなにも大きく拡大表示することができます。 ルーペの倍率は100〜500％まで変更することができます。もちろんショートカットキーでの倍率変更に
Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ！という便利そうなツールもたくさんあります。 エディタとIDE（統合開発環境） 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Veloci
複数人で1つのデザインデータを編集していると、突き当たるのが「どうやってマージするか問題」です。 作業人数分のデータを複製して用意したり、「これから◯◯.sketch触ります。開かないでください????」とチャットで周知したり……そんな経験をした方も多いのではないでしょうか。 そんなデザイナーの悩みを解決してくれるのが、今回紹介するAbstractです。 Abstractとは AbstractはアメリカのElastic Projects, Inc.が提供しているサービスです。どんなサービスか一言で説明すると「デザイナー向けのGitHub」といったところでしょうか。 Gitの仕組みを利用して、デザインデータ（.sketchのみ対応。Adobe系も対応予定）に対してブランチを切ったり変更内容をコミットしたり、差分をマージする、といったことが可能です。 まだ正式リリースはされておらず、現在はPr
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? LPなどの視覚的なデザインを売りとしたサイトの場合、高い水準でカンプ通りの実装が求められる。自分では狂いなく再現したつもりでも、どこかでずれていてデザイナーから指摘されることもしばしばある。この記事では、1デザインカンプの徹底再現（2 ピクセルパーフェクト）の必要性と、そのための便利なMacOSXアプリケーションを紹介する。 要約 他人の作ったデザインを高いレベルで再現するには、ピクセルパーフェクトを狙うくらいの意気込みが必要 その為には、ブラウザへカンプを重ね合わせるチェックが有効 Helium/Mapture/LayxerXは、フロ
SitePointのデザイナーであり、デザイン＆UX分野の編集者でもあるAlexが振り返る、2016年のデザインツール事情。たくさんのツールが登場した中でもFigmaは特にお気に入りのようです。 2016年ももう終わりですので（日本版編注：この記事のオリジナルは昨年12月に執筆された）、この1年でワークフローがどう変わったかを振り返るのはおもしろいと思います。この1年で多くのツールや手法が大きく変わったのは驚くべきことです。 個人的には、2016年のデザインおよびUXで注目のテーマは、Chromeアプリが本格的なWebデザインツールの候補になったことだと思います。実際に、2016年はこれに関する記事を3本執筆しました。 振り返ると、4月にはJarek Foksaの優れたツールでありSVGエディタのBoxySVGについて執筆しました（『シンプル・爆速・超便利な無料SVGエディター「Boxy
Webデザインにおけるデザインは当然重要ですが、これと同時に「画像の容量をいかに減らせるか」ということも大切なポイントです。容量が大きいとページの表示速度が遅くなり、ユーザーのイライラの原因になってしまいます。 特に透過色を使用できて、可逆圧縮形式の便利なPNG画像などは、どうしてもファイルサイズが大きくなってしまうのが難点です。 今回は容量が大きくなりやすいPNG画像の圧縮を中心に便利なサイトやアプリケーションを紹介します。JPGやGIFなどの他形式から変換するような機能が付いているものも多いので、併せて確認してみるといいでしょう。 PNG画像を圧縮できるWebサービス Optimizilla
カス削除くんは2018年に再リリースしております。 新バージョンの手順をご紹介します。 気がつけば勝手に作られる不可視ファイル。。 他の人とのファイルのやり取りで「_notes」などが紛れ込んでいたら、 プロとして恥ずかしい。。 ターミナルでももちろん削除できますが、 対象ファイルドラックと、削除ボタンクリックだけで一瞬で、 サブファイルも削除できる「カス削除くん」をご紹介します。 納品ファイルやテストサーバーにアップする時に便利ですね。 「.git」「.svn」などのバーション管理用ファイルも選択すれば削除できます。 6年以上使ってますが、手放せないぐらい便利です。 ダウンロードする＊airアプリなのでWindowsとMacどちらでも使用できますが、 Adobe airの最新版をインストールしておく必要があります。 ▼Adobe AIRダウンロードサイト http://www.adobe
こんにちは、吉岡(@yoshiokatsuneo)です。 DockerはLinux上の軽量コンテナ環境として、飛ぶ鳥を落とす勢いで成長しており、paizaでもジャッジシステムで利用しています。 そのDockerのMac OS X、Windows用クライアントの新製品が、"Docker for Mac"、"Docker for Windows" として先日3月24日に案内されています。 blog.docker.com 従来、Mac OS X, Windows向けクライアントとしては、Docker Toolboxが提供されてきました。 しかしながら、Docker Toolboxは、ある程度Dockerについての知識がないと使いづらい部分がありました。 Docker ToolboxはVirtual Box環境が必要であり、Docker Machineで環境設定を 行わないと利用できませんでしたし
Create invoices in the blink of an eye with GrandTotal Requires macOS 10.14 or newer Try for free Intuitive GrandTotal offers a user-friendly interface that is easy to understand, even for newcomers. The menus and keyboard shortcuts are based on the intuitive ergonomics of macOS and fit seamlessly into your workflow. Efficient With the speed of a desktop application, logical workflows and automate
この記事は 俺のメニューバー Advent Calendar 2015 25日目の記事です。 俺のメニューバーアドベントカレンダーも最終日になりました。メリークリスマス💪🎅 この24日間で紹介したアプリを振り返り ＋ 書くまでもなかった定番アプリ、紹介できなかったアプリやネタアプリなども含め、ジャンル別に俺のメニューバーをここに総決算しますメリークリスマス💪🎅 追記：44選って中途半端なので50選に加筆しました。（2015.12.25 19時頃） 俺のメニューバーとは http://togetter.com/li/910188 そもそも「俺のメニューバー」とは、Stocker.jp のなつきさんと会話していて、メニューバーを晒したら、色んな人に笑われたんですが、どれも便利で消せるものがないので、じゃあそれでアドベントカレンダーで毎日アプリを紹介してみようとノリで始めた、ひとりアドベ
Repliaというアプリのアイコンと、サンプルPSDを描きました！ デザイナーにも開発者にもうれしいアプリなので、使い方を解説します Repliaとは RepliaはPhotoshopのデザインからiOSのソースコードを生成してくれるアプリです まずは30秒の使い方動画をみてください！魔法みたい Repliaで書きだしたプロジェクトファイルをSimulatorで見るとこんな感じ！ あっという間にSimulaterで見られるかたちに整えてくれるのはスゴイ…スゴイよ… ざっくりしたアプリ使用の流れは Repliaでpsdを読み込む Xcodeのプロジェクトファイルに書き出し です セットアップ方法 Repliaを使うにはAdobeのPhotoshopで設定が必要です フォトエディター | Adobe Photoshop CC無償体験版ダウンロード 公式ページのガイド：Guide - Repli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
