せっかく作成したロゴに似たデザインのものがあったり、Webサイトやスマホアプリで見栄えがよくなかったら、がっかりです。 ロゴのデザインに独創性があるか、他に似たロゴはないか、Webサイトやスマホアプリでどう見えるか、モノクロでも大丈夫か、色数は多すぎないかなどを検証できる無料オンラインツールを紹介します。
開発者であればテキストの差分表示にはお世話になることが多いでしょう。そして同様に画像も扱うことの多いコンテンツです。デザイナーの方であれば画像の変更前と変更後で見比べたい方もいるでしょう。 そこで使ってみたいのがGazo-sanです。単純なピクセル単位での比較とは違う画像比較ソフトウェアになります。 Gazo-sanの使い方 古い画像。 新たらしい画像。 差分です。 Gazo-sanは差分を表示する際の要素の抽出をOpenCVを使っています。その抽出された要素に対して差分を見ます。縦や横にずれていても、その部分まで調整してくれるのでテキスト用の差分ツールのように使えます。 Gazo-sanはC++製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 lifull-dev/Gazo-san: Detect difference between two images.
Google翻訳を使って英語ページを日本語にしている人は多いかと思います。そんな時、変な訳にぶつかって原文を確認したいと思うこともあるでしょう。Google翻訳ではページ全体の翻訳または原文表示の2パターンしかサポートされていません。これは不便です。 そこで使ってみたいのがTranslate side by sideです。原文と翻訳文を左右に並べて表示するGoogle Chrome機能拡張です。 Translate side by sideの使い方 実行したところです。認証が必要なサイトでは、翻訳後のサイトは認証前として表示されます。 スクロール追従してくれます。 Translate side by sideを使えば翻訳前後の文章を横並べにしながら確認できます。アクティブになっているウィンドウをスクロールすれば、もう片方のウィンドウも追従してくれます。日本語でコンテンツを確認しつつ、時々原
プログラマにとってdiffは欠かせないツールです。何を変更したのか確認したり、二つのファイルを比較したりするのに使われています。しかし開発において使われるのはテキストだけではありません。 go-diff-imageは画像の差分を表示してくれるソフトウェアですが、生成される差分画像がテキストのdiff風になっているのが面白いです。 go-diff-imageの使い方 元画像。 比較対象の画像。 といった時に差分画像を生成すると以下のようになります。 追加された情報が緑、削除された情報が赤くなっています。多くの差分表示でそういった形になっているかと思います。比較は水平に分割される形で行われています。差分を表示する上で最良の方法かは分かりませんが、どこが違うかは一目で分かるでしょう。 go-diff-imageはGo製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラマーであれば誰もがDiff(差分)表示のお世話になっているはずです。しかし多くの場合、差分表示はバージョン管理と密接な関係にあります。差分表示を行うためにバージョン管理に登録するなんてこともあります。 もっと手軽に差分表示を使いたいと思うならばTextDiff classを使ってみましょう。PHP製、Webベースで使える差分表示ライブラリです。 TextDiff classの使い方 TextDiff classのデモです。 日本語で試したところです。日本語は分かち書きも行われているとのことです。 PHPでレスポンスを受け取れます。これらを解析することで差分表示機能を自分のシステムに組み込めます。 英語の場合。単語単位で表示されています。 TextDiff classはシンプ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であれば差分表示に普段からお世話になっているでしょう。コードのどこを直したのか、どこが削除されたのかなどはDiffを使わなかったら目で探すことになってとても大変です。そして、それはテキストだけではありません。 今回紹介するオープンソース・ソフトウェアはimage-diff、画像で差分表示を行ってくれるライブラリです。 image-diffの使い方 一つ目の画像です。 二つ目の画像です。 差分を取ると、このような画像が生成されます。 image-diffは二つの画像と、その差分となる画像の3つの引数で実行されます。プログラムの中に組み込むこともできます。異なる部分が赤く表示されるので、どこが変わっているのかは一目瞭然でしょう。デザイナーの方などは必須のツールになるのではないでし
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました オフィスでの仕事に徹底的に使われているのがExcelです。職人たちの手にかかれば、表計算のみならずあらゆる場面においてExcelが利用されます。メールでも送られ、修正されて、コピーして修正して…と多くの人たちに使われています。 その結果、多くのコピーとどれが最新で何が違うのか分からないExcelファイルに溢れかえります。そこで使ってみたいのがExcelCompareです。 ExcelCompareの使い方 ExcelCompareは2つのExcelファイルを指定して差分を抽出します。 $ excel_cmp spreadsheet.xlsx spreadsheet-2.xlsx DIFF Cell at Sheet1!B2 => '2016年6月26日' v/s '2016年7月2
Markdownを頻繁に使っていると、つい間違った更新も発生してしまいます。そんな時に役立つのがバージョン管理システムですが、Markdownファイル同士の差分は単なるテキストファイルの比較以上のものではありません。 せっかくここまで広く使われているのですから、差分ももっと適した表示があるはずです。そこで使ってみたいのがmarkdiffです。 markdiffの使い方 markdiffはHTML上で使うようにもなっています。 このようにHTMLが出力されるので、スタイルシートで色分けしてあげればOKです。Aタグのhrefが違う場合はちょっと表示が確認しづらいですが、Markdownをそのまま比較するよりも分かりやすいのではないでしょうか。 markdiffはRuby製のオープンソース・ソフトウェア(MIT License)です。 r7kamura/markdiff
Font management. Perfected.All platforms. Professional features. Beautiful UI. Totally free. FontBase is the font manager of the new generation, built by designers, for designers. A set of amazing featuresFontBase is built for designers, by designers. We understand what you need and deliever a set of great features to help you find the right font.
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先:Photoshop/Presets/Scripts/ Photoshop
「Mergely」は2つのファイルの差分をとることができるサービスです。 このファイルとこのファイルの差分はどこかな?といったときに、 ウェブ上でファイルを比較して差分を表示してくれます。 WinMergeやRekisaなどの差分比較ツールを使わなくてもオンラインでささっとできるのが良いですね。 以下に使ってみた様子を載せておきます。 まず「Mergely」へアクセスしましょう。 左側と右側に差分を比較したいソースを貼り付けます。 このように差分が表示されます。 ハイライトされるのでひと目で分かりますね。 また、共有用のURLも生成されます。 英語の文章や、プログラムのソースコードの比較に役立ちそうですね。
* See What Sucks O hai.We’ll help you choosing the best HTML5 based video player for your next project. Last update: 2017-08-10 Feedback on Twitter.Let’s use the simple and easy-to-remember hashtag #videosws for feedback and news. See you there! Information.Made by Philip Bräunlich and Gerrit van Aaken. New players and updates? Demo video by Visuelle Zeiten. Still missing some players:Accessible H
自社サービスや製品の特徴を分かりやすく伝える方法として、競合他社の比較表は多くのサイトで活用されています。今回は、ある翻訳会社さんが比較表を掲載してNGとなった事例をご紹介します。 下記がその比較表です。何が問題になったのでしょうか? Yahoo!さんからは下記の連絡をもらいました。 Yahoo!カテゴリへの登録におきましては、極端な表現や利用者をあおるような表現の記載や、他社名を記載して比較することにより極端な優位性を示すような記載はご遠慮いただいております。 サイト内をご確認のうえ、該当する表現はご修正くださいますよう、お願いいたします。 他社名を記載していた点が、極端な表現として問題となったわけです。 比較表は会社名をA社、B社と匿名にする形で修正を入れた結果、無事再審査をクリアしました。 比較検討するユーザーに自社の優位性をアピールしたいのはやまやまですが、他社を特定す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く