Author Archives: 十七夜

ImageMagickで一定範囲を別画像で塗りつぶし

  • Imagemagickをインストールした場所だけ書き換えること
  • 塗りつぶしたい(一時的に透明にしたい)部分を黒で塗りつぶしたファイルをalpha.pngとする
  • 下に敷いて透明部分から覗かせたいファイルを00.pngとする
rem このバッチが存在するフォルダをカレントに
pushd %0\..
cls

set composite="(インストールした場所)\composite.exe"

for /F "usebackq" %%i in (`dir /s /b *.png`) do %composite%  -compose CopyOpacity alpha.png %%i  %%~ni-alpha.png

rem いらない *-alpha.pngを削除する
for /F "usebackq" %%i in (`dir /s /b 00-alpha.png`) do del %%i
for /F "usebackq" %%i in (`dir /s /b alpha-alpha.png`) do del %%i

rem 00.pngの上に-alphaを重ねていく
for /F "usebackq" %%i in (`dir /s /b *-alpha.png`) do %composite% -compose over %%i 00.png %%~ni-comp.png

rem 仮出力ファイルを削除する
for /F "usebackq" %%i in (`dir /s /b *-alpha.png`) do del %%i

pause
exit

既に塗りつぶしたい部分を切り抜いた場合はこっち

rem このバッチが存在するフォルダをカレントに
pushd %0\..
cls

set composite="(インストールした場所)\composite.exe"

rem 00.pngの上に-alphaを重ねていく
for /F "usebackq" %%i in (`dir /s /b *.png`) do %composite% -compose over %%i 00.png %%~ni-comp.png

rem いらない 00-comp.pngを削除する
for /F "usebackq" %%i in (`dir /s /b 00-comp.png`) do del %%i

pause
exit

ImageMagickで背景と文字を切り離すやつ

  • Imagemagickをインストールした場所だけ書き換えること
  • 文字なしの画像を00.pngにする
  • 処理したい画像を入れたフォルダに以下の内容を書いたbatファイルを置いて実行するとマッチ棒ができる
rem このバッチが存在するフォルダをカレントに
pushd %0\..
cls

set composite="(インストールした場所)\composite.exe"
set mogrify="(インストールした場所)\mogrify.exe"
set convert="(インストールした場所)\convert.exe"

rem diffをとる
for /F "usebackq" %%i in (`dir /s /b *.png`) do %composite% -compose difference 00.png %%i  %%~ni-diff.png

rem 00-diff.pngはまっさらなので削除
for /F "usebackq" %%i in (`dir /s /b 00-diff.png`) do del %%i

rem 白黒反転、白を透過する
for /F "usebackq" %%i in (`dir /s /b *-diff.png`) do %mogrify% -negate %%i
for /F "usebackq" %%i in (`dir /s /b *-diff.png`) do %mogrify% -transparent white %%i

rem pngを1枚につなげる
%convert% -background black -append *-diff.png full.png

pause

rem 仮出力ファイルを削除する
for /F "usebackq" %%i in (`dir /s /b *-diff.png`) do del %%i

pause
exit

十七夜屋へのアクセスについて

サーバーがとってくれるアクセス解析を数年ぶりに見ました。
存在しないURLへのアクセスが激しかったので、存在しないファイルを叩いている場合はindexへリダイレクトするようにしました。もし不具合などありましたらご連絡ください。

また、長年使っていたつもり(でその実滅多にデータなんて見てなかった)アクセス解析がいつの間にか死んでいたので、先日からGoogle analyticsを入れています。
URLが汚い関係でたいしたことはわかりませんが(……)こんな辺境にいらしてくださる方が今もいるのだと分かり、大変驚いています。

お気に入りのwordpressプラグイン

初期インストール済みのもの

  • Akismet…スパム退治に。もっとも、検索エンジン全回避してる身からすると、おまもりというかおまじないというか。
  • WP Multibyte Patch…文字数カウントが正しくなる

データ保守系

  • WP-DBManager…定期的にデータベースのバックアップを取って自分宛にメールしたりできる。
  • Revision Control…膨れ上がるrevisionを抑えるのに便利。
  • Ajaxplorer…wordpressで手の届かないファイル管理に。

投稿作業が便利になる系

  • Custom Post Type UI…カスタム投稿タイプを使うときに必須。
  • Custom Post Type Permalinks…カスタム投稿タイプのパーマリンクをカスタマイズするのに便利。
  • Advanced Custom Fields…カスタムフィールドを使う時は便利。
  • Exec-PHP…投稿や固定ページなどのコンテンツ内でPHPを実行。便利。ないとやってられない。
  • Pukiwiki for WordPress…エントリ内でpukiwiki記法を使えるようになる。
  • SyntaxHighlighter Evolved…コードを綺麗に見せるショートコード

見てる人の利便性向上

  • WP-PageNavi…前後へのページングが高機能になる。
  • Page-list…サイトマップを作成するプラグイン
  • Search Everything…検索機能の強化やカスタマイズ

twitter系

  • Blackbird Pie…tweet埋め込みに。公式よりも見た目が好き。
  • WordTwit…更新時の自動post。設定が簡単で好き。

コミュニケーション系

  • Usernoise…メールフォームを常駐させるプラグイン。
  • Yet Another WebClap for WordPress…wordpressに拍手を入れるなら一番楽かなと。ただしメール通知とかがないので管理画面に入らないと気付けない。

「パスを通す」とは

「コンピューター」のプロパティから「システムの詳細設定」→「環境変数」→システム環境変数のPathに書き加える
ドライブ名(C:)から始まる、通したいところへのpathを、セミコロン(;)区切りでずらずらと並べていく。消してはいけない。

アップロードする動画のための仕様やメモ

アスペクト比と解像度

  • 4:3…512*384
  • 16:9…640*360
  • 15:9…640*384
    • ニコニコ動画のプレイヤーに合わせたサイズ
    • 上下に12ドットずつ黒塗りを入れる

各サービスの仕様

ニコニコ動画:エコノミー

  • ファイルサイズ
    • FLV, MP4…40MB
    • 他…100MB
  • ビットレート…600kbps
  • 解像度…1280*720以内

youtube

  • 参考リンク
  • コンテナ….mp4
  • 音声…AAC-LC (サンプルレート:48or96khz)
  • 動画…H.264

ビットレート制限

PukiWiki_for_WordPress HttpError: 500 Internal Server Error

vimeo

ビットレートの目安

PukiWiki_for_WordPress HttpError: 500 Internal Server Error

faviconの仕様とルール

必要になるたびに探して、必要なくなったら忘れて、また探して、を繰り返しているので、一度調べたことをまとめておこうと思いました。

ファイルの仕様
基本的にはico形式。gifやpngも可。
gifやpngだと解像度は16*16のみ。icoなら32*32も。

HTML側での対応
ファイル名を「favicon.ico」としてルートディレクトリに置いていた場合、ブラウザによってはリンクなしでも検出されることがある。
htmlのhead内に書くlinkは、以下のとおり

<link rel="shortcut icon" href="パス" type="MIMEタイプ" />
<link rel="icon" href="パス" type="MIMEタイプ" />

MIMEタイプはファイルの形式による。

  • .ico…image/vnd.microsoft.icon
  • .gif…image/gif
  • .png…image/png

Hello world!

久しぶりに素材屋っぽい系統のものを書きためる場所が欲しくなったので、さくさくっとwordpressで立ててみました。