【foobar2000】foo_title用スキン「mini_player」

そこそこコンパクトでいろいろ表示できるスキン。

必要なもの

1. foo_title (Download)
2. Playback Statistics

ダウンロード

GitHubのReleaseページ mini_player.zip

使い方

再生中のみ表示したい場合はskin.xmlを編集してください。

<layer name="background" type="absolute-images">
<geometry type="absolute">
  <size x="384" y="48"/>    <!-- デフォルト -->
  <position x="0" y="0"/>
</geometry>


<!-- 置き換えるコード -->
  <!-- 再生中のみ表示 -->
  <size x="$if(%ispaused%,0,$if(%isplaying%,384,0))" y="48"/>

  <!-- 一時停止中のみ非表示 -->
  <size x="$if(%ispaused%,0,384)" y="48"/>

  <!-- 停止中のみ非表示 -->
  <size x="$if(%isplaying%,384,0)" y="48"/>

動作確認環境

• Windows10 64bit
• foobar2000 v1.4.1
• foo_title v1.0.5

参考

• foo_title - General/表示系 - foobar2000 Wiki
  

パスの端にある近接点を連結するIllustratorスクリプト『MergeOpenPath』

主な機能

• パスの端にある設定距離以下のアンカーポイントを連結
• 2通りの連結方法： 2点を中間位置に移動・2点を繋ぐ線を追加
• 角度や線の太さなどのプロパティが一致するものに対象を絞る機能

Adobe ExtendScriptでminify後のスクリプトが動かない

結論としては文字コードがBOM付きのUTF-8じゃないせいでした。

※追記(2018/04/08)
他にも三項演算子をネストした時の処理順がおかしかったり、breakの後にセミコロンがないと駄目だったり、UglifyJSで圧縮されたコードがExtendScriptでは使えないことがたまにあります。

IllustratorのスクリプトがUglifyJSで圧縮するとなぜか動かず、$.writeln()の出力すら表示されなくなったのでオプション変えて色々試したものの動かず……不思議に思いながら差分をとっていたら日本語（漢字？）のコメントが残っていると動いたのでやっと文字コードの問題と気づく。

ExtendScriptは結構古いシステムなのでBOM付きのUTF-8が使われているみたいですね。 変換したらあっさり動きました。

あんまり調べてないのでなんで日本語のコメントがあると普通に動くのかよく分かりませんが…

参考

• Photoshop scriptはUTF-8 with BOMにしておこう - Qiita
• AdobeIllustratorのエクステンション開発でつまずいたこと

サイドバーに現在位置を表示して追尾する目次を設置する【Ver3】

いわゆるシングルページナビゲーションみたいなやつ。(2018/07/03更新)

できること

• サイドバーに目次を設置
• スクロールすると追尾する
• 現在位置の背景色変更
• リンク先へのスムーズスクロール
• ウィンドウサイズ変更に合わせてサイズ変更
• 記事ページ以外でもページ内の記事一覧などを表示

動作環境

• サイドバーが横に表示されるテーマ
• 親要素にtransformがないテーマ

動作確認はPC版のChrome、FireFox、Edge、IE11で行っています。
※設定によってはスマホやタブレットでも動きますが基本的にPC向けです。

前バージョンからの主な変更点

• ウィンドウサイズ変更に対応
• 使えるテーマが増えた
• HTML構造変更（<div class="sectionList"></div>削除など）
• CSSのidとクラス名変更（#sectionListSide → #stoc、.current → .activeなど）

他にもjQuery使うのをやめたりと変更点が多いです。

その他の変更履歴

gulpの出力内容をクリップボードにコピーする

使い所が限定されすぎていて使い道がわからないコード。Windows用。

ストリーム内でクリップボードにコピーしたかったけど文字化けしたりで上手くいかず、ファイルに書き出してからクリップコマンド使うというゴリ押し（ひどい）。

あと元のファイルがUTF-8だったのでShift_JISに変換してます。文字コードﾖｸﾜｶﾗﾅｲ。

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var exec = require('child_process').exec;

var TEMP_PATH = process.env.TEMP;
var EXPORT_NAME = 'test.js';

// ファイルに書き出しクリップボードへコピー
gulp.task('clip', function() {
  gulp.src('src/*.js')
    .pipe($.concat(EXPORT_NAME))
    .pipe($.convertEncoding({to: 'shift_jis'}))
    .pipe(gulp.dest(TEMP_PATH))
    .on('end', function() {
      exec('clip < ' + TEMP_PATH + '/' + EXPORT_NAME);
    });
});

サイドバーに現在位置を表示して追尾する目次を設置する【目次記法対応版】

※追記(2018/01/15)
新しいバージョンを作ったので今後はこちらを参考にしてください。

続・はてなブログのカスタマイズ

色々機能つけてみたけどやっぱりシンプルな方がいいよね…という良くあるパターン。

現在の設定を貼る記事になります。

(2018/04/16更新)テーマをMinimalismに変更