【瀬戸工事中】

SVGツールまとめ

SVGを制作できるツールの簡易まとめ

TeX2img

TeX2img配布サイト

SVGによる書き出し

授業を動画コンテンツにする場合は4Kでないと厳しい

●授業動画、プレゼンテーション動画では、文字の高精細感が、動画の見やすさに直結する。

●「元画像が4Kで、それをフルHDにダウンコンバートした映像」は「ふつうにフルHDで収録した映像」よりも解像感が高く、見やすい。

●しかし、文字情報こそ4Kにしなければ、細部が潰れて見づらくなる。

●授業コンテンツにおいて表示する「文字・画像」の元データをつくる場合、JPGやPNGなどのラスターデータでつくると、高画素映像への対応ができない。

●「文字・画像」の元データは、4Kや8Kに引き伸ばしてもガタが出ない「SVGで出力したデータ」を使う必要がある。

●SVGデータの主流はIllustrator CC〔Adobe〕である。 しかしAdobe CCはサブスクリプション契約なので、費用がかさむ。

●Inkscape〔フリーウェア〕はIllustrator CC〔Adobe〕の代用になる。 けれどもInkscapeはプロフェッショナル向きの専門性の高いベクターデータエディターである。

●プレゼンテーションをするための簡便なSVG出力もできるエディターを探す必要がある。

できあがっているSVGデータに動きを与える専門のフリーウェア

Sozi でぐいぐい動くプレゼンテーション(前編) - interprism’s blog

SVGプレゼン

SVG Morpheus - Morph SVG icons
LaTeX の数式を PNG と SVG に変換する - akihiko’s tech note
SVGを制作できるアプリ,お絵描きソフトを徹底的に調べました! 114個 - 聴く耳を持たない(片方しか)
=^.^=
=^.^=
=^.^=
ZorroSVG - Put a Mask on it
SVG Loaders - Sam Herbert
実戦で使える本格的なSVGアニメーションを作る - The future starts today
SVGによるテキストの描画サンプル
Web上で使えるSVGエディタまとめ | hifive開発者ブログ
線や塗りなど描画が美しいSVGアニメーションの作り方 | TIPS | BOEL Inc. ボエル
Boxy SVG Editor
こいつ動くぞ!商用利用無料、シンプルにデザインされたフォントもSVGも揃ったフリーのアイコン素材 -Box Icons | コリス
実装が非常に簡単!アニメーションに対応したSVGアイコンと埋め込みコードがセットになったライブラリ -Titanic | コリス
線を引くSVGアニメーションの作り方 -文字や図形を一筆書きのように線・ラインで描く | コリス
便利なツールが登場!ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール | コリス
SVG 要素リファレンス | MDN
Freestyle SVG Exporter — Blender Manual
【旧版】SVG入門 (全14回) - プログラミングならドットインストール
ノンプログラマーにもオススメ!滑らかなSVGアニメーションを驚くほど簡単に作成できるMac用ソフト「Keyshape」の使い方を解説|ferret [フェレット]
画像フォーマット「SVG」を使いこなすために知っておきたいこと|ferret [フェレット]
見えないペンで描いてるみたい!SVGアニメーションを作る方法|ferret [フェレット]
GitHub - SVG-Edit/svgedit: Powerful SVG-Editor for your browser
GitHub - alexjlockwood/ShapeShifter: SVG icon animation tool for Android, iOS, and the web
GitHub - riccardoscalco/textures: Textures.js is a JavaScript library for creating SVG patterns
CSSだけでSVGをアニメーションさせる | ハックノート
ブラウザから SVGO で SVG ファイルを最適化できる 「SVGOMG」 | WWW WATCH
UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ - ICS MEDIA
SVG Editor - Visual Studio Marketplace
無料で使えるSVGエディタを比較してみた | なるほど。
コード不要で手描き風のSVGアニメーションを自動作成できるエディタ「Vivus Instant」の使い方大公開! - paiza開発日誌
Free SVG Converter
SVG アニメーションツール Shape Shifter の使い方 - Qiita
VSCodeでSVGを編集できるやつ2.0(SVG Editor) - Qiita
説明つきの画面キャプチャー図をSVGでつくる - Qiita
SVGアニメーションが5分で作れる!jQuery DrawSVGの使い方
アニメーション付きSVGで実装する滑らかで自然なアニメーション | スターフィールド株式会社
インラインSVGを使った、テキストを変えられるアイコン | スターフィールド株式会社
Blenderで3DモデルをSVGとして書き出す方法 | Stocker.jp / diary
SVG PORN
SVGでハンドライティングアニメーションを実装する | UNORTHODOX WORKBOOK | Blog
Animated Text Fills - SVG text with animated dashed stroke pattern
svg 編集 - Google 検索
意外に簡単!滑らかSVGアニメーションをつくってみよう! | サイドスリーブログ | 株式会社サイドスリー
SVGの基本&活用法。SVGのメリットと事例を基礎から学ぶ。
HTML5 と SVG で考える、これからの画像アクセシビリティ
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX - CSS Nite After dark7
Vecteezy Editor - Free Online SVG Editor - Download Free Vector Art, Stock Graphics & Images
アニメーションやグラフ等、SVGを使ったJavaScript&jQueryプラグイン11 | Webクリエイターボックス
SVGモーフィングで、図形を徐々に変化させてみよう | Webクリエイターボックス
SVGを使いこなすための便利ツールいろいろ | Webクリエイターボックス
どれがいい? 全部無料でブラウザーだけで使えるSVG編集ツール6選 - WPJ
シンプル・爆速・超便利な無料SVGエディター「Boxy SVG」って知ってる? - WPJ
基礎から学ぶ、IllustratorでSVGを最適化して書き出す方法 - WPJ
SVGで手書き風アニメーションを実装する方法 | Will Style Inc.|神戸にあるウェブ制作会社

支配者は必要ない

支配欲や貨幣経済というのは、周波数の低い文化なので、手放す必要があります。

PDFファイルを使うとAdobeがPDFを通じて人類を支配することになる

Adobe CCを使うことによって、Adobeによる人類に対する支配を存続することに、プラスの1票を投じていることになります。

サブスクリプション契約というのは、人頭税と同じものです。

サブスクリプション契約にかんして、私は「支配者が奴隷に絡みつくような、やばつい感触」を感じます。

健全な意識をもっていれば、Adobe CCが「僭主」に該当することは理解できると思います。

いまこそ陶片追放(オストラシズム)を発動するときです。

支配からの脱却は、誰かがやってくれるわけではありません。 地球人類が、自分の手でやり遂げるものです。

つまりAdobe CCを使わずに、代替ソフトウェアを積極的に利用することで、「事実上の標準」という「悪習」「因習」を少しずつ緩和し、洗い流してゆきましょう。

「事実上の標準」が出現したということは、「独裁者が登場した」というのと同じなのです。

docxファイルを使うとMicrosoftがWordを通じて人類を支配することになる

私は2015年に「Microsoft Office 2013」(Accessの付いたバージョン)を買って以来、Microsoft Officeを使わずに、LibreOfficeを使っています。

つまり「Microsoft Office 2013」がOneDriveへ接続するよう、いちいちうるさい小細工をしてくるので、「Microsoft Office 2013」を買ったけれども、ほぼほぼ使っておりません。

もともとは『Microsoft Office 98』と、そもそもMicrosoft Office以前は、『ロータス スーパーオフィス|ソースネクスト』のApproachというデータベースソフトを使っていました。 それ以前は『ジャスト三四六|ジャストシステム』を使っていました。

ロータス スーパーオフィス
ソースネクスト (2004-02-13)
売り上げランキング: 47,185

ジャスト三四六 - Google 検索

LibreOffice、あるいは、OpenOffice.orgの運動というのは、人類に対する支配へ向けての抵抗運動(レジスタンス・ムーブメント)です。

Debian - Wikipedia

Microsoft、Appleなど、闇の勢力に支配されている「人類に対する支配を強める側」からすると、Debianプロジェクトは「支配構造を揺るがす要素」でした。

貨幣経済というのは、「人類に対する支配」が強固でないと存続できません。 ですので、従来は「別の貨幣」を開発しようとした者は、必ず闇の勢力の暗殺者によって暗殺されました。 もちろん「フリーエネルギーの実用化」に向けて動く人たちも、必ず闇の勢力の暗殺者によって暗殺されました。

Debianプロジェクトの創始者であったイアン・マードック(Ian Murdock)氏は、友愛された可能性があると私個人は思っています。

Ian Murdock Assasination - Google 検索

IAN MURDOCK MURDER COVERUP!!! MUST WATCH!!!!

IAN MURDOCK AUTOPSY REPORT!!!! DOES THIS MAKE SENSE TO YOU???

Pandoc|いつかは向き合わなければならない変換ツール

Pandoc - Google 検索

$\LaTeX$

$\LaTeX$は、数式を記述することのできる、印刷ベースのフリーウェア。

$\LaTeX$を記述するときは「TeX記法」で記述する。

「TeX記法」で記述して「MathML」形式に変換して書き出す。 これが標準的な「デジタル・ドキュメント上で数式を表現する標準的な方法」だと思う。

LaTeX数式 to MathML を考える | 雑記帳

「TeX記法」は生き残るけれども、大学の$\LaTeX$ジジイどもが少しずつ退職するごとに、$\LaTeX$はその地位を失ってゆくであろう。

TeX記法 - Google 検索

ベクターデータ|SVG出力|ソフトウェア

SVGデータのサイズ削減

SVGを使うときに知っておくといいことをまとめました - Qiita

Gravit Designer

Bootstrap(ブートストラップ)を利用して、1枚のウェブページをつくる。 その中にGravit Designerで生成したSVGデータを貼り込む。

このBootstrapのページ群が、プレゼン資料になる。

「PDF」や「固定レイアウトのEPUB」に変換しやすいかもしれない。

パワーポイントを使わずに、サクサク パワーポイント EPUB

HTML & CSS | プログラミングの入門なら基礎から学べるProgate[プロゲート]
デザイン知識がなくてもOK!Bootstrapの使い方【入門者向け】 | TechAcademyマガジン

無料ドローソフト Gravit Designerならパワポ感覚でイラストを作れる | piroblog
【Gravit Designerの使い方】四角形の角を丸くする、半透明、グラデーションを掛ける | piroblog
【Gravit Designerの使い方】立体的なイラストの描き方【グリッド×スナップ】 | piroblog
【パワポでも使える】図形の結合を使ってアイコンやイラストをつくる【Gravit Designerの使い方】 | piroblog
Gravit Designerを ダウンロード ~ インストール ~ 使い始めるまでを解説【windows】 | piroblog
【Gravit Designerの使い方】ショートカットキーと マウス操作時に使うキー | piroblog
【Gravit Designerの使い方】写真からイラストをつくる方法 | piroblog

HRMLファイルを表示しながらコードが編集できる

Brackets

Brackets - Web デザインを認識する最新のオープンソースコードエディター

BlueGriffon|有料版へ誘導する動きがある

BlueGriffon

The Top 7 Free Alternatives to Adobe Illustrator of 2019

Pixelmator Pro

Has the Adobe Illustrator “killer” finally arrived? – The Graphic Mac

The best free alternative to Adobe Illustrator 2019 | TechRadar

The best video editing software 2019 | Free and paid editors tested | TechRadar

 
Where Am I?
comments powered by Disqus