VSCode拡張機能 v3.26.0:音声コーデック変換・レポート表示機能


・拡張機能更新
## v3.26.0
- feat: 設定[音声最適化]タブを新設、音声コーデック変換・レポート表示機能
  - opus (.m4a) Opus
  - aac (.aac) Advanced Audio Coding
  - ogg (.ogg) Vorbis
  - ふりーむ! でも許可されている拡張子、音声は「ogg/aac/m4a/mp3」のみ
  - ブラウザサポート状況、現状では
    - opusは Safariのみ「macOS 10.13.x High Sierra/iOS 11 or later.」
      - https://caniuse.com/opus
    - aac はフルサポート
      - https://caniuse.com/aac
    - ogg は Safariのみ「macOS 11.3 or later.」
      - https://caniuse.com/?search=ogg
    - avifは Safari だけがまったくサポートしない
      - https://caniuse.com/avif
- feat: 音声コーデック変換有効時にコーデック変更で自動実行
- fix: 設定[画像最適化]タブを新設、WebP 変換関係を移動
  - fix: 退避素材フォルダを削除しないように
  - fix: 基本の変換画質変更後、ビューを非表示にして再表示すると 95 に戻ってしまう件
- fix: 大量ファイル処理時の path.json 暗号化エラーを回避(遅延更新)
- fix: (build.ts)前回のような更新ミス対策
- fix: (src/webpack.config.js) を commonjs に修正
- fix: リファクタリング

・SKYNovel更新
## v1.29.6
- fix: ライブラリ更新

・テンプレ更新
## v2.11.4
- fix: ライブラリ更新


 デフォルト状態では音声ファイルの変換をしません。


 スイッチを押すと、wevやmp3ファイルを指定した【音声コーデック】に変換して置き換えます。
 元のファイルは少し前にリリースした【画像最適化】と同じように、別フォルダに退避します。
(左端の「ソース管理」(git)変化に注目して下さい)

 しかしよく見ると、aac への変換では音声ファイルサイズの合計が変換前より大きくなってしまっています。
(プロジェクトに含まれる音声ファイルの傾向によります)


【音声コーデック】を Opus(コンテナ・拡張子はm4a固定)に変更すると、削減率が1より小さく、10%ほど削減できました。
スポンサーサイト



VSCode拡張機能 v3.25.0:ファイル個別にWebP 変換画質設定できるように


○拡張機能更新
## v3.25.0
- feat: WebP 変換・レポート表示で、ファイル個別に画質変更できるように
- fix: WebP 変換OFF中はレポート表示を非表示に

「WebP変換する・しない」スイッチのすぐ右のスライダーは、「基本の変換画質」というデフォルト値とし、ファイル個別に画質設定も可能となりました。

VSCode拡張機能 v3.24.0:WebP 変換前後をスライダーで比較検討できる


○拡張機能更新
## v3.24.0
- feat: WebP 変換・レポート表示で、変換前後の画像をスライダーで比較検討できるように
- fix: WebP 変換・レポート表示は折りたたみではなく変換ON中は一定の高さで表示するように
- feat: WebP 変換ON中、画質変更で自動再変換するように
  - 既存の拡張機能により WebP 変換ONだった場合、必ず一度OFFにすること
- fix: <img loading="lazy">を積極利用
- fix: css手直し
- fix: Vue開発時とVSCode実行時の初期値を区別

【更新】VSCode拡張機能 v3.23.2:jpgやpngを WebP に自動変換


・○拡張機能更新
## v3.23.2(4/7 4:00 退避ファイル追加・変更・削除時もWebP 自動変換するように)
- fix: WebP 変換ON中、退避ファイル追加・変更時も WebP 変換・生成するように
- fix: WebP 変換ON中、退避ファイル削除時、変換後 WebP ファイルも削除するように
- fix: WebP 変換OFF時、対応する素材ファイルが無い場合、WebP を削除しないように
- fix: ファイルウオッチ機構手直し
## v3.23.1
- fix: 初回に設定[パッケージ] 画面が表示されない件
## v3.23.0
- feat: 設定[パッケージ] 素材ファイル最適化を追加、jpgやpngを WebP 変換
  - webpは現状、すべての最新ブラウザ(&Electronアプリ)で使用できる
    - 参考:次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA https://ics.media/entry/201001/

> 2020年9月にiOS 14がWebPをサポートしたことで、この競争は実質的にWebPの勝利という形で決着しました。
> WebPはJPEG/GIF/PNG(APNG)をカバーする魅力的なフォーマット
> さらに次世代のフォーマット、AVIFも


  - webp・webm はふりーむ! でも許可されている拡張子
  - prj/ 下の元素材ファイルは prj_base/ 下へ退避される
    - 退避フォルダ下は直接さわらせない方針
  - ファイルごとの変換後ファイルサイズ・削減率などをレポート表示
  - 素材ファイル最適化ON状態では
    - prj/ 下にjpg・pngファイルを追加・更新時、退避フォルダ下に上書きコピー&webp化
    - webpファイルを削除時、退避していたjpg・pngファイルも削除
    - 退避ファイルは更新・削除してもなにもしない
      -退避フォルダは触らないこと。開発時は必ず prj/ 下を触るイメージ
- fix: <table>のcssをvscodeナイズ
- fix: v3.21.0 からスクリプトスキャンに伴う機能が動作していなかった件
- fix: フォント機能が一部動作していなかった件
- fix: 監視しないシステムファイルの正規表現をテスト・修正
- fix: gやyフラグを使わない正規表現のlastIndex=0リセット記述を削除

・SKYNovel更新
## v1.29.5
- fix: Electron 18 対応
- fix: コメントが残っていたのを削除
- fix: gやyフラグを使わない正規表現のlastIndex=0リセット記述を削除

・テンプレ更新
## v2.11.3
- fix: 新拡張機能によるファイル更新(v3.23.1)
- fix: ライブラリ更新


【jpg・png を WebP に変換】トグルスイッチをクリックすると、(初回はライブラリ準備にしばらく待たされてから)
「doc/prj」フォルダ下のすべての jpg・png ファイルを WebP変換し置き換えます。

 元のファイルは「doc/prj_base」フォルダ下にそのまま退避されます。

 元ファイル「title.jpg(406KB)」が、変換後「title.webp(248KB)」とサイズ削減されています。

【変換ON】状態で画像素材を更新したい場合は、「doc/prj」フォルダ下の webpファイルと同じフォルダにコピーして下さい。
 ファイル単体で「退避&変換」が行われます。

 webpファイルを手動で削除すると、対応する退避ファイルも削除されます。
 基本、退避フォルダは触らないです。開発時は必ず prj/ 下を触るイメージ。
(v3.23.2 より)
 基本、退避フォルダを触ります。素材追加・変更・削除時は prj_base/ 下を触るイメージ。

 また「WebP 変換時の画質」が高い(デフォルト値90)だとファイルサイズ削減率は低く、

 画質が低いとやや劣化しますが削減率が高くファイルサイズが小さくなります。

(上記画像をクリックすると【変換レポート】が表示されます)

 削減率が 1.00 より大きいと WebP変換で元ファイルよりファイルサイズが大きくなってしまっていることになりますが、テンプレの都合で「jpg・pngのみ」か「すべてWebPか」しか選べません。
 採用するかは「画質設定」と「合計の削減率」で判断するのが現実的でしょう。

VSCode拡張機能 v3.22.0:jpg/png 画像からアイコンを自動生成する処理

○拡張機能更新
## v3.22.0
- feat: [設定]画面-[パッケージ]に jpg/png 画像からアイコンを自動生成する処理
  - サイズチェック (1024x1024以上)
  - 丸く切り抜くかどうかを指定できる

1.画像ファイルを選択すると


2.画像ファイルのサイズチェックを行い、問題なければ……
  丸く切り取り、
  [設定]画面に表示されたアイコンも表示更新されます。


3.build/icon.png など、アイコンファイルが更新されます。
プロフィール

ふぁみべぇ

Author:ふぁみべぇ
 →@famibee
 →メアド(四角を@に)

カテゴリ
リンク
検索フォーム
最新記事
月別アーカイブ