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

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


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

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

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

参考

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

いわゆるシングルページナビゲーションみたいなやつ。

  • できること
    • 動作環境
    • 前バージョンからの主な変更点
  • インストール
  • 設定について
    • メディアクエリ(重要)
    • 目次を表示するページ
    • 表示する見出しタグ
    • 固定時の余白
    • グローバルメニュー
    • スムーズスクロール
  • HTML構造
  • 仕様と注意点
  • こんなときは
    • デザイン・色が合わない
    • 目次の上下に白いグラデーションが表示される
    • フッタに空の要素が表示される
    • 追尾する位置になると画面外に消える
  • あとがき
  • 参考

できること

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

動作環境

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

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

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

  • ウィンドウサイズ変更に対応
  • 使えるテーマが増えた

他にもCSSのIDとクラス名が変わったり、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)
新しいバージョンを作ったので今後はこちらを参考にしてください。




前バージョンを公式の目次記法に対応させたり色々改良した版です。(2017/09/10更新)

  • やること
    • 前回からの変更点
  • やり方
  • 仕様
  • 少しだけ解説
  • 参考

やること

  • サイドバーに目次を設置
    • 現在位置の背景色変更
    • スクロールすると位置が固定(追尾)される
    • リンクをクリックするとスムーズスクロール
    • 目次記法使用時はリンクの内容を合わせる
      • 目次記法をクリックした時もスムーズスクロール

前回からの変更点

  • 目次記法に合わせて使う見出しタグをh2~h4からh3~h5に変更
  • リンクをクリックした時にURLを変更して履歴が残るように変更history.pushState()
  • モジュールタイトルを入れる場所を修正
  • 高さを計算する場所を少し改良

  • 読み込むjQueryのバージョンを変更
  • その他いろいろ修正


※追記(2016/12/30)

  • サイドバーの高さ計算法変更 (むしろなぜ今まで動いていたのか)
  • ヘッダーメニュー非表示に対応


※追記(2016/12/31)

  • 全体的に見直し


※追記(2017/09/10)

  • はてなブログをはじめよう!」まで表示しないように修正
    • entry-content の中だけ検索するようにしたので他にも表示されなくなるやつがあるかも

変更箇所


TODO

  • ウィンドウサイズ変更時の表示崩れの対応
    • (2017/03/11)作成途中の置いときます。完成したら新しく記事書くかも
    • (2017/10/09)まだしばらくかかりますが一応使えます
    • (2018/01/15) 新バージョン
続きを読む

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

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

現在の設定を貼る記事になります。(2018/01/21更新)

  • 前の記事からの主な変更点
    • 機能
    • 見た目
  • やり方

前の記事からの主な変更点

機能

  • 自動で見出し番号を付ける機能を削除

見た目

  • 見出しの上スペースを広く
    • 見出しが連続する場合はスペースを小さく
  • 横幅を僅かに広く
  • その他細々修正
続きを読む

ニコニコ動画のマイリストから「とりあえずマイリスト」へまとめて移動(登録)させる

ニコニコ動画の「とりあえずマイリスト」といえば一時的に動画を登録しておいて、後で通常のマイリストに移すなり消すなりして使う場所です(たぶん)。
そんな用途だからなのか通常のマイリストからとりあえずマイリストへの移動・コピー操作はできません。

一つずつとりあえずマイリストへ登録していくしかないですが面倒なので自動化します。


(普通はこんなことしたいとは思わないはずですが先日必要になったので…)

続きを読む

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

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

※追記(2016/12/29)
サイドバーに現在位置を表示して追尾する目次を設置する【目次記法対応版】 - Twilyze blog

※追記(2016/12/22)
この記事から色々変更してるので終わったら新しく記事を書きます。(作業中)




前に記事上に目次を設置したけど
はてなブログを便利にするカスタマイズ - Twilyze blog

サイドバーにも欲しい。ついでに追尾してほしい。

  • やること
  • やり方
  • 少しだけ解説
  • 参考

やること

  • サイドバーに目次を設置
    • 現在位置の背景色変更
    • スクロールすると位置が固定(追従)される
続きを読む