みかづきブログ その3

3ヶ月つづけてみました。

Mac

ffmpegをつかって連番画像からGIFアニメを生成する

Mac

0.png、1.png、2.png、3.pngという感じの連番画像をGIFアニメにしたいとき、 ffmpeg -i %d.png -vf palettegen palette.pngと、まずpalette.pngをつくり、 ffmpeg -f image2 -r 1 -i %d.png -i palette.png -filter_complex paletteuse anim.gifとカラーパレ…

「Oops, something went wrong. Upload failed」といわれてスライドシェア(SlideShare)に資料をアップロードできないとき

Mac

www.slideshare.netスライドシェアに全角日本語のタイトルのPDFをアップしようと思ったのですが、 「Oops, something went wrong. Upload failed」といわれてアップロードできませんでした。PDFのタイトルを半角英数にしたら無事にアップロードできました。

ffmpegをつかってiPhoneSEで撮影したMOVファイルをMacのQuickTimeで再生できる形を維持したままmp4に変換しつつ正方形にクロップしたい

Mac

kimizuka.hatenablog.comムービーを正方形にすることが多くなったのでメモしておきます。 ランドスケープ(横長) ffmpeg -i filename.mov -vf crop=1080:1080:420:0 -pix_fmt yuv420p filename.mp4 ポートレイト(縦長) ffmpeg -i filename.mov -vf crop=1…

Raspberry Pi 3 Model Bをらくらくセットアップ

Mac

mag.switch-science.com先日「Raspberry Pi 3 Model B+」が発表されましたがいかがお過ごしでしょうか。以前、買ったまま放置していた「Raspberry Pi 3 Model B」のセットアップをようやくセットアップしたので、その時の手順をまとめておきます。 思ってい…

Macの開発環境を整える 2018

Mac

OSをアップデートするたびにMacを初期化しているのですが、以前まとめた開発環境が若干古くなってきたため、一新しようと思います。kimizuka.hatenablog.com 変更した設定 キー入力周り 入力ソースに日本語(ひらがな)を追加 ライブ変換をOFF 推測候補表示…

MOVファイル(iPhoneで撮影した動画とか)をMacのQuickTimeで再生できる形を維持したままmp4に変換したい

Mac

以前は、 ffmpeg -i filename.mov filename.mp4という形で変換していたのですが、 MacのQuickTimeで再生しようとすると、 このファイルはQuickTime Playerと互換性がありません。 という感じで開くことができませんでした。 ffmpeg -i filename.mov -pix_fmt…

YouTubeLiveでMacのウェブカメラで撮影している映像をライブ配信し、その様子をウェブページに埋め込んだプレイヤーに表示する方法

ひょんなことからYouTubeLiveをウェブページに埋め込む方法を調べました。 必要なもの Googleアカウント( https://accounts.google.com/SignUp ) Google Adsenseアカウント( https://www.google.co.jp/adsense/start/ ) Adsenseアカウントに紐付いたYouT…

シェルスクリプトで大量のwavファイルをmp3ファイルに変換する

Mac

ひょんなことから100本以上のwavファイルをmp3に変換しなければならなくなり、シェルスクリプトを書きました。 #!/bin/sh for file in *.wav do fileName=`echo ${file} | sed -e "s/\.wav$//"` ffmpeg -i ${fileName}.wav -ac 2 -codec:a libmp3lame -b:a 4…

Nginxで404ページをカスタムする

Mac

404.kimizuka.fmどうしても404ページでNOT FOUNDを流したかったので、近所のサーバサイドエンジニアに頼み込んで設定方法を教えてもらいました。/etc/nginx/conf.d/ 以下に hogehoge.conf という設定ファイルをつくり、 server { ... error_page 404 /404.ht…

CloudFlareでhttpsに対応させたページにhttpでリクエストが来たときにリダイレクトさせたいという想い 🤔

Mac

以前、 無料でhttpsの環境を手に入れるために導入 したCloudFlare。 大変便利に活用させていただいております。kimizuka.hatenablog.comこれまでは何も考えず、httpのアクセスをhttpsにリダイレクトする処理をフロントで行っていたのですが、 よくよく考える…

iOS11ベータ版向けにつくったウェブコンテンツのデバックはSafari Technology Previewの手を借りると楽々 😀

最近、iOS11のSafari向けにコンテンツをつくって試してみることが多いのですが、 ウェブカメラをつかうコンテンツを試しているので実機で確認する必要があり、 ライトニングケーブルでMacと繋いでデバッグ しながら開発を進めたいのですが、 通常のSafariで…

ターミナルで画像をbase64にするぞ 😀

Mac

SublimeText2から3に乗り換えて、唯一の不満が画像をbase64に変換するところ。2では、画像をエディタにドラッグ&ドロップするだけでbase64化してくれるプラグインがあったのですが、kimizuka.hatenablog.com3では見当たらず。探し方が悪いだけかもしれませ…

PCと同期していないiPhoneのミュージックアプリでアーティストが分裂(表記ゆれ)してしまったときの直し方 😭

Mac

アーティスト名の表記ゆれ問題 いつも便利に使わせていただいているiTunesなのですが、昔から1つだけ大きな不満がありました。 それは時々アーティスト名が表記ゆれすること。僕は良くスピッツが分裂します。 これはレコード会社が登録時に表記ゆれしていて…

Nginxでwwwありできたリクエストをwwwなしにリダイレクトする

Mac

サブドメインなしバージョンとサブドメインありバージョンを2つ書いて見ましたが、なんとかひとつに統一できないものか。 # サブドメインなし server { listen 80; server_name www.hogehoge.com; root /home/app/static-sites/loading/; return 301 $scheme…

フロントエンドエンジニアがさくらVPS で Ubuntu + Nginx + Node.jsの環境を整えるまでの道のり - その1 - Ubuntu導入からNginxの起動まで 😎

Mac

春ですね。^ ^なにか新しいことをはじめたくなりますね。^ ^かれこれ7年ぐらいさくらのVPSをつかっているのですが、「さくらのVPS乗り換えキャンペーン」たるものをつかって新しいサーバに乗り換えてみることにしました。www.sakura.ad.jpいままでは、Ce…

npmの代わりにYarnをつかってパッケージを管理する 😎

Mac

もう2017年なのでパッケージの管理をYarnにしてみることにしました。 Yarnとは yarnpkg.comFacebookがつくったパッケージマネージャーでそうです。 なんでもnpmより高速でGoogleも開発に協力しているとか。 個人的にはnpmに全然不満はなかったのですが、Face…

Macにrmagickをインストールしたときにでるエラーを解決する 😎

Mac

エラー内容 checking for clang... yes checking for Magick-config... no checking for pkg-config... yes checking for outdated ImageMagick version (<= 6.4.9)... no checking for presence of MagickWand API (ImageMagick version >= 6.9.0)... no ch…

iPhoneで撮影した動画をffmpegで無音にしたい

Mac

無音にしたいだけなのにいちいちiMovieとかで編集するのが面倒だったのでプログラムでなんとかならないかと思い、 いろいろ調べた結果、ffmpegで処理することにしました。Macであればffmpegを導入するのはとても簡単です。kimizuka.hatenablog.com ffmpegで…

Mac版Chromeでトラックパッドを2本指でスワイプした時にブラウザバックしてしまう現象をなんとかする

Mac

あけましておめでとうございます。 昨年から、いや、もしかしたらもっと前から、ずーっと僕を悩ませていた現象を1つ解決できたので解決方法をまとめておきます。 現象 その現象がこちら。わかりますか? Mac版のGoogle Chromeなんですが、トラックパッドを2…

HomebrewをつかってMacにffmpegを導入する。

Mac

1. Homebrewのインストール /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. ffmpegをインストール brew install ffmpeg 3. (動かない場合は)lameもインストール brew install lame 関連記事 kim…

ffmpegのエラーを解決する(dyld: Library not loaded: /usr/local/opt/lame/lib/libmp3lame.0.dylib)

Mac

ひさしぶりにmp4をgifに変換したくなったのですが、手順をすっかり忘れていて、 自分のブログを検索したら、 この記事 がヒットしました。kimizuka.hatenablog.com過去の自分に感謝しながら、 ffmpeg -i input.mp4 -r 8 -s 480x360 output.gifを叩くと、 dyl…

SafariCloudHistoを終了する

Mac

Flashをインストールしているときに、やれPhotoshopを閉じろだ、やれChromeを閉じろだと色々警告が出てその都度対応していたのですが、SafariCloudHistoを閉じろと言われて困りました。 起動した覚えがないからです。一旦インストールを中断してPCを再起動し…

AfterEffectsで連番書き出し

Mac

1. コンポジション > レンダリングキューに追加 2. 出力形式をPNGシーケンスに変更 3. ファイル名を変更したい場合は出力先を変更 #の数でゼロパディングの数を調整できます。 4. レンダリング! 以上です。

GitでリポジトリのURLを確認する

Mac

git remote -vでOK。

After Effects で背景透過の動画(アルファチャンネル付きmov)を書き出す

Mac

1. コンポジション > レンダリングキューに追加 2. レンダリング設定をこんな感じに 3. 出力モジュールのチャンネルをRGB + アルファに変更 4. レンダリング! 以上です。

MacBookのトラックパッドでピンチイン・アウトしたときにChrome拡大縮小するのを止める

Mac

システム環境設定 > トラックパッド > スクロールとズーム > 拡大/縮小 のチェックを外したら止まりました。

rbenv install で BUILD FAILED (OS X 10.11.6 using ruby-build 20160913) とエラーが出た場合の対処法

Mac

ひさしぶりに、 rbenv install 2.2.3でrubyをインストールしようとしたら、 rbenv install 2.2.3 Downloading ruby-2.2.3.tar.bz2... -> https://cache.ruby-lang.org/pub/ruby/2.2/ruby-2.2.3.tar.bz2 Installing ruby-2.2.3... BUILD FAILED (OS X 10.11.6…

Macの開発環境を整える 2016

Mac

OSをアップデートするたびにMacを初期化しているのですが、以前まとめた開発環境が若干古くなってきたため、一新しようと思います。kimizuka.hatenablog.com 変更した設定 キー入力周り 入力ソースに日本語(ひらがな)を追加 ライブ変換をOFF 推測候補表示…

Macのスクリーンショットあれこれ(保存場所変更・ファイル形式変更・名前変更・影の有り無し変更)

Mac

保存場所変更 変更 defaults write com.apple.screencapture location #{保存場所のパス}killall SystemUIServer Desktopに戻す defaults delete com.apple.screencapture locationkillall SystemUIServer ファイル形式変更 JPGに変更 defaults write com.ap…

Slackで自分の発言を検索する

Mac

from:meで検索。