無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方

2023/01/13 260 users Illustrator PNG 起動 Windows ファイル

WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使い... 続きを読む

閲覧中のウェブページ全体を単一のhtmlファイルとしてダウンロード＆注釈付けも可能な「SingleFile」レビュー

2022/03/06 455 users ウェブブラウザ ウェブページ全体 Firefox 別フォルダ

ウェブブラウザで閲覧中のウェブサイトをページ中の画像も含めて保存したいと思ったときに、HTMLファイルと画像ファイル・スタイルシートが別フォルダになることなく、単一のHTMLファイルとして保存できるブラウザ拡張機能が「SingleFile」です。 SingleFile – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.... 続きを読む

よくあるAWSサーバーレス構成のシーケンス図をMermaidで描いてみた | DevelopersIO

2022/02/18 176 users Mermaid Markdown DevelopersIO

こんにちは、CX事業本部 IoT事業部の若槻です。 今までシステムのドキュメントなどでUML図を使用したい場合は、別途PlantUMLで画像ファイルを生成し、MarkdownやAsciiDoc内に配置するということをしていました。 しかしこちらの記事の通り、Mermaidを使用すればMarkdown内で直接UML図の定義を記述し、GitHub上でそのまま... 続きを読む

企業のお知らせ配信サイト「PR TIMES」で漏えい　発表前の情報258件に不正アクセスの痕跡 - ITmedia NEWS

2021/07/09 119 users 流出 PDFファイル インサイダー情報 東京都港区 痕跡

企業のプレスリリース配信サービス「PR TIMES」が不正アクセスを受け、公開前の情報258件が流出した。7月9日時点でインサイダー情報の流出は確認していないという。 PR TIMES社（東京都港区）は7月9日、同社が運営する、会員企業の発表を配信するWebサイト「PR TIMES」で当時未発表だった画像ファイルやPDFファイルなど... 続きを読む

画像ファイルやデータベースの文字列を「grep」のように検索できる「ripgrep-all」 - GIGAZINE

2020/12/03 189 users GIGAZINE grep コマンドライン メタデータ 弱点

Linuxのコマンドラインで文字列を検索する際に必要不可欠なコマンドといえば「grep」です。しかし、grepは動画ファイルやPDFファイルの文字列を検索できないのが弱点。そんなgrepの弱点を克服し、動画ファイルのメタデータやデータベースのレコード、画像ファイル内の文字列まで検索可能なコマンドが「ripgrep-all(rga)... 続きを読む

CSSだけで作れる！背景パターンや模様のサンプルコードまとめ | Web Design Trends

2020/08/27 227 users CSS background-imageプロパティ 模様

CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが... 続きを読む

オンラインで実施された高校生向けテストの提出にiPhoneを使用した生徒が不合格に、生徒たちは集団訴訟へ - GIGAZINE

2020/05/22 145 users GIGAZINE iPhone COVID－19 集団訴訟

新型コロナウイルス感染症(COVID-19)対策のために、筆記問題の回答を撮影し画像ファイルで提出する方法で実施された試験で、主催者側がiPhoneの画像ファイルを受け取れず受験生が不合格になる問題が発生しました。この問題は、iPhoneで撮影した画像ファイルの形式が主催者側が求めたファイル形式とは異なったことが原因... 続きを読む

無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」 - GIGAZINE

2019/01/20 787 users ウェブページ 手動 GIGAZINE 特定 Chrome ウェ

画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェ... 続きを読む

無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」 - GIGAZINE

2019/01/20 787 users ウェブページ 手動 GIGAZINE 特定 Chrome ウェ

画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェ... 続きを読む

AIによる自動着色アプリが超有能　色の傾向を選ぶだけで線画をきれいに塗ってくれる - ねとらぼ

2018/11/05 105 users とらぼ 傾向 線画 ペイントツール 作画AI

AIが自動で線画に色を塗ってくれるWebアプリ「style2paints」の最新版が公開されました。画像ファイルをアップロードするだけで、手の込んだ彩色をしてくれることから、「作画AIもここまで来たか」とネットをにぎわせています。 ペイントツールのようで、そうでないWebアプリ。画像をアップロードするだけで、AIがここま... 続きを読む

AIによる自動着色アプリが超有能　色の傾向を選ぶだけで線画をきれいに塗ってくれる - ねとらぼ

2018/11/05 105 users とらぼ 傾向 線画 ペイントツール 作画AI

AIが自動で線画に色を塗ってくれるWebアプリ「style2paints」の最新版が公開されました。画像ファイルをアップロードするだけで、手の込んだ彩色をしてくれることから、「作画AIもここまで来たか」とネットをにぎわせています。 ペイントツールのようで、そうでないWebアプリ。画像をアップロードするだけで、AIがここま... 続きを読む

バイナリエディタを作りました！ - プログラムモグモグ

2018/04/10 461 users バイナリエディタ cmd ファイルフォーマット bed 趣味

2018 - 04 - 10 バイナリエディタを作りました！ Go バイナリエディタ を作りました。 インストールは go get -u github.com/itchyny/bed/cmd/bed でできると思います。 なぜ作ったのか 私は昔からファイルフォーマットに興味があり、画像ファイルや PDFファイル のフォーマットを調べるのが好きでした。 最近も圧縮ファイルのフォーマットを趣味で調べた... 続きを読む

縦横比を無視したリサイズをしても違和感のない画像に仕上げることができる画像リサイズ用ライブラリ「Caire」 - GIGAZINE

2018/02/04 128 users GIGAZINE GitHub リサイズ ピクセル 被写体

画像ファイルの リサイズ はすべての ピクセル に対して均等に伸縮させるものです。このため、人物や建物が写っている画像に縦横比を無視したリサイズを行うと、被写体のバランスも崩れてしまい、違和感のある画像になってしまいます。画像リサイズ用ライブラリ「 Caire 」は画像内にある人物や建物などの比率を維持したままリサイズでき、違和感のない画像を作り出せます。 GitHub - esimov/cair... 続きを読む

縦横比を無視したリサイズをしても違和感のない画像に仕上げることができる画像リサイズ用ライブラリ「Caire」 - GIGAZINE

2018/02/04 128 users GIGAZINE GitHub リサイズ ピクセル 被写体

画像ファイルの リサイズ はすべての ピクセル に対して均等に伸縮させるものです。このため、人物や建物が写っている画像に縦横比を無視したリサイズを行うと、被写体のバランスも崩れてしまい、違和感のある画像になってしまいます。画像リサイズ用ライブラリ「 Caire 」は画像内にある人物や建物などの比率を維持したままリサイズでき、違和感のない画像を作り出せます。 GitHub - esimov/cair... 続きを読む

どんどん便利になってるChromeの機能拡張！Web制作に便利な機能がまとめられた -CanvasFlip | コリス

2017/08/28 152 users DOM コリス キャプチャ Chrome インストール

DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。 それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール... 続きを読む

クリエイター界激震　簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声 - ねとらぼ

2017/04/13 744 users とらぼ psd フリーウェア 無料 PNG

簡単にキーフレームアニメーションを作れるフリーウェア、「 AnimeEffects 」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読... 続きを読む

画像ファイルにJavaScriptを隠す | yohgaki's blog

2015/09/09 325 users yohgaki's blog JavaScript 前回

前回のエントリでイメージファイルにスクリプトを埋め込んで攻撃する方法について記載しましたが、最近イメージファイルにスクリプトを埋め込む事例が話題になったためか ha.ckersにJavaScriptをイメージファイルに隠す方法が紹介されています。http://ha.ckers.org/blog/20070623/hiding-js-in-valid-images/ 続きを読む

小さい画像をきれいに拡大　人工知能を使ってノイズを除去する「waifu2x」 - はてなニュース

2015/05/18 156 users ノイズ 人工知能 waifu2x ソフトウェア 拡大

Webサイトを作る際に、用意した画像が粗かったり、画像のサイズが小さ過ぎたりした経験はありませんか？ 人工知能の技術を活用したソフトウェア「waifu2x」を使えば、ノイズのある画像をきれいに拡大できます。はてなブックマークには「すごい」「これは使える」など多くのコメントが集まっています。 ▽ waifu2x waifu2xのページで、拡大したい画像のURL、もしくはパソコン内にある画像ファイルを... 続きを読む

webpack で始めるイマドキのフロントエンド開発 - Qiita

2015/04/05 319 users Webpack webapp Qiita ビルドツール 配布物

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

TwitpicやTwitterから画像データを一括でまるごと自動ダウンロードできる「Twitterダウンローダ」 - GIGAZINE

2014/10/19 202 users GIGAZINE Twitter Twitpic テヘペロ

「閉鎖のお知らせ」→「救世主現る！サービス続行するよ～」→「やっぱり閉鎖します。データはダウンロードしてね。テヘペロ」と二転三転したTwitpic(ツイピク)が2014年10月25日にサービスを終了します。Twitpicのような急なサービス終了に備えて、TwitterやTwipple(ついっぷる)にアップロードした画像ファイルを一括でダウンロードできるソフトが「Twitterダウンローダ」です。 ... 続きを読む

ショック！　Twitterがサポートを始めたGIFアニメはGIFではなかった―しかしうまい考え – Techcrunch

2014/06/20 404 users Twitter TechCrunch gif パニック アニメ

昨日（米国時間6/18）、TwitterはGIFアニメのサポートを開始した。しかし、Twitterが表示するアニメはまるきりGIFではなかったことが判明した。なんたるショック！　 だが、パニックに陥るには及ばない。これはTwitterとしてとても巧みな手なのだ。 まずEmbedlyがTwitterフィードに表示されるGIFがGIFファイルではないことに気づいた。 それどころか画像ファイルですらない... 続きを読む

これから始める人のためのNginx（1）：高速・軽量・高機能……Nginxの基礎知識 (1/2) - ＠IT

2014/06/17 557 users nginx エンジンエックス HTMLドキュメント 近年 連載

処理能力の高さなどを理由に、近年、大規模サイトを中心に急速にシェアを拡大しているWebサーバー「Nginx」。この連載では、その特徴と魅力を分かりやすく紹介します。 第3のWebサーバーとして注目を集めるNginx 1日に数億リクエストを処理するような大規模サイトを中心に、近年急速にシェアを拡大しているWebサーバーが「Nginx（エンジンエックス）」です。HTMLドキュメントや画像ファイルといっ... 続きを読む

ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！ | 男子ハック

2014/06/12 1547 users PNG compressor.io gif SVG画像 劣化

無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！ Compressor.io – optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1.2MB→... 続きを読む

無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」 - GIGAZINE

2014/05/27 343 users 瞬時 compressor.io 手元 http ブラウザ

アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレ... 続きを読む

画像の作り方・使い方でファイルサイズを減らす方法 │ Design Spice

2014/04/16 116 users Design Spice 切り口 CSS ファイルサイズ 前提

画像のサイズを軽くするためにCSSやWebフォントを使う方法はよく聞かれますが、今回は画像ファイルを使う前提でその容量を減らす方法を別の切り口からまとめてみました。 高速化のための画像最適化の方法はいろいろなところで紹介されております。 当ブログでも過去にレスポンシブWebデザインの画像問題の解決法5種という記事を書きました。 こちらの記事でも紹介したように画像のサイズを軽くするためにCSSやWe... 続きを読む