ITエンジニア/デザイナ向けにオープンソースを毎日紹介

メディア - 画像の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2020/01/26

ASCIIPlayer - 動画/アニメーションGIFをターミナルで楽しむ

ターミナルでも動画を見たいと思ったことはないでしょうか。私たちには画像をアスキーアート化するテクニックが昔から知られており、さらにASINカラーで色付けすれば、それなりに楽しめそうです。ASCIIPlayerはそんな夢を叶えてくれる動画プレイヤーです。ターミナル上でアニメーションGIFや動画を楽しめます。## ASCI...

List

  • 2020/01/23

CoreUI Icons - 1,500種類を超える多彩なアイコン集

今のWebサイト、スマートフォンアプリではテキストではなくアイコンで操作を指示することが増えています。絵の方が分かりやすい場面も多いですが、分かりづらいアイコン(保存のフロッピーアイコンなど)もあります。その中でも大事なのが統一性です。大量のアイコンが一つのパッケージになっていることで、統一されたデザインが実現できます...

List

  • 2020/01/16

EscherSketch - タイル状のシンメトリーデザインを簡単に作成

あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...

List

  • 2020/01/15

linedraw - 画像をSVGに変換

画像を変換する類のソフトウェアは多数あります。例えばアスキーアートに変換したり、グレースケールにする、油絵風にするなど様々です。手法を知っておけば、目的に応じてぴったりなソフトウェアが選べるはずです。今回紹介するlinedrawは画像をSVGにしてくれるソフトウェアです。他では見られないものだけに知っておくと役立ちそう...

List

  • 2020/01/14

Gazo-san - OpenCVを使った画像差分ソフトウェア

開発者であればテキストの差分表示にはお世話になることが多いでしょう。そして同様に画像も扱うことの多いコンテンツです。デザイナーの方であれば画像の変更前と変更後で見比べたい方もいるでしょう。そこで使ってみたいのがGazo-sanです。単純なピクセル単位での比較とは違う画像比較ソフトウェアになります。## Gazo-san...

List

  • 2020/01/13

familytreemaker - 記法に従って家系図を生成

家系図的な表示を使いたい時がたまにあります。組織図であったり、システムのアーキテクチャ、クラス図などでも使えます。そのために専用のソフトウェアを使うのは面倒で、後々のメンテナンスも考えるとプレゼンソフトウェアなどで簡易的に作ってしまったりします。そんなあなたのためのソフトウェアがfamilytreemakerです。記法...

List

  • 2020/01/09

unDraw - 自由に使えるフラットなイラストをダウンロード

最近、海外のWebサイトを見ると、フラットな人やオブジェクトを使ったイラストがよく使われています。日本であればいらすとやと同レベルかというくらい使われています。そんな雰囲気のイラストがSVGで無償公開されています。それがunDrawです。## unDrawの使い方こういう雰囲気、見ますよね。!

List

  • 2020/01/05

Branded QR Ccode - 任意のロゴを載せたQRコードを生成

QRコードは世界中で使われています。特にスマートフォンが登場して以降、その利用範囲が拡大しているように感じます。仕様として多少汚れていても使えるようになっており、エラー率も考慮して生成できます。そんな仕様を使うことで、QRコードの中に本来不要な情報も盛り込ませることができます。それがBranded QR Ccodeです...

List

  • 2019/12/30

tiv - ターミナル用画像ビューワー

ターミナル上でも画像を見たい、と思う機会はそう多くないと思いますが、そんな少ない機会の時に面倒なインストール作業はしたくないでしょう。普段から用意しておくと幸せになれるかも知れません。今回紹介するtivはターミナルでの画像表示ビューワーです。表示方法も様々に用意されています。## tivの使い方表示例です。!

List

  • 2019/12/20

p5.riso - 画像を懐かしさ溢れるリソグラフ風に加工

リソグラフというのは印刷方式の一つで、原版を作ることで高速な印刷ができます。色数を押さえることで高速印刷可能で、新聞の折り込みチラシにあるような風合いの印刷が可能です。そんなリソグラフをWeb上で再現してくれるのがp5.risoです。懐かしい風合いの表現になります。## p5.risoの使い方デモです。ちょっとかすれた...

List

  • 2019/12/08

PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成

PWA(Progressive Web Apps)は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなけれ...

List

  • 2019/11/22

MEGAMOJI - Slack用のアニメーションする絵文字を作成

Slackでは絵文字をリアクションやメッセージに含めることができます。そして、それらの絵文字はカスタマイズが可能で、自作した絵文字をアップロードしている人も多いでしょう。今回紹介するMEGAMOJIはSlack用の絵文字を簡単に自作できるWebアプリケーションです。## MEGAMOJIの使い方テキスト、または画像をベ...

List

  • 2019/11/05

Tiler - 画像で画像を表現

風景の写真をモザイクで表現したり、小さな写真をちりばめて大きな写真を作ったりと、同じ素材でも表現の仕方を変えるだけで印象が大きく変わります。画像編集ソフトウェアでもそういった機能を持ったものがあります。今回紹介するTilerはPythonを使って、画像を画像で表現します。## Tilerの使い方元画像。!

List

  • 2019/10/30

webp-hero - WebP非対応ブラウザでも表示するpolyfill

WebPはGoogleがメインで開発を進めている画像フォーマットです。写真やイラストなど用途を区別せずに使えるフォーマットで、とてもサイズが小さく済むのが特徴です。しかし、対応しているブラウザが限られるのが難点です。そこで使ってみたいのがwebp-heroです。WebP非対応ブラウザでも表示可能にするpolyfillラ...

List

  • 2019/10/18

Glitch Studio - グリッチ画像を自在に作成

グリッチには何とも言えない魅力があります。古く言えばファミコンカセットを中途半端に差し込んだ時の画像と言うか、普通ではない状態だからこそ感じる面白さがあります。今回紹介するGlitch Studioはそんなグリッチ画像を様々なフィルタを通して作成できるソフトウェアです。## Glitch Studioの使い方画像を開き...

List

  • 2019/10/14

Looper - Webブラウザ上でループするアニメーションGIFを作成

アニメーションGIFはループする動画が簡単に作れるとあって、繋ぎが感じられないループアニメーションが映えます。アニメーションGIFを一から作るのは大変ですが、動画を使ったりプログラムで組んだりできます。今回紹介するLooperはそんなアニメーションGIFを生成するためのソフトウェアです。すべてプログラミングして作成しま...

List

  • 2019/09/08

Anime4K - 高速に画像を拡大

ぼやけた映像をくっきりとさせたり、拡大できるのがwaifu2xです。イラストや写真に特化し、世界中から高い評価を受けています。処理時間が若干長いですが、それだけハイクオリティな成果が得られます。そんなwaifu2xに対抗するのがAnime4Kです。リアルタイムでも処理できる、とする高速さが売りです。## Anime4K...

List

  • 2019/08/24

Silicon - ソースコードを綺麗な画像に

スライドの中でソースコードを取り扱いたいと思うことはよくあります。コードハイライトに対応していないと、見づらいものになってしまうでしょう。そのため、プログラミングエディタのコードをスクリーンショットで画像化したりしているかも知れません。そんな面倒はせずにSiliconを使えばコードを綺麗に画像化できます。## Sili...

List

  • 2019/08/22

SuperTinyIcons - 1KB以下の軽量アイコン集

アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。## SuperTinyIconsの使い方ソー...

List

  • 2019/08/19

Convert360 - 360度(全天球)写真を見やすく切り出し

360度写真、360度動画が流行っています。自由に視点が変えられる写真、動画はとても面白いのですが、閲覧するためには専用のビューワーが必要なのが難点です。普通の写真や動画として見ると、端が丸まった見えづらいものになってしまいます。そこで使ってみたいのがConvert360です。360度写真を見やすく整形してくれます。#...