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

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

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

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

もっと見る

List

  • 2020/11/29

Svg Wave - 綺麗な波のデザインを描く

自然の動きを表現するのはとても難しいです。コンピュータは直線を描いたり、繰り返す動きを描くのは得意ですが、滑らかな曲線を自然に描くのは容易ではありません。しかし自然物のデザインはそうした繰り返しではないところに魅力があります。今回紹介するSvg WaveはSVGで波を描けるソフトウェアになります。## Svg Wave...

List

  • 2020/11/25

Visitor Badge - 現代風に作り直した昔懐かしいカウンター

古き良きインターネットの遺物といえば、Webサイトにあるカウンターではないでしょうか。CGIやSSIなどで設置して「あなたは何番目のお客様です」といった文言を表示していました。ちょうどいい番号をゲットしたら、キリ番ゲットなどと呼ばれて、それを掲示板で報告したりしました。そんな昔懐かしいカウンターを現代風に復刻したのがV...

List

  • 2020/11/21

t-rec - コンピュータ操作をアニメーションGIFにするCLIツール

コンピュータの操作を提示する際にコマンドラインを並べたり、テキストで○○ボタンを押すといった表現があります。しかしGUIの場合、どうにも分かりづらかったり、クリックすべき対象が見つからなかったりします。そんな時、動画はとても分かりやすい表現です。今回紹介するt-recはコンピュータ操作をアニメーションGIFにしてくれる...

List

  • 2020/11/12

Johari - Electron製の画像ビューワー

画像ビューワーにも様々な目的があります。一つ一つの写真を綺麗に見たいというものもあれば、大量の写真を分かりやすくカテゴライズしたい、高速で閲覧したいといった具合です。それぞれ目的に合わせてツールを使い分けると、より生産性が高まります。今回紹介するJohariは大量の写真に向いたソフトウェアです。写真をまとめてフォルダの...

None

  • 2020/11/05

webimgo - 画像をバッチ処理でサイズ変更&最適化

画像をまとめて変換したい時はよくあります。たとえば提案資料を作っていて、Webサイトのスクリーンショットをたくさん取得したものの、それをサイズ変更したい時です。異なる画像フォーマットも合わさったりすると、とても面倒です。今回紹介するwebimgoはバッチ処理で画像サイズの変換、そして最適化をまとめて行ってくれます。##...

None

  • 2020/11/04

markdown-backup - Markdown内のリモート画像ファイルをダウンロード

Markdownファイルはローカルに蓄積されるので、いつまでも手元にあると安心しがちです。しかし、内容によっては突然変わることがあります。それはリモートにある画像の場合です。リモートサーバ上でファイル削除されてしまえば、その表示内容が変わってしまいます。そうした不測の事態を防げるのがmarkdown-backupです。...

List

  • 2020/10/26

Placeholder service - 自分で立てる画像のプレイスホルダーサーバ

画像のプレイスホルダーはWebサイトやアプリのモックアップを作るときに重宝します。情報量が多い画像を使うと本質を見失いがちです。グレー表示などの画像であれば、サイトの構成など、必要な場所だけに目を配れます。今回紹介するPlaceholder serviceは自分で立てるプレイスホルダーサーバです。自由な大きさに画像を生...

List

  • 2020/10/24

Go-Diagrams - Goを使ってネットワーク図を描く

システム用の図を書く場面はよくあります。特にプロジェクトでのネットワーク図であったり、アーキテクチャをまとめたりするのによく書くことでしょう。ドロー用のソフトウェアを使ってビジュアルで描くこともできますが、メンテナンスが面倒だったり、専用のソフトウェアをインストールしないといけません。そこで使ってみたいのがGo-Dia...

List

  • 2020/10/20

glitch-image - 画像にグリッチ加工を行う

グリッチは画像などのバイナリデータをわざと壊すことで、映像に乱れを起こす加工技術です。乱れによってちょっとした不安感を感じさせたり、空気の乱れやSF的な効果を呼び起こせます。そんなグリッチを任意の画像に適用できるライブラリがglitch-imageです。## glitch-imageの使い方適用した画像です。!

List

  • 2020/10/01

Screenshoteer - コマンド一つでWebサイトのスクリーンショット取得

Webサイトのスクリーンショットを撮る際にはどうしているでしょうか。ドキュメントやヘルプ、スライドなどスクリーンショットが必要になる場面は実に多いです。ブラウザをそのままキャプチャしてもよいですが、個人の機能拡張など余計な情報が入ってしまいます。今回紹介するScreenshoteerはスクリーンショットが取得できるCL...

List

  • 2020/09/23

imgproxy - 高速で手軽な変換機能付き画像プロキシサーバ

画像は扱いが難しいメディアです。オンラインでよく使われていますが、同じ写真でも表示する場面によって大きさを変更したいことがあります。常にきれいで、画素の高い画像を使っているとネットワークを圧迫してしまうので、必要に応じたサイズへの変更が必要になります。これがとても面倒です。そこで使ってみたいのがimgproxyです。画...

List

  • 2020/09/15

SteganograhyProject - 画像の中に画像、テキストを隠す

映画などではコンピュータ上に重要なデータを残す際、暗号化しているのが基本です。しかし暗号化はパスフレーズなどによって解かれる可能性があります。さらに暗号化されていたら、そこに重要な物があると教えているようなものです。そこであなたに使って欲しいのがSteganograhyProjectです。画像ファイルの中にテキストや画...

List

  • 2020/09/05

AVIF - JPEG/WebPよりも軽量な画像フォーマット

インターネット上で送受信されるデータ量が増えています。そのため、ファイルはなるべく小さい方が好まれるでしょう。送受信も短くて済みますし、帯域を逼迫しません。今回紹介するAVIFはJPEG/WebPを置き換える新しい画像フォーマットになります。## AVIFの使い方AVIFは執筆時点のGoogle Chrome 84では...

List

  • 2020/09/04

decomoji - テキスト画像を使ってSlackを盛り上げよう

Slackではカスタム絵文字が使えますが、日本でよく見かけるのがイラストではなくテキストになっているものです。4文字だと収まりがよく、漢字だと角印のようで見栄えもよかったりします。そんなテキストベースの絵文字をデコモジというそうです(文字をデコレーションしているからでしょうか)。decomojiではSlackで使えるデ...

List

  • 2020/08/08

XP Paint - 懐かしいWindows XPのペイントアプリをWebアプリケーションとして再現

少し前ではローカルでしか実行できなかったようなアプリケーションが、今ではWebブラウザ上でさくさく動くようになっています。それによってOSの垣根を越えて、自由に使えるようになるでしょう。今回紹介するのは懐かしいWindows XPベースのPaintアプリを再現したXP Paintです。## XP Paintの使い方メイ...

List

  • 2020/08/06

code2img - コードを画像化するコマンド

プログラミングコードをブログの中に差し込んで表示したいと思うことがあります。しかしブログエンジンにコードのハイライト機能がなかったらどうなるでしょうか。酷い、読みづらいコードが表示されてしまうかも知れません。読みづらいものよりは、まだ画像の方がマシなこともあります。そんな時に使えるのがcode2imgです。## cod...

List

  • 2020/07/23

ゆるGIFメーカー - 画像を振るわせてアニメーションGIFを生成

アニメーションGIFは動いていなければ意味がありません。しかし、アニメーションを一から作るのは大変です。動画などの素材をベースにするのはそのためです。コマ撮りで作るのは時間も労力もかかります。そこで一枚の画像からでもアニメーションGIFが作れるゆるGIFメーカーを使ってみましょう。フルフルと震える、新しいかわいらしさを...

List

  • 2020/07/09

Image Scrubber - Webブラウザで上でプライバシーに配慮した写真加工を行う

この記事が一般公開される頃にはBLMも落ち着いているでしょうか。欧米ではBLM運動が活発に行われており、様々な余波が生じています。今はソーシャルの時代であり、デモで撮影された写真があっという間に拡散されています。そうやって撮影された写真には肖像権があり、おいそれとアップロードするのはよくありません。まず最低限の処理をI...

List

  • 2020/07/05

bingo - 壁紙をBingのimage of the dayから取得して自動設定

壁紙は何を設定していますか。こだわりの一枚を使っている人も多いと思いますが、筆者はアプリが全画面のことが多いので、こだわりもなくデフォルトのまま放置しているように思います。これではよくありません。同じように壁紙を何にすればいいか分からない…という方はbingoを使ってみましょう。Bingのimage of the da...

List

  • 2020/06/26

Image Compare Viewer - Web上で2つの画像を比較

変更前のと変更後の画像や動画は見る目を引くものです。何が変わったのか、どう変わったのか分かると、どこに工夫がこらされているのか分かります。ビフォーアフターのようなリフォーム番組でも、前後の動画を効果的に使っています。今回紹介するImage Compare Viewerもそんな比較を効果的に行えるライブラリです。二つの画...